名字叫绿
Green Jari 是Environment ISC 运营的在线交流平台的名称。网站徽标图像的标题为“环境产业技能委员会 - 绿色立场”。
环境ISC·绿色座椅网站更新提案
环境产业技能委员会Green Jari网站改版提案
GREEN HORIZON·GREEN CYCLE,两个方向
环境 ISC 案例研究环境工业技能委员会 Green Jari 网站改版提案
向下滚动时,画一条绿线
Green·DRAW我从第一个屏幕上写的“Green for all”中取出了动词
draw。
A·绿色地平线这条线成为森林和河流的地平线,
地球的明天,你的工作。
B · GREEN CYCLE线路再次成为圆形水道
一滴清水也有人类的劳动
ISC·七人圆圈成为徽标中的七人
并成为每个人都可以站立的地方。
环境产业技能委员会(环境ISC)是一个人力资源开发治理机构,环境领域的主要机构、组织、公司、专家和工人共同努力争取更好的工作。代表机构是韩国上下水道协会,每年都会选择绿色产业领域,直接调查该领域的劳动力,细化其职责和资格。 Green Jari 是Environment ISC 的在线交流平台,向求职者、工人和相关领域的专业人士提供结果。
BlueCanvas 现在管理 Green Jari。今年 7 月,我们发出了四个主屏幕插图提案,以便您可以在制定预算之前查看它们,而在 10 月,我们创建了两个您可以实际滚动浏览的提案:绿色地平线和绿色循环。此页记录了我在准备两个提案时所经历的过程。
FOUR QUESTIONS
当前主屏幕的结构为在一页上包含检查、报告和作业信息。其中包含大量信息,但没有固定的信息出现顺序。
如今,第一个屏幕主要是手写的口号和介绍性段落。两个提案在第一屏上用一句话共同谈论了环境和人。
目前,绿色产业字段还没有出现在主屏幕上。方案A 将四个字段显示为水平卡片,方案B 显示使用徽标的七种颜色研究的七个字段。
方案A包括一个共享绿色报告和绿色故事的过滤器,方案B创建了一个书架,其中 12 份最近的报告围成一圈。
方案A将四个测试改为“我对什么工作有信心?”等问题,方案B在第一个屏幕上放置一个“开始职业测试”按钮,并用刻度盘显示每个测试所需的时间。
在构建新句子之前,我重新阅读了第一个屏幕上手写的口号。平台名称Green Jari和口号同一个词,每个词都有两层含义。
Green Jari 是Environment ISC 运营的在线交流平台的名称。网站徽标图像的标题为“环境产业技能委员会 - 绿色立场”。
如果你现在打开主屏幕,你首先会看到地球仪图片上方有一个手写的句子“绿色为所有人,工作为所有人”。平台名称中的绿色和斑点在这句话中再次出现。
这句话中的绿色这个词是Green,意思是绿色,也是“green”这个词,是“draw”的变形。所以,为每个人抽到的座位是一个绿色座位,这意味着它是为每个人抽到的座位。
座位是工作的地方,也是很多人坐在一起的地方。环境ISC是一个治理系统,机构、组织、公司、专家和工人聚集在一起讨论更好的工作。
在七月份的绘图提案中,这句话被改为“绿色为所有人”,绿色仅被解读为颜色的名称。 10月的方案B又回到了原来的那句话“Green for all”。这是因为 hae 和 han 这两个字母又变成了 green 动词。
方案A“绿色地平线”以“地球的明天是你的工作”开头。 方案B“绿色循环”以“人们的工作在于每一滴干净的水”开头。两个句子都以环境开始,以人的“工作”结束。
环境 ISC 标志周围站着七个人。此外,从2022年到2025年,Environment ISC每年都会选择并直接调查的绿色产业重点领域总共有7个。向下滚动,每个人都会看到他们每年研究的领域。
环境 ISC 徽标显示七个人围成一圈。每个人的颜色不同,但橙色是两个人用的,所以有六种颜色:橙、紫、青、红、紫、绿。

