大学/研究所研究员
检查一下现在是否有任何空缺可以申请以及申请何时结束。
BLUECANVAS SELECTED WORK / 03PUBLIC · BIO R&D
KOREA DRUG DEVELOPMENT FUND · 2021 → 2026
新药研发的漫漫长路，
第一个屏幕
设计了它。
这是韩国药品开发基金网站首次创建2021年至2026年重新绘制的记录。
2026年确认计划首屏目前正在运行
01 / THE Brief更名之年的挑战
在组织更名的那一年，
网站的功能也发生了变化。
2021年1月，跨部委新药开发小组重新启动，更名为韩国药物开发基金。历时10年的泛部级新药创制项目已经完成，国家新药创制项目和COVID-19治疗和疫苗新药创制项目共同牵头。
已完成项目的记录和新项目的公告必须集中在一个站点上。研究人员和公司访问该网站的原因也很清楚。查看您现在可以申请的公告，下载提交的表格，并查看哪些项目正在受到支持。
因此，我们首先设计了一个可以快速完成工作的屏幕，而不是一个很好地介绍组织的屏幕。
访问运营网站3
一个网站包含 9 家企业
9
制定了九项主要提案
2021年五项提案、2026年四项提案
5+
我们已经合作超过 9 年了。
2021 · A NEW NAME
泛部委新药创制项目组
韩国药物开发基金
自2011年开始运营的业务集团于2021年1月作为基金会重新启动。
2021年第一份提案的第一句话也是这条新闻。
- 2011.09成立泛部级新药开发司
- 2020.09COVID-19治疗/疫苗新药开发团队启动
- 2021.01韩国药物开发基金成立
02 / 谁来这里谁来了，他们来找什么
四种类型的访客，
不同的紧急事务
在开始设计之前，我们将访客分为四类，并写下他们每个人首先想做的事情。重叠最多的信息位于第一个屏幕的前排。
制药/生物公司
比较支持范围、计划和商业化支持内容。
项目实施机构
下载法规和表格，并查找常见问题以及培训和活动时间表。
媒体、相关组织、公民
阅读业务成果、新闻稿和每月通讯。
FIRST SCREEN PRIORITY
我首先决定了将它们放置在第一个屏幕上的顺序。
- 01项目公告展示申请周期及进展情况
- 02注意在一行中显示所有标题
- 03转到每个商家直接从参与商家开始
- 04性能和管道数字和图表摘要
- 05新闻收集新闻稿、时事通讯和图库
03 / BRAND THINKING
我们从标志的蓝色开始。
我们寻找一种能够在实验室精确而平静的质感之上建立对公共机构的信任的颜色。
CI 使用了基金会持有的原始版本，并在网络上创建了一个单独的图案来解释旗帜的柱子。
我没有再次绘制它，而是
将其作为规则来阅读。
韩国药物开发基金的 CI 由浅蓝色到深蓝色的正方形组成，右侧有一面旗帜。我们将此 CI 解释为在网络上要遵循的两条规则。
旗帜堆叠起来
就像新药的研发一样，每一个阶段都要经历，信息排列得井然有序。前进的方向始终是从左到右。
从浅蓝色到深蓝色
亮蓝色用于需要采取行动的地方，例如按钮和通知，深蓝色用于建立信任的地方，例如标题和背景。
- 信任对负责国家研发项目的机构的信任
- 全周期从活性物质到临床试验的全周期
- OPEN开放创新连接产学研院医院
- 公开公开，以便任何人都可以找到和阅读
04 / 色彩系统取自 CI 的五种颜色
对于每种颜色，首先确定任务。
使用的蓝色越多，它就会变得越暗淡。因此，我们将每种颜色分配给它自己的角色，并且不会在其角色之外使用它。珊瑚色不超过整个画面的2%。
信任的基础
英雄背景和成就领域。在2026年确认的计划中，它占据了屏幕的三分之一。
动作颜色
用于可点击的元素，例如按钮、链接和选项卡。取自CI的深蓝色。
连接的颜色
明亮地连接渐变和图表中的蓝色。 CI 的上部是浅蓝色的。
如果你读了很长时间
它是公告列表和卡片等长阅读区域的基础。
只是强调一点
仅在区分不同性质的信息（例如研究或行业趋势）时谨慎使用。
MEASURED COLOR RATIO
2021年和2026年，第一屏的颜色是这样变化的。
2021 年的第一个屏幕更像是浅灰色背景的公告板。 2026年，深蓝色将占据屏幕的三分之一，蓝色的比例将增加七倍以上。
2021
2026
两个最终提案的整个主屏幕是根据颜色标记进行分类和测量的。
TYPOGRAPHY
最常收到的请求是将字体调大一点。
有关字体大小的要求在 2021 年反馈中多次重复。在2026年的更新中，文本被设置为16px或更大，并且标题和数字之间的尺寸差异被拉大，以便于扫描。
成功的新药开发是
韩国的未来。
- Display60 / Black
- Section36 / Bold
- Card title24 / Bold
- Lead18 / Medium
- Body16 / Regular
2021 年 05 月·五个主要草案直到英雄被踢出
第一个画面画了五遍，
主角变了。
前两个提案以宣布新名称的大图片开始。在第三个提案中，该图像被删除，并将业务公告作为主角放置在第一个屏幕上。下面的屏幕是当时创建的原始设计。
新名字的第一印象
第一个屏幕上铺满了细胞的透明图像，并以标题发布了更名的消息。基金会的介绍写在一张从浅蓝色到蓝色的渐变卡上。
第一印象比较明亮，但公告和通知被推到了屏幕底部。
用深蓝色和 DNA 绘制的高科技生物
深蓝色的背景和DNA图像给人一种尖端生物的强烈印象。该通知以条带的形式附在英雄的正下方。
印象变得更强烈，但与我正在寻找的信息的距离保持不变。
删除了英雄的仪表板
我们删除了大图片，并将业务公告作为最大的卡片发布在第一个屏幕上。您可以在卡内查看申请期限和进度状态。
第一个屏幕上的主角已从图像变为公告。
我们重新命名了菜单
菜单分为通知、业务信息、基金会新闻、基金会介绍，第一屏展示了项目组的进展情况和研究动态。
菜单开始以用户使用的语言而不是组织的内部语言来命名。
为每项业务打开了单独的门。
我们将这三个业务排列在菜单的第一层，并在下拉菜单中同时显示所有子页面。 Facebook、YouTube 和时事通讯订阅都集中在一行中。
用户现在可以立即开始他们正在参与的业务。
06 / FEEDBACK INTO RULES
每个请求都成为
设计标准。
我重新阅读了 2021 年 5 月至 8 月与基金会交换的修订请求文件。我们没有在一个屏幕上完成请求，而是将请求更改为适用于所有后续页面的规则。
7请求
成为网站范围的规则
成为网站范围的规则
-
需要在一行上显示所有通知标题，并以列表形式显示最新趋势和支持任务。
主屏幕用于快速浏览列表。
-
我们决定创建一个新的业务公告公告板，并添加申请开始和结束日期，以及每个项目的头部搜索。
公告是具有周期和状态的数据。一旦截止日期过后，状态将自动更改为“已关闭”。
-
要求将愿景、目标、支持范围、推广策略和推广体系按顺序包含在一页上。
业务介绍被视为一页内的一个流程。
-
要求是使菜单和正文文本稍大，并用选项卡分隔所有子菜单。
易于阅读优先于装饰。
-
要求是在同一蓝色方案中区分三种不同颜色的促销策略。
按同系列内的亮度划分。
-
要求是缩短漫长历史的长度，按时期分组，并保持连接岁月的线条不间断。
即使很长的记录也可以在短时间内读取。
-
要求是将已经结束的泛部新药研制项目灰化，并与其他两个项目区分开来。
分解已完成的业务并留下记录。
07 / THE FULL CYCLE
需要 10 年的旅程
需要 10 年的旅程
一行读。
业务介绍页中最详尽的部分就是这一行描述了新药开发的整个周期。首先阅读进度方向而不是表格，以了解哪个程序在哪个阶段有帮助。
-
01目标发现/验证TARGETTPP
-
活性物质 02筛选筛选
-
主要物质 03优化优化
-
候选物质 04非临床PRE-IND
-
05临床试验设计临床设计IRB · IND
-
06第1、2、3期临床试验
-
07申请产品批准NDA赞同
-
08发布启动
从有效物质发现到二期临床试验，国家新药创制项目支持板块
08 / PIPELINE从表格到图表，从图表到搜索
相同的数据，
三个不同的屏幕。
管道是基金会最常更新的数据。 2021年，该屏幕已更改为按发展阶段划分的表格，2023年更改为按治疗区域划分的条形图，2026年更改为数字汇总和综合搜索。
每个开发阶段都分为几列，任务堆叠在卡片上。
不同治疗领域的发展阶段和模式分布的线性比较。
首先显示任务总数和阶段数，可以按任务名称、目的、目标、执行机构一次性搜索。
国家新药创制项目协议任务609个
- Discovery409
- Preclinical127
- Phase 150
- Phase 223
来自运营管道页面的公众数据（截至 2026 年 10 月）。
2026年09月·更新五年后，首屏重绘
再次保留仪表板以及
订单和印象。
过去五年来，基金会的业务不断增长。从SEED创制平台、CMC基础设施、新药研发商业化支持、教育/活动应用，第一屏不断扩大提供指导。
我们保持了2021年确立的“先公告”的原则，探索了四种用数字和图表展示业绩和管道的方式。
-
A2026.05
先阅读简介的顺序
-
B2026.05
先显示结果的顺序
-
C2026.05
一篇读起来像报告的社论
-
D2026确认计划
最深刻的公告，用数字表达业绩
10 / 详细信息接近最终计划
您看得越仔细，
您就会明白原因。
最终计划的每个区域都遵循2021年制定的规则和2026年制定的新优先事项。我们将按区域划分介绍实际操作屏幕。
一张深蓝色卡片上张贴着正在进行的业务公告，并附有申请期限和进度徽章。下面我们收集了研究人员和公司经常使用的快捷方式。
协议任务、技术转让、IND批准等成果以循环指标展示，管道分为三个循环图：治疗组、模式和开发阶段。
新闻稿、时事通讯、画廊和 YouTube 被分为相同高度的栏，让您可以立即选择您想要的新闻。
在下拉菜单中一次显示所有子页面。终止的项目被标记为“结束”，以将其与正在进行的项目区分开来。 2021 年制定的规则继续有效。
11 / EVERY PAGE即使是子页面，
即使是子页面，
也具有相同的规则。
公告列表、管道、业务介绍、历史记录和事件应用都使用相同的标题、选项卡和表格规则进行了重新组织。
12 / 在您手中随时随地查看的通知
截止日期
尽在您的掌握。
检查公告的截止日期通常是在您外出时进行的。在移动设备上，子菜单被水平滑动选项卡取代，管道将作业总数和搜索框收集到一张卡中。
首屏可见业务介绍按钮水平滚动的子菜单选项卡在一张卡上收集数字和搜索的管道表格通过水平滚动来维护列
13 / 发布后开业后次日起
它没有完成，也没有完成。
五年来我们一直在共同修复问题。
事业单位业务发生变化时，其网站也应当随之变更。即使开业后，我们仍在与基金会合作添加新的业务页面、创建新闻通讯并接收活动申请。
- 2021.08韩国网站建设
我们设计了主页面和子页面，并创建了业务公告公告板和自动关闭功能。
- 2021.12添加路线
随地图提供了基金会和评估中心的位置。
- 2022通讯设计
我负责设计每月通讯和卡片新闻。
- 2023.02管道筛重组
任务分布按治疗区域和发展阶段重新绘制为条形图。
- 2023.05CMC/活动申请页面
添加了 CMC 基础设施信息和培训/活动申请页面。
- 2023.07全球建建站点更新
我们重新创建了一个连接海外组织和国内企业技术的技术博览会网站。
- 2023.11SEED创建平台
我们为新药开发SEED创建平台创建了韩国网站。
- 2024.08业务介绍重组
国家新药创制项目介绍页面已进行修改，以反映变更后的业务细节。
- 2026.05主要改版提案
第一个屏幕的顺序和印象再次从四个方向进行探索。
- 2026.10运行中
在执行最终计划的同时，我们还管理有关完成培训和活动申请的通知电子邮件和新闻通讯的发送。
FOR PUBLIC INSTITUTIONS, FOUNDATIONS AND R&D PROGRAMS
信息越复杂，信息越多
信息越复杂，信息越多
您的主屏幕应该很简单。
如果您正在考虑公共机构、基金会或研究支持项目的网站，
让我们看一下我们拥有的材料和用户的请求。
其他项目
韩国药物开发基金 / 网站 2021 · RENEWAL 2026IA · UI/UX 设计 · 出版 · 开发 · 运营BLUECANVAS