Regenerating the surface of sight.
01 · SURFACE眼睛的最外层,角膜上皮
五到七层细胞覆盖着眼睛表面
02 · DROP含有Tβ4的一滴
RGN-259是含0.1% Tβ4的滴眼液
03 · HEAL细胞重新覆盖缺口
以金色描绘的Tβ4聚向伤口,边缘细胞向内滑入
04 · CLEAR再次清澈的表面
ReGenTree 正在开发帮助这一恢复的滴眼液
影片中的眼睛、细胞和伤口是用来说明原理的画面,并非临床结果。
让眼睛表面
重新长好的公司
ReGenTree(ReGenTree, LLC)是韩国 HLB Therapeutics 和美国 RegeneRx 成立的美国合资企业。我们使用人体天然的肽Tβ4(胸腺肽β4)制造了RGN-259滴眼剂,并一直在美国进行3期临床试验,用于治疗神经营养性角膜炎和干眼症,这些角膜无法自行愈合的罕见疾病。
目前的网站包含该公司的研究和临床试验,分为六个英文菜单。我们从 2026 年 1 月到 10 月提出了三个改版提案。此页面记录了名称、徽标、颜色、字体以及从开始到结束过程中考虑的三个提案。
- 43个构成Tβ4的氨基酸公司网站上Tβ4描述中列出的数字
- 0.1%RGN-259的Tβ4浓度3期临床试验参与通知中注明的浓度
- 35处SEER-2 临床地点美国各地·基于主屏幕通知
- 10张第一个屏幕创建了三次一月·二月·十月的八个草图
DWG NO. RGT-HOME-01regentreellc.com · HOMESCALE 1:2
ReGenTree, LLCDevelopment of innovative new drugsPursuit in the quality of the life and happiness
②Click for more details
☑ No thanks, return to site
①- ①临床参与信息弹窗SEER-2临床试验3期参与信息·窗口覆盖第一屏中央
- ②一张主照片草坪上孩子们的照片上方有两行公司名称和句子
- ③三个盒子关于ReGenTree·管道·新闻与公关
- ④家庭网站19 个指向 HLB 集团附属公司的链接
- 01最坚强的真相就在内心
美国 FDA 的孤儿药资格认定和 3 期临床试验等信息分散在“管道”和“患者”下的页面中。光看第一个屏幕,很难知道这家公司是生产眼药的。
- 02一家主页上没有眼睛的眼科护理公司
第一个屏幕上的大图片是孩子们脸朝下躺在草坪上。这是一张温馨的照片,但公司处理的实际主题,如角膜、眼泪和眼药水,从未被展示过。
- 03手机没有屏幕
没有告诉屏幕宽度的设置(视口),因此 PC 屏幕在手机上以缩小的尺寸显示。参观者必须用手指来阅读小文字。
- 04两种语言的 50 条新闻报道
新闻与公关公告板将 RegeneRx 的英文股东信和韩国媒体的文章标题混合在一个列表中。每篇文章都需要一个标志来表明新闻的来源。
两家公司名字
重叠之处
ReGenTree是一家合资企业,自2015年1月起在美国开发RGN-259。韩国HLB Therapeutics负责临床试验和开发,美国RegeneRx提供Tβ4的知识产权和研究数据。如果你慢慢读这个名字,你会发现两家公司的名字是一个词。
- 01Regen 由 RegeneRx 提供
RegeneRx 是一家美国公司,一直在研究 Tβ4 的治疗方法。这个名字的第一部分意味着重生。该公司向ReGenTree提交了Tβ4的知识产权和研究数据。
- 02GtreeBNT 的树
HLB Therapeutics 的前身名为 GtreeBNT(GtreeBNT)。该公司持有 ReGenTree 多数股权,将承担并资助所有临床试验和产品开发。
- 03Re · Gen · Tree
如果你读两个名字重叠的话,Re、Growing(创)和Tree(树)的含义仍然存在。我们以这个名字作为故事的起点,“透明表面重新生长”。
两条弧重叠
具有相同的曲率
标志由深红色倾斜字母和穿过字母的两条弧线组成。目前,该网站上只剩下一张 186 像素宽的 GIF,因此当您在屏幕上放大它时,边缘会像台阶一样破裂。
在 10 月份提出提案时,我将这个 GIF 重新绘制为矢量,并通过将重新绘制的线与圆对齐来读取两条弧之间的关系。
REGENTREE LOGO · GIF 186 × 51 px01 / 04
- 01原始GIF·186×51px·256色
- 02轮廓重绘为矢量
- 03两条圆弧的上线所在的圆
- 04标志重新绘制
- 01
两层曲率相同
两条弧线的顶线位于半径分别为徽标宽度的 0.74 和 0.75 倍的圆上。几乎是同一个圆,稍微重叠了一点。我们将这两层解读为角膜和覆盖其的泪膜。
- 02
字母周围的弧线
下弧从左侧延伸到字母底部的高度,上弧从右侧延伸到字母腰部的高度。看起来就像两条弧线包围着上面的字母。
- 03
从青色到蓝色
弧线的颜色从左侧的青色 (#1FAFCD) 扩展到右侧的蓝色 (#1189C4)。在原始 GIF 中,1,789 个蓝色像素被分为三部分并取平均值。
- 04
红色字母#971A26
这些字母的颜色为一种红色。在眼睛里,红色也是发红、发炎的颜色,所以在提案中,我们决定不把这种红色带出标志。
- 空白的
在徽标周围留出与字母高度相等的空白空间。如果圆弧的末端接触另一个元素,则不会读取曲线的方向。
- 最小尺寸
屏幕横向书写不会小于96px。任何小于此值的值都会导致上弧最厚的部分变薄至 4px。
- 深色背景
在深色背景上,仅将文本更改为白色,并保留弧线的青色和蓝色不变。红色字母在深色背景上缺乏亮度对比度。
透明度、恢复率、
精度
在起草提案之前,我首先选择了三个词来描述ReGenTree。透明度如眼睛表面一样清晰,伤口可自行愈合,并且通过 3 期临床试验的精确度。
我们创建了与这三个单词匹配的新场景,并将它们收集在一块板上。如果您点击下面的某个单词,则只会保留与该单词对应的场景。
板上的照片是为了营造气氛而新创建的场景。这些不是实际产品、设施或患者的照片。
取自
眼科检查之光的颜色
在眼科诊所,眼睛在不同的光线下接受检查。用白光观察整个物体,并使用带有钴滤光片的蓝光来找到荧光染料积累的伤口。我们从这次眼睛检查中看到了更新的颜色。
-
01 · WHITE LIGHT
在白光下看到整个事物
首先,使用白光观察整个眼睛和表面纹理。明亮场景的背景和文字的文字就是在这种光线下选择的。
-
02 · COBALT BLUE
用蓝光寻找伤口
当蓝光穿过钴滤光片时,表面的划痕就会显现出来。黑暗场景的背景色和强调色就是从这种光中选择的。
-
03 · FLUORESCEIN
绿色表示有伤口
荧光染料在细胞脱落的地方积聚并发出绿光。在屏幕上,绿色仅用于需要注意的区域,例如疾病的阶段。
-
04 · AMBER
琥珀是康复的标志
10 月份的提案将 Tβ4 以金颗粒的形式流入伤口。琥珀色仅用于Tβ4和治疗场景。
徽标颜色徽标的颜色
-
仅徽标字母
红色是原版 GIF 中最常用的颜色。它不在徽标之外使用。
-
圆弧的左端
十月提案是从原始弧线左侧选取的值。原始 GIF 左侧部分的平均值为#1FAFCD。
-
圆弧右端 · 浅色背景链接
弧线结束处的右侧为蓝色。这是可用作白色背景上的链接颜色的亮度。
更新颜色十月提案的屏幕颜色
-
黑暗场景背景
是海军蓝色,钴灯关闭后接近黑暗。
-
卡·重叠边
这是墨水顶部有一层的一侧的颜色。
-
深色背景高亮·链接
这是细胞边缘在钴光下闪耀的颜色。
-
Tβ4·治愈场景
它是金色的,描绘了肽流入伤口。
-
明亮场景的背景
它是可以长时间阅读的场景的基础,例如临床表格和病史。
添加在此排列中添加的颜色
-
注意/受伤指示
这是本综述中添加的颜色。仅在需要谨慎的情况下使用,例如疾病阶段。
墨水→纸张从墨水到纸张的十个步骤。使用相同的颜色系列连接黑暗和明亮的场景。
WCAG 亮度对比。文本的标准为 4.5:1,徽标和大文本等图像的标准为 3:1。
- 01红色仅出现在标志中
在眼睛中,红色会让人想到发红和发炎。徽标字母中的 #971A26 不用作按钮或强调色。
- 02绿色仅指伤口
荧光绿是在眼科检查中显示疤痕的颜色。它仅用于指示疾病的阶段或需要注意的数字。
- 03琥珀色是Tβ4的颜色
琥珀仅用于肽 Tβ4(有助于恢复)和治愈场景。我们确保相同的颜色不会具有不同的含义。
- 04正文与背景的比例为4.5:1或更高。
深底文字为白色,浅底文字为藏青色,文字亮度超过4.5:1。
八对字体
三个角色
一月份的八张草图每页都用不同的字体书写。衬线标题很优雅,但没有适合临床水平、高数量屏幕的粗细。
十月份的提案将字体分为不同的角色。英文标题由 Inter Tight 提供,韩文文本由 Pretendard 提供,数据和步骤由 JetBrains Mono 显示。
- 01Inter
- 02Playfair Display + Outfit
- 03Space Grotesk
- 04Instrument Serif + DM Sans
- 05Cormorant Garamond + Montserrat
- 06Plus Jakarta Sans
- 07Lora + Nunito Sans
- 08Sora
- 十月三个角色
重建眼睛表面。
Pretendard
RGN-259 · PHASE III · 0.1%
JetBrains Mono
书写规范
Tβ4Beta 写作希腊字母β。它不缩写为 Tb4 或 TB4。
RGN-259程序名称分组在一起以避免连字符处换行。
Phase III临床分期使用罗马数字进行标准化。三期和三期不在一个地点混合。
0.1%浓度以数字和单位书写,小数点前不减0。
Tβ4 · THYMOSIN BETA 443 AMINO ACIDS
从眼睛到分子,
按放大倍数排列
网站上当前的菜单遵循公司组织的顺序,从“我们是谁”到“联系我们”。十月的提案重写了这个故事,让参观者越来越近距离地观察眼睛。
从整个眼睛到角膜,从角膜到上皮细胞,从细胞到肽,放大倍数逐渐增加。了解疾病的参观者自然会接触到治愈该疾病的分子和药物。
- ×1眼睛 眼睛·直径约。 24毫米
它从患者和疾病开始。首先我们来了解一下神经营养性角膜炎和干眼症是什么疾病。
- ×10角膜 角膜·厚度约。 0.5毫米
它是眼前的一扇透明的窗户。在此放大倍率下显示了疾病的三个阶段和泪膜的四层。
- ×100上皮 上皮·厚度约。 50微米
它是角膜的最外层。它展示了通过在细胞水平上覆盖伤口来愈合的原理。
- ×10⁵肽 Tβ4·43个氨基酸
它是一种有助于愈合的分子。它会导致 Tβ4 和 RGN-259(一种含有它的滴眼剂)发挥作用。
现在现在有六个菜单
- Who We Are
- Pipeline
- Tβ4
- Patients
- News & PR
- Contact Us
十月十月提案中的十四个场景
- 01从眼睛到细胞
- 02使命
- 03神经营养性角膜炎(NK)
- 04干眼综合症(DED)
- 05Tβ4
- 06治愈
- 07RGN-259
- 08管道
- 09历史
- 10权利区
- 11两家公司
- 12患者
- 13新闻
- 14询价
一条线显示左侧菜单的内容移动到右侧场景中心的位置。当您单击菜单名称时,仅保留相应的行。目前的公告板地址和50条新闻将继续作为10月份提案中的原始帖子。
为自己画出如何包扎伤口的原则
角膜上皮是一层由五到七个细胞组成的薄层。当伤口发生时,边缘细胞首先移动以覆盖空白空间,然后分裂以填充厚度。
如果用手指或鼠标摩擦底部屏幕,就会出现划痕。当你放手时,你可以看到周围的细胞再次覆盖。
STAINED 0.00 mm²COVERED 100%
- 01静止
在受伤后的几个小时内,边缘细胞准备移动。
- 02迁移
边缘细胞变平并滑入空白空间。
- 03增殖
一旦空白区域被覆盖,细胞就会分裂并再次填充该空间,厚度为五到七层。
- 04附着
一旦新细胞牢固地附着在底层上,表面就会再次变得光滑透明。
ReGenTree 解释说,Tβ4 有助于角膜上皮细胞迁移(该公司网站上的 Pipeline 页面)。实验室的速度和形状只是说明原理,并不表明药物的有效性。
只换了衣服
前八个屏幕
一月份,我们创建了八个第一屏幕,仅使用不同的颜色和字体,而没有显着改变结构。同样的事情是一个草图,用于选择 ReGenTree 穿起来的衣服的样子。
当您将鼠标悬停在卡片上时,该草图的整个页面会从上到下流动。
-
01CLINICAL BLUE
Inter
这是制药公司最熟悉的面孔。二月份的提案源于这一章。
-
02EDITORIAL TEAL
Playfair Display · Outfit
倾斜的衬线标题和青色版本使它看起来像一本杂志。
-
03NEON NIGHT
Space Grotesk
深色背景和粉色/紫色渐变让它看起来像一家科技公司。
-
04FOREST SERIF
Instrument Serif · DM Sans
深绿色和细衬线很柔和,但感觉更像是化妆品而不是眼科。
-
05NAVY & GOLD
Cormorant Garamond · Montserrat
海军蓝和金色很优雅,但与冷静的企业基调相去甚远。
-
06WARM CORAL
Plus Jakarta Sans
天气很温暖,但眼睛里的橙色和红色首先让我想起了布满血丝的眼睛。
-
07SAGE GROWTH
Lora · Nunito Sans
树木生长的感觉得到了最好的捕捉,但科学的清晰度很弱。
-
08BRIGHT SCIENCE
Sora
白色卡片和蓝色点缀看起来最有条理。
我们在第八章中学到的三件事
当我将八件并排放置时,我在不同的衣服下看到了同样的问题。二月份的提案首先解决了这三件事。
- 01空眼图标
所有八张卡片都有相同的眼睛图标来代替图片。尽管实际场景的空间被留空,但眼科公司的第一个屏幕上却缺少了最重要的图片。
- 02无根据的数字
其中包含未经证实的数字,例如 12+ 合作伙伴。从二月份的提案开始,仅使用从公司网站确认的数字和官方数据。
- 03相同的骨架
颜色和字体不同,但框架是一样的:左边是标题,右边是图片,下面是三个数字。 ReGenTree独特的故事不能仅仅通过改变衣服来创造。
CLINICAL WHITE白色背景的临床企业网站
我将一月份的第一幅草图转移到白色背景上,并将其制作成一个完整的页面。七个部分包括公司简介、Tβ4和RGN-259的开发阶段、两种疾病的信息、新闻和查询。
- 主屏幕上有儿童图片而不是眼睛图标
- 总结Tβ4六大作用的卡片
- 两种适应症的发展阶段均用条形表示。
- 神经营养性角膜炎和干眼症信息卡
- 将 HLB 集团附属公司组织在一行的链接
在第二轮的场景中,我选择了一个我花了很大力气去导演的时刻。单击照片可查看每个场景的大图。
- 有照片的主屏幕
我用儿童的照片代替了草图中的眼睛图标,并确认了诸如 3 期临床试验和 FDA 指定等事实。
- 六张Tβ4行动卡
我们将分散在公司网站周围的 Tβ4 的行动组织成六张形状相同的卡片。
- 发展阶段栏
RGN-259的两种指示的阶段由暗板上的条显示。
- 两种疾病的信息
使用并排卡片比较神经营养性角膜炎和干眼症的症状和特征。
临床白色调色板24 个 PC 屏幕场景中每种颜色的接近像素比率 · 蓝色仅出现在屏幕的 2.2% 中
R2·CLINICAL WHITE如2月提案介绍公司
R3 · SURFACE OF SIGHT十月方案走进眼睛之中
视线表面向下滚动到眼睛表面。
它从眼睛的特写开始,进入角膜上皮细胞,然后按以下顺序继续经历 14 个场景:疾病和分子、治愈和滴眼液、临床和企业。视频和图片随着每个场景的滚动而移动。
- 眼睛的第一屏穿过瞳孔,光线进入上皮细胞。
- 神经营养性角膜炎晶状体内发生变化,第 1 至第 3 阶段
- 脂质、水液、粘蛋白、表面、四层泪膜
- Tβ4由43个氨基酸组成,具有六大功能
- 8 张临床卡、权利区域点画图以及两家公司的重叠徽标
在第三轮的场景中,我选择了一个在导演上花了很多功夫的时刻。单击照片可查看每个场景的大图。
- 第一屏从眼睛开始
滚动浏览 121 个帧,通向眼睛→瞳孔→光隧道→角膜上皮。
- 晶状体疾病的阶段
在圆形晶状体内,第 1 至第 3 阶段的角膜图像、症状和治疗会同时发生变化。
- 四层泪膜
泪膜和眼睛表面的脂质层、水层和粘蛋白层像分解图一样展开,并根据每种类型发光。
- Tβ4 43 个氨基酸
43 个分散的氨基酸聚集在一起形成螺旋,螺旋被压缩成核心并执行六种功能。
- 黄金覆盖伤口
该视频显示金色肽流入伤口区域,红色伤口被细胞覆盖。
- 一滴落下
一滴水从一次性滴眼剂容器中落下,从该点滴到明亮的屏幕上。
- 权利区域点画图
这是一张标出除中国大陆、香港和台湾以外全球权利的点状地图,以及一条从韩国延伸到普林斯顿的弧线。
- 由两个重叠的圆圈创建的徽标
ReGenTree 的徽标出现在代表 HLB Therapeutics 和 RegeneRx 的两个圆圈重叠的位置。
手动滚动视频
10 月份的提案不播放视频,而是选择并绘制与滚动位置匹配的框架。您可以直接翻阅这三个框架。在屏幕上水平拖动或移动下面的栏。
光线穿过整个眼睛的隧道,经过瞳孔,到达角膜上皮细胞。
金色的肽流入红色暴露的伤口,细胞覆盖了空缺的空间。
水滴在一次性滴眼剂容器的尖端形成,并在到达水面时扩散。
001 / 041
视线调色板的表面42个PC屏幕场景中每种颜色的接近像素比率·三级深海军蓝覆盖屏幕的76%
直到三个建议
成为一个方向
这三个提案继续修改了之前的提案。下表总结了 1 月至 10 月主屏幕、颜色、字体、数字、结构、移动和移动设备的变化。当您向下滚动屏幕时,您将逐行浏览每一行。
四样东西我都保留了三次
虽然首屏和动作变化较大,但从一月到十月,下面这四件事没有变化。这是因为无论选择哪种方案,公司运营网站的方式都必须相同。
- 01保留英文菜单名称
所有三个提案都保留了投资者和合作伙伴熟悉的英文菜单名称,例如“我们是谁”和“管道”。
- 02只写有来源的句子
有关疾病和临床试验的句子只是从公司网站和新闻标题上确认的内容复制而来。过时的表述已被可验证的事实所取代。
- 03把合作咨询放进一个场景
通过将版权区域(不包括中国大陆、香港和台湾)和合作伙伴查询集中到一个场景中,寻求合作的参观者可以继续进行下一步行动。
- 04可以关闭动效
如果您在设备上打开“减少运动”,10 月份的提案将停止视频和静态场景,并以静态视图显示所有内容。
没有照片的场景是新创建的
眼睛和疾病、治疗和滴注场景的阶段是为十月提案新制作的视频和图片。为每个场景设置比例和焦点,以便一旦确定实际的临床图像或产品照片,就可以在同一地点更改它们。






构成临床公司屏幕的组件
在 10 月份的提案中,重复使用的部件被单独收集。如果您使用相同的部件创建屏幕,即使出现新的临床试验或新闻,您也可以添加内容而无需重新设计。
STATUS BADGE
临床阶段徽章
步骤和状态由相同形状的徽章指示。颜色根据状态而变化,并且文本以固定宽度写入。
PIPELINE BAR
发展阶段栏
当您进入屏幕时,该栏将填满至该级别。即使指示增加,只需添加更多行即可。
TRIAL CARD
NKPhase III
SEER-2United States · 35 sites4 weeks of treatment, 2 weeks of follow-upNCT05555589 ↗临床卡
按照同样的顺序写出临床名称、分期、地区、时期,并用注册号打开原文。
NEWS ROW
- RegeneRxLetter to Stockholders, March 27, 2025↗
- 媒体HLB Therapeutics 在合资企业中获得“RGN-259”权利↗
一行新闻
来源在日期旁边用标签标识,因此即使英文股东信和韩文文章混合在一起也可以立即识别。
试用通知·本综述中添加的部分
SEER-2·III期神经营养性角膜炎临床参与信息
一线临床参与指导
相同的信息不是通过覆盖第一个屏幕的弹出窗口,而是通过单行指南和屏幕顶部的专用场景来传递。
DATA READOUT
一格数字
在大数字下方,用等宽字母写下您正在数的数字。不要在此框中输入没有来源的数字。
在你的手掌中
凝视的眼睛
在很多情况下,人们在会议或旅途中第一次使用手机搜索公司。 2 月的提案将相同的内容堆叠在一行中,10 月的提案为垂直屏幕创建了一个单独的视频框架,让眼睛和细胞填充屏幕的中心。








打开同一家公司
三个主屏幕
这三个提案使用相同的事实和相同的菜单名称,但它们首先呈现给访问者的场景不同。 ReGenTree 整理了这些差异,以便您可以根据您希望首先在网站上看到的访问者进行选择。
REGENTREE RENEWAL PROPOSAL
清澈,
再一次
ReGenTree 网站改版提案 · 草图 · 临床白色 · 视线表面
| Item | Detail |
|---|---|
| Sponsor | ReGenTree · ReGenTree 有限责任公司 |
| Study | 网站改版提案(英文网站) |
| Period | 2026年1月至10月,三次 |
| Arm 1 | 一月 · 八张初稿 |
| Arm 2 | 二月·临床白色 |
| Arm 3 | 十月·视线表面 |
| Research | 现有网站10个页面 · 50条新闻 · 标志GIF 186×51px |
| Identity | 两条曲率相同的圆弧 · #971A26 · #1FAFCD → #1189C4 |
| Films | 瞳孔121片、治愈97片、眼药水121片(以横屏计) |
| Typefaces | Inter Tight · Pretendard · JetBrains Mono |
| Studio | BlueCanvas·改版提案 |
主要端点了解公司在第一个屏幕上的业务
让难以解释的科学
一眼就令人信服
我们会一起设计故事的顺序,让参观者从第一屏就能了解临床、分子等难以解释的故事。
其他项目
-
生物科技 · 制药
HLB Therapeutics
上市生物科技企业的网站改版提案。我们用一句话把罕见病新药和医药冷链连在一起,内容包括墨色与冰色上点一滴红的配色、四个方案,以及研发管线和冷链页面。
-
公共机构
Korea Drug Development Fund
公共机构网站的建设与改版过程,涵盖用户分析、CI 解读、九个首页方案和研发管线可视化。
-
教育 · 医疗
Kyungpook National University School of Medicine 100周年
医学院百年纪念网站的改版提案。我们把纪念典礼的名称“走过一个世纪”变成滚动的脚步。内容包括从标志红色分出的两套配色、去除背景的八件文物与 10 秒滚动影片,以及“走过一个世纪”和“走向生命的百年之光”两个方案。