#F39816橙色 × 2#BB0B70经常#569EA9青色#E00601红色#543C90紫色#6FA41E绿色每年,Environment ISC都会选择一个绿色产业领域,对工业场地进行直接调查。 2022年的第一个领域是资源流通。
资源循环Resource Circulation它是关于收集和选择废弃资源并将其重新利用。2023年,我们通过测量空气质量和减少温室气体来调查气候和大气领域。
气候气氛Climate & Air目标是清查和管理空气质量,帮助减少温室气体排放并实现碳中和。2024年,一年内调查土壤和地下水、自然环境、环境安全与健康、环境服务四个领域。
土壤和地下水Soil & Groundwater它涉及调查和净化受污染的土地和地下水。
自然环境Natural Environment这是关于调查生态系统并恢复受损的自然。
环境安全与健康Safety & Health它是通过管理化学品和有害因素来保护工人和居民的健康。
环境服务Environmental Services这项工作是通过测量和分析、环境影响评估和咨询来帮助开发项目与环境相协调。2025年,我们对水务部门进行了调查,包括水管理、供水和污水处理。四年时间覆盖的领域正好是七个,与徽标中的七个人相符。
水Water这涉及在水管理、供水和污水处理场所运营水净化和污水处理设施以及开发水合流技术。方案B并没有错过这个巧合。标志的六种颜色被细化以适应屏幕,两个人使用的橙色被分成黄色,为七个区域中的每一个提供一种颜色。
#F2B13A#2AA8A0#CF3A2A#6F52C4#6CB33F#F08A1C#BD2A7E绿色报告共42卷,按出版年份和类型划分,现可从主屏幕下载。内圈是2020年的,外圈是最近的。每个点都是一份报告。
20202020年环保行业人力资源状况报告

THE OUTERMOST RING · 2025
2025 年 7 月至 8 月,环境 ISC 直接调查了 1,353 家水务行业企业中的 362 家。 方案B将本次调查中的五个数字移至主屏幕。一百个点就是一百个企业。
十分之八的水利行业工人是全职工作。
这是回答水领域工作需要国家技术资格的百分比。
这是表示招聘时相关工作经验很重要的受访者百分比。
工作中最常见的变化是使用新技术和工具的能力。
不到四分之一的企业表示教育和培训支持顺利。
资料来源:环境产业技能委员会、《2025年绿色产业人力状况调查分析简报(水务行业)》·《2025年绿色产业岗位变动监测简报》
带着不同目的的人们来到 Green Jari,从考虑职业道路的学生和求职者到寻找报告的研究人员。由于每个来访的人想要检查的信息不同,我们首先决定每个人将到达哪个场景。
我正在寻找适合我的环境领域工作和职业心理测试。
职业测试·绿色职业了解我的工作发生了怎样的变化以及需要哪些资格和培训。
绿色产业领域 / 我们做什么查找劳动力状态报告、业务协议新闻和招聘信息。
劳动力数据和工作信息下载调查研究报告、问题报告及相关法律法规。
绿色报告·数据新闻我们研究研讨会和商业协议的新闻,并建议一起做的事情。
新闻 · 咨询 · 与我们合作的组织现在,主屏幕立即开始职业心理测试,并没有解释Environment ISC是做什么的,绿色产业有哪些领域。两个提案的第一句话都是Environment ISC和绿色产业领域的故事,接下来是职业道路、报告和新闻。彩色点讲述了每个场景所讲述的故事。
现在主屏幕9个场景
A·绿色地平线场景6
B·绿色循环11个场景
两项提案均使用同一徽标中相反方向的颜色。 方案A放下标志的各种颜色,并用森林和纸张的绿色绘制屏幕。 方案B利用了标志的颜色,并将其用作七个绿色产业部门的名称标签。
标志的原色七个人,六种颜色
#F39816#569EA9#E00601#543C90#6FA41E#F39816#BB0B70B 中字段的颜色 七个字段,七种颜色
#F2B13A自然环境#2AA8A0水#CF3A2A环境安全与健康#6F52C4气候大气#6CB33F资源流通#F08A1C土壤·地下水#BD2A7E环境服务森林里的一处绿色
#071E19#102B23#193E2E#F3F4ED#D4F69B徽标原色是站点徽标图像中每个颜色组的平均值。 B 中最左边的橙色分裂成黄色(自然环境)。
方案A让我想起了面向早晨森林的工作台。我在一张纸上画了一张地形图,描绘了河流的石头、苔藓、发芽的种子和河流的路线。
方案B让我想起了一个黑暗的实验室长凳。墨色盘子上放着一块装满水的玻璃盘、七个彩色圆盘和一个柠檬绿色的圆环。您可以通过向左或向右拖动中心线来比较两种材质。
黑暗场景·32.2%第一个屏幕下方的“小可能性”场景和最后一个“在一起”场景,页脚的基础。
光明场景·29.9%是四大领域、绿色事业、绿色洞察场景的基础。
封面·卡片·14.8%绿色报告封面和深色卡片上的苔藓颜色。
文本·10.7%明亮场景的标题和正文的字体颜色。我没有用黑色,而是用森林的绿色作为墨水。
增补字·8.7%灰绿色用于解释性句子和小标签。
强调·3.8%这是仅用于第一个屏幕“工作”的下划线、按钮和进度条的颜色。
明亮场景·字母·44.2% 是呈圆形展开的职业测试·报告·新闻区域的背景,在黑暗场景中以字体颜色书写。
背景·32.1%这是水滴影片结束后整个黑暗场景的背景。
卡片 · 14.1%环境 这是包含 ISC 所做的四件事的卡片的基础。
补充字母·4.7%这是深色背景上的解释性句子的颜色。
突出显示·按钮·3%这是职业测试开始按钮、“询问我”面板和进度条的颜色。
水田·1.9%七个田野中,是水的颜色和片中沉淀池周围的环的颜色。
单击色样将复制十六进制值。样本中的数字是与其上方文本颜色的亮度对比度,比率是通过计算两个提案的场景捕获中最接近每种颜色的像素计算得出的值。
在 A 方案中,标题和正文都写在一个假体中。标题的粗细为 600,字母间距已缩小至 -0.055em,因此即使在森林照片上也能清晰阅读。
Plan B 使用 Pretendard 表示韩语,使用 Archivo(一种可以改变宽度的可变字体)表示英文字母和数字。和字段名一样,长英文字母调整为窄,短数字调整为宽。移动下面的栏会更改 Archivo 的宽度。
600 / -0.055em地球的明天,
与您的工作。
greenisc.
在 方案A中,我使用站点地址 greenisc 作为屏幕的文字标记。 Green为800厚,isc为400厚。
wdth 100Environmental
Services 84.5%
即使是一滴干净的水也有人类的工作。
A 中的运动遵循小物体生长的速度,B 中的运动遵循水扩散的速度。在这两个提案中,滚动驱动运动,如果您在操作系统中打开减少运动,则仅显示最后一个场景。下面的四张牌实际上是沿着卷轴移动的。

