01
业务扩大了，但故事却分散了。
六家机构和四个业务领域，包括医院、中心、福利中心、社会农场、体育中心和图书馆，都用自己的语言介绍。对于第一次来访的人来说，很难用一句话说出这个基金会是做什么的。
从一棵树到森林，串联起一个故事BLUECANVAS SELECTED WORKPURME FOUNDATION · NON-PROFIT
01 / 概述项目概述
从请求捐款的网站到
共同成长的森林。
Purme基金会是一家非盈利基金会，自2005年以来一直致力于帮助残疾人实现康复和独立。随着基金会管理的场所数量不断增加，包括儿童康复医院、发育康复中心、福利中心和社会农场等，网站要讲述的故事也随之增加。
在 BlueCanvas 创建和运营 Purme 基金会网站的同时，我们思考了更新的方向以及下一个网站应该是什么样子。本页是提案及过程的记录。
Purme 基金会网站正在运行- #非营利基金会
- #赞助经历
- #网络可访问性
- #信息结构
- #品牌体验
- #轻松写作
- #营销活动模板
- #设计系统
- #响应式
它从基金会积累的数字开始。
2005
该基金会经卫生福利部许可成立的那一年。
925万人
获得正常生活力量的残疾人及其家人
55,656
为残疾人及其家人分享的赞助商
8连续9年
韩国指南之星公益企业评价
最高等级
编号来源：Purme基金会网站公开数据
02 / THE QUESTION
人们 Purme Foundation 在网站上 什么 要做 我们来吧？ 第一的 赞助 决定 人， 收据 必要的 很久 赞助， 和 给孩子 合身 支持 寻找 家庭 有。 相同的 第一的 在屏幕上 数数 人 各自的 路 立刻 寻找 数字 必须是 我做到了。
分析当前网站上发现的三件事
02
有几扇门需要支撑。
入口有很多，有定期捐款、一次性捐款、每次活动不同页面、企业社会贡献、小额捐款、周年纪念捐款等。首次赞助商可能会对从哪里开始感到困惑。
一个入口，三种选择03
需要一种尊重的语言，而不是同情。
该基金会的使命是引领社会变革，使残疾人能够享受正常的生活。虽然画面中描绘的悲伤故事可以打动人的心，但这与基金会所描述的平凡生活相去甚远。
不是作为一个可怜的主角，而是作为一个过着每一天的人。我首先画了站在第一个屏幕上的
三个人。
我们没有按年龄或性别划分访问者，而是按访问网站的原因对他们进行划分。因为原因不同，首先应该看的东西也不同。
这个基金会可以信任吗？
- 基金会所做的一瞥
- 透明的管理和数字
- 无任何负担地开始您的赞助
在提案中找到适合您的赞助
我的支持到了哪里？
- 捐款用在哪里
- 我的赞助详细信息和收据
- 基金会的最新动态
在提案中，我的捐款详细信息和收据
我的孩子可以获得任何支持吗？
- 您现在可以申请帮助
- 如何用简单的语言书面申请
- 检查选择结果
在提案中，分发通知和申请信息
03 / BRAND THINKING
答案已经
答案已经
在符号内。
“它象征着一颗幼苗长成参天大树，形成一片绿色森林。”Purme 基金会 CI 简介
- 01·萌芽·康复是时候迈出第一步了
在治疗室里度过的每一天，豆芽都会长出来。
- 02·树·自力更生自立的力量
您每天都在工作和学习中尽自己的职责。
- 03·森林·在一起共同生活的平凡生活
残疾人和非残疾人之间的障碍被降低的社区变成了森林。
BRAND STATEMENT
与其寻求帮助，不如说
让我们一起成长。
从使命“让残疾人过上正常的生活”到拟定的句子“正常日子生长的森林”
以人为本。
在“残疾儿童”之前称呼“儿童”。残疾只是描述一个人的众多事实之一。
告诉我们将会发生什么变化。
它不是模糊的希望，而是详细展示了支持如何改变事情，例如继续治疗或每天上班。
主语是“我们”。
不存在帮助者和被帮助者之分。我们还称我们的赞助商为共同种植森林的邻居。
PHOTOGRAPHY DIRECTION
我拍摄手和脚步而不是脸部，
我拍摄手和脚步而不是脸部，
拍摄日常生活而不是导演。
网站照片首先展示了基金会的态度。我们没有把孩子和家人的面孔放在第一位，而是设定了通过双手、脚步和阳光下的一天来讲述故事的标准。
- 做手、步骤、后视图、工作完成
- 做自然光和日常场所
- 不要眼泪、黑暗的灯光、富有同情心的构图
- 不要未经同意特写孩子的脸部
04 / COLOR SYSTEM
CI的蓝色是一样的，只是添加了豆芽的石灰。
Purme Foundation的蓝色象征着健康和希望。我没有改变蓝色，而是为花蕾添加了一种颜色来标记它生长的时刻。
Purme Blue#0071BCRGB 0 113 188
健康与希望
CI 蓝色用于符号、主要按钮和链接。我继承了它，没有改变它。
- 白色字母
- 5.1:1 AA
- 海军字母
- 3.0:1 大字母
Ink Navy#0A2540RGB 10 37 64
阅读背景
正文和黑暗场景的背景。它与蓝色的连接比与黑色的连接更柔和。
- 白色字母
- 15.5:1 AAA
- 海军字母
- 1.0:1 禁用
Sprout Lime#B5E048RGB 181 224 72
发芽信号
我只在鼓励参与的地方写作。文本始终以海军蓝发布。
- 白色字母
- 1.5:1 未使用
- 海军字母
- 10.2:1 AAA
Sky Mist#E6F2FBRGB 230 242 251
如果你休息一下
在宽背景和卡片上书写，为屏幕提供呼吸空间。
- 白色字母
- 1.1:1 禁用
- 海军字母
- 13.7:1 AAA
Sun#FFD66BRGB 255 214 107
温暖的温度
我很少在表达感情的地方使用它，例如活动和感谢信。
- 白色字母
- 1.4:1 未使用
- 海军字母
- 11.2:1 AAA
Paper#F7F9FARGB 247 249 250
默认背景
是比纯白色更护眼的基础底色。照片和卡片放在上面。
- 白色字母
- 1.1:1 禁用
- 海军字母
- 14.7:1 AAA
我用的颜色不多
只写在指定的地方。
背景和文字占据了屏幕的大部分，蓝色仅放置在宣传品牌的地方，石灰仅放置在鼓励行动的地方。 If you set the ratio, the overall impression of the homepage will not change even if the campaign increases.
COLOR VISION CHECK
这样无论你看谁，你都能看到同样的路径。
我们模拟了色盲人士看到的屏幕是什么样子。蓝色和石灰的亮度差异很大，因此在任何条件下都可以区分，并且应用状态等重要信息都用颜色字母书写。
排版带有软端的直字母
典型的
一天
CI简介中写道：“笔直、流畅的字体象征着诚实、透明的捐赠文化。”在网络上，《Pretendard》家族从标题到文字都以相同的印象进行组织。
- Display94 / 800
- Heading52 / 800
- Title27 / 800
- 主体18 / 400 · 领先 1.7
- Caption15 / 500
尝试一下·字体大小
即使放大字母，屏幕也不会塌陷。
在提案的顶部有一个按钮可以将字体大小更改为三个级别。所有尺寸都是根据相同的标准计算的，因此随着文本变大，行距和按钮也会变大。
分配通知·申请
关于康复辅具支持项目第二次申报的信息
我们提供财政支持来购买必要的辅助器具。请检查您的资格并准备文件。
查看如何申请 →图形系统一圆一茎
一切具有
两个形状的东西都取自符号。
圆圈代表人和心，茎代表成长的时间。通过仅使用两种形状创建相框、数字、图标和图案，我们使 Purme Foundation 在任何屏幕上都可识别。
05 / 设计方向相同的简介，四片森林
在得出正确答案之前，我们列出了
四种可能性。
即使您从相同的事实和相同的调色板开始，网站的个性也会根据您首先显示的内容而有很大差异。我把网站从四个方向画到了最后：符号的语言、一个人的一天、信任的数量、参与的能量。
下面的屏幕是实际提出的提案。当您滚动时，每个提案的主页都会从上到下移动。
最终报价
成长中的森林成长中的森林
符号的三棵树已扩展为包含整个网站的语言。圆圈变成了容纳照片和数字的框架，茎变成了连接故事的线。
- 三管齐下的主屏幕根据访问目的进行划分。
- 符号的三棵树显示的数字
- 业务介绍：从萌芽到森林
Pretendard ExtraBold · 白色背景
导航建议
平凡的日子平凡的日子
目标是像阅读杂志一样关注残疾人及其家人的日常生活。大明祖标题和纪实照片首先讲述了这个故事。
- 封面照片和以“本期”打开的第一个屏幕
- 从早上的治疗室到晚上的房子，四个项目贯穿一天的时间
- 个数字具有相同的背景和脚注
Noto Serif KR · Pretendard
导航建议
清除数字清除数字
决定赞助的原因始于信任。就像年度报告一样，数字和时间的流逝被放置在第一个屏幕上。
- 第一个屏幕显示 925 万人作为点
- 自2005年起的时间栏
- 深色背景上的蓝色和石灰数据
假装·单色标签
导航建议
一起奔跑
我们将 Purme Run 的能量转移到了整个网站。轨道的曲线和大字母邀请观众参与其中。
- 蓝色主屏幕，轨道曲线围绕照片
- 通往 LANE 01~04 的活动和项目
- 带有终点线图案的记分牌数字
Pretendard Black · Anton
决策您选择的标准是什么？
而不是一个漂亮的提案
一个不会让你误入歧途的提案。
根据六项标准对这四项提案进行了评估。最重要的标准是需要支持的家庭能否通过第一道筛选找到出路。这是因为在访问基金会网站的人群中，他们是最迫切的。
评价标准A·成长的森林B·平凡的一天C·透明的数字D·一起奔跑
与 CI 的一致性
作为首次访问者的理解
赞助之路
为需要支持的家庭寻找出路
运营与拓展
辅助功能
B·平凡的一天
摄影标准和故事卡
C·透明数字
将数字放在首位的透明管理区域
D·一起跑步
活动页面能量
A·生长的森林最终提案
未通过的提案的优点并未被丢弃，而是移至 A 中。
- 01听力探索基础材料和操作网站
- 02分享定义访问的三个原因
- 03建立从符号中带出品牌语言
- 04绘图四个主页提案
- 05选择根据六个标准共同评估
- 06细化组织赞助流程和无障碍标准
06 / 捐款流程赞助三种选择
一个入口，
三种选择。
我们把零散的赞助都集中到一起，整理好，让您只需选择捐心方式、金额、地点即可填写申请表。您可以直接在右侧屏幕上按它来查看它。
- 第一个屏幕不询问金额。
- 您可以随时恢复您的选择。
- 我们将再次向您展示您在申请前选择的内容。
- 只需一个键盘即可完成所有操作。
与 Purme 一起成长提案屏幕
精选内容每月3万韩元·康复医疗
填写申请表→
07 / 信息架构菜单就像一棵树
从列出材料的菜单到
用于选择要做的事情的菜单。
菜单名称已更改，以更贴近地反映访客的目的，而不是机构的组织结构图。 「数据中心」改为「Story」，即人们的故事集合，「参与」改为「Together」，意思是在一起。
Purme 基金会
现有「参与」加入
- 定期赞助
- 一次性捐赠
- 正在进行的活动
- 周年纪念捐赠
- 企业社会贡献
- 我的捐款详细信息和收据
现有「业务介绍」我们做什么
- 康复医学
- 对残疾家庭的支持
- 社区福利
- 自力更生支持
- 6所普尔默院校
现有的“数据中心”故事
- 故事
- 新闻稿
- 时事通讯 · 时事通讯
- 画廊
- 出版
现有「基金会简介」基金会简介
- 愿景与使命
- 历史
- 透明管理
- 组织/公共关系大使
- 就业
- 路线
分别位于每个屏幕的顶部寻求支持
分发通知 · 应用指南 · 简易文章指南
08 / 无障碍如果是残疾人基金会的网站
无障碍不是一项功能
而是基金会的态度。
任何谈论残疾人日常生活的基金会都必须能够使用其网站，从网站开始。在开始设计之前，我们首先设定可访问性标准，并根据这些标准检查所有提案。
- 4.5:1与9人相比
文本和背景必须为 4.5:1 或更高。
- Tab键盘动作
您甚至无需鼠标即可申请赞助，并且可以清楚地看到您当前的位置。
- Alt替代文本
对于每张照片，都会编写一段文字来描述场景，并通过屏幕阅读器讲述故事。
- A+字体大小
即使将其增加到三级，线条也不会溢出，按钮也不会重叠。
- Motion减少运动
在设备上打开“减少运动”将停止装饰动画。
- 容易写作简单的文章指南
申请通知还以易于发育障碍人士及其家人阅读的句子形式提供。
关于康复辅具支持项目第二次申报的信息
我们为购买残疾儿童和青少年康复所需的辅助器具提供支持。审核申请资格及需提交的材料后，请在指定期限内提交申请表及证明材料。评选结果将在派发通知中公布。
帮忙出钱购买辅助器具
- 您需要适合您身体的辅助设备吗？
- 先检查您是否可以申请。
- 准备申请表和文件。
- 请在指定日期之前发送。
- 结果将在分发通知中公布。
这是一个示例短语。易写是以短句、一句一条信息、图数为原则。
DESIGN SYSTEM在同一片森林中生长的部分
在同一片森林中生长的部分
按钮和标签、卡片甚至数字树。我们将其分成几个部分，以便即使活动负责人发生变化也可以创建相同的屏幕。
CAMPAIGN TEMPLATE即使广告系列发生变化，
即使广告系列发生变化，
森林还是原来的森林。
一个活动名称、一个圆圈中的代表性场景、一句话承诺和一个参与按钮。只要保持这四个立场，即使颜色和图片不同，也可以被解读为同一个基础的一场运动。
10,000韩元
奇迹
让孩子不断接受康复治疗。
加入我们每月10,000韩元今天也是
干得好
每天去上班，你就会变得独立。
支持干得好Purme
十金童
5,000 起韩元
小小的存钱罐，孕育着孩子的梦想。
每月5,000韩元起奇迹
日
当我的周年纪念日成为某人的奇迹的那一天。
分享您的周年纪念日2026
普美跑
即使您的跑步方式不同，
也会到达相同的终点线。
09 / 移动一手，一路走来
即使在您手中的屏幕上
也存在三个路径。
在许多情况下，您打开网站的第一个地方是您的手机。在小屏幕上，三个路径被放置在第一个屏幕的正下方，赞助按钮被放置在右下角，拇指可以触及的地方。
- 垂直运行的活动卡
- 拇指触手可及的赞助商按钮
- 数字树每次垂直排列一棵。
- 字体大小也可以在菜单中调整。
10 / 今天建议仍然是建议，问题仍然存在
改版提案
最终没有被采纳。
但问题依然存在。
Purme 基金会网站继续以其当前结构运营，BlueCanvas 继续管理活动、公告和赞助页面。
提案过程中提出的问题仍作为操作标准。首先询问谁来到此屏幕，需要首先显示什么，以及您需要确保没有人迷路的内容。
YOUR ORGANISATION, SEEN WITH CARE.
您的组织中正在生长什么森林？
基金会、公共机构和非营利组织的网站供所有赞助商、用户和员工使用。
让我们从谁来开始吧。
- Client
- Purme Foundation
- Scope
- 研究、信息架构、品牌体验策略、UI 设计、辅助功能标准、运动原型
- Brand
- CI 和符号：由 Purme 基金会提供 · 解释和网络应用：BlueCanvas
- Status
- 改版提案（最终未通过） · 目前运营网站的管理