方案A中的“可能性的种子”是一个8秒的三维动作,由240个图像组成。向下滚动可前进,向上滚动可后退。这张卡用相同的代码绘制相同的场景。
A方案将垂直滚动改为水平移动,依次展示水环境、资源循环、大气/气候、生态/环境修复四张卡片。其中四张卡片也沿着卷轴横向传递。

Plan B 中的第一个场景根据滚动位置绘制 128 帧。在通过这张卡的同时,还有48张都是以同样的方式通过的。
在方案B中,当从黑暗场景转向职业心理测试时,明亮的背景充满屏幕,就像一个在水中蔓延的圆圈。这张卡片上的圆圈也沿着卷轴蔓延。
它从地平线开始,森林和河流蔓延开来,逐渐缩小到一个人的小路。第一屏的森林和河流沿着卷轴靠近,8秒的三维动作“可能性的种子”随着卷轴来回旋转,开启了发现、成长和联系的三个场景。环保产业的四个领域被改写为横卡,四项职业心理测试被改写为问题。
在方案A的场景中,我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
这是第一个显示河流流经森林的屏幕。通过仅用石灰绿色强调“工作”一词,将环境和工作包含在一个句子中。
当你滚动时,森林和河流慢慢靠近,标题逐渐消失,让位于下一个场景。
这是一个 8 秒的动作,其中像轮廓线一样重叠的球体跟随滚动。一个小光点沿着轨道移动。
句子在同一个动作中改变了三次,下面的条从 01 发现填满到 03 连接。
环保产业的四个领域以水平翻转的卡片的形式呈现。第一张牌是水环境。
在最后一张卡片之后,你的潜力·我们的星球·你的未来在柠檬绿色的带子中流动。
四项职业心理测试改为“我对什么样的工作有信心?”等问题。并记录了考试时间和题数。
我没有照原样复制报告封面,而是用句子和数字重新绘制了它。我们把它分为总体、绿色报告和绿色故事。
绿色地平线穿越地平线
绿色循环沿水道再次掉头
这个方向从一滴水开始,扩展到整个绿色产业。第一个屏幕是一个滚动电影,用128帧显示叶尖上的水滴变成河流并到达净水厂的圆形沉淀池。接下来,依次列出了“人人绿色,人人就业”的口号、七个人民车轮、七个绿色产业、2025年水工业调查的数量以及环境ISC所做的四件事。
在方案B的场景中,我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
第一个屏幕从叶尖上形成的水滴开始。河流和森林倒映在水滴中。
水滴变成河流,到达净水厂的圆形沉淀池。屏幕上出现“环境ISC的设计是为了让工作和人共同成长”的信息。
我们照原样保留了第一个屏幕上的口号,并将旁边标志中的七个人重新绘制成轮子的样子。
我们为每个领域提供了标志颜色,并在卡片下写下了我们深入研究该领域的年份。
2025年水工业调查中的5个数字将陆续发生变化。只有23.2%的人表示教育培训支持顺利。
这四项任务——调查、工作、资格和沟通——一个一个地堆叠在一起,每张卡片都有该任务的报告封面。
黑暗场景结束后,明亮的背景一圈铺开,职业心理测试开始。每次测试所需的时间显示在表盘上。
最新的 12 份报告绕圈旋转,之前报告的标题和下载按钮在下方发生变化。
7 月份,我们发送了四个主屏幕插图提案供您在设定预算之前查看。所有四个章节的提案都使当前主屏幕的顺序几乎相同,仅更改了第一个屏幕和颜色。
10月份,我们重新整理了订单。我们创建了两个实际上可以通过滚动而不是图片来查看的提案,并且场景被重新排列以匹配第一个屏幕上显示的内容。
01 · 七月人人享有绿色,人人有就业机会我在奶油色的背景上放置了一张地球仪的图片,并用粉彩画了测试卡。
02 · 七月人人享有绿色,人人有就业机会具有相同构图的第一个屏幕已更改为绿色渐变。
03·七月人与自然共同成长的绿色就业这是一个具有中心对齐的第一屏幕和薄荷色背景的提案。
04 · 七月我们将共同创造更好的绿色就业机会建议将最新的成绩单放在第一个屏幕的右侧。
方案A创建了一个包含三张照片和一个动作的屏幕。第一个画面俯瞰着森林和河流,沙滩山上的风力涡轮机和从湿地取水的研究员分别是水环境、大气/气候和生态领域的卡片。 「可能性的种子」展现了这些照片中人的潜力。



对于B方案,我首先画了四个场景:一滴水,一条河流和城市,一个净水厂,以及一个从上面看的沉淀池。我的构图是让前一个场景的结束与下一个场景的开始重合,并将其制作成一部电影。我们还为七个田地中的每一个田地创建了田野照片,每个田地一张。




资源流通2022
气候大气2023
土壤·地下水2024
自然环境2024
环境、安全与健康2024
环境服务2024
水2025这是一部连接水滴从成为河流到到达净水厂沉淀池的薄膜。提案中,影片根据滚动位置来回翻转。
这是一种重叠球体像轮廓线一样旋转的运动,光点在轨道上经过。这些建议沿着滚动条来回移动。
职业心理测试、招聘信息往往通过手机查看。 A方案将手机上的第一张屏幕照片重新按垂直比例排列,并将水平翻转的四个区域堆叠成垂直卡片。在方案B中,影片是用专门用于垂直屏幕的框架单独制作的,七个场中的每一个一次翻一张,以适合屏幕的宽度。








两个提案内容相同,但第一屏的内容不同。 方案A从森林地平线缩小到一个人的职业道路,方案B则从一滴水扩展到整个绿色产业。 Green Jari 整理了这些差异,以便您可以根据您想在第一个屏幕上首先讲述的故事进行选择。
GREEN REPORT No.43
Green Jari网站改版提案·GREEN HORIZON·GREEN CYCLE
我将首先整理一下单独积累的内容(例如检查、报告、新闻和工作信息)的呈现顺序。
基金会 · 文化
Hansae YES24 Foundation
文化基金会的网站改版提案。基金会名称里并列着做服装的 Hansae 和卖书的 YES24,我们由此找到“线”和“书”两个出发点。内容包括把 13 年间 87 项沿革编成六股线的记录、从六个国家连到首尔的展览地图、象牙白 · 祖母绿 · 珊瑚色与靛蓝 · 金线两套配色、Beyond Borders 与 A Single Thread 两个方案,以及从织布机过渡到书架的滚动演出。
公共机构
Korea Drug Development Fund
公共机构网站的建设与改版过程,涵盖用户分析、CI 解读、九个首页方案和研发管线可视化。
基金会 · 非营利
Purme Foundation
非营利基金会的网站改版提案。品牌解读从标志中的三棵树出发,内容包括蓝色与新芽青柠色的配色、无障碍标准和四个方案。
Contact
请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。
DIRECT