名前はGreen
Green Jariは、Environment ISCが運営するオンラインコミュニケーションプラットフォームの名前です。サイトのロゴ画像には「Environment Industry Skills Council - Green 席」という説明が付いています。
ENVIRONMENT ISC・GREEN席WEBSITE RENEWAL PROPOSAL
Environment Industry Skills Council Green JariWebサイトリニューアル提案
GREEN HORIZON・GREEN CYCLE、2つの方向
ENVIRONMENT ISC · CASE STUDYEnvironment Industry Skills Council Green Jari Webサイトリニューアル提案
スクロールすると緑色の線を引きます
グリーン・DRAW今、最初の画面に書かれた「みんなのためにグリーン」から
描くという動詞を取り出しました
A・GREEN HORIZON線は森と川の地平線となり
地球の明日を、あなたの仕事に。
B · GREEN CYCLE線は再び丸い水道になり、
きれいな水の一滴にも人のことがあります
ISC · 7人円はロゴの7人になり、すべてが囲む場所になります
Environment Industry Skills Council(Environment ISC)は、環境分野の主要機関と団体、企業、専門家、労働者がより良い仕事のために一緒に走るHRDガバナンスです。代表機関は韓国上下水道協会であり、毎年緑産業の一分野を定めて現場の人材を直接調査し、職務と資格を整えます。 Green Jariは、その結果を求職者や労働者、関連分野の専攻者に伝えるEnvironment ISCのオンラインコミュニケーションプラットフォームです。
BlueCanvasは今のGreen Jariを管理しています。今年7月には予算を決める前に見ることができるようにメイン画面の図案4枚を最初に送り、10月には実際にスクロールして見ることができる2つの案GREEN HORIZONとGREEN CYCLEを作りました。このページは2つの提案を準備し、悩んでいるプロセスをまとめた記録です。
FOUR QUESTIONS
今のメイン画面は、検査や報告書、雇用情報を1ページにまとめた仕組みです。盛り込まれた情報はたくさんありますが、その情報をどのような順番で会わせるかは決まっていません。
今は手書きスローガンと紹介段落一つが第一画面を引き受けます。両方の提案は、最初の画面の1つの文で、環境と人の仕事を一緒に話します。
今メイン画面には緑産業の分野が出ていません。 A 内は 4 つの分野を水平カードで、 B 内は調査した 7 つの分野をロゴの 7 色で示します。
A案はグリーンレポートとグリーンストーリーを分かち合うフィルターを置き、B案は最近レポート12冊が円を描いて回る書家を作りました。
A案は検査4つを「私はどんなことに自分がいるのか?」のような質問に変え、B案は最初の画面に「進路検査開始」ボタンを置いて検査ごとにかかる時間をダイヤルで示します。
新しい文章を作る前に、今最初の画面に手書きで書かれたスローガンからもう一度読みました。プラットフォーム名Green Jariとスローガンは同じ単語を分けて書いており、その単語ごとに意味が二重でした。
Green Jariは、Environment ISCが運営するオンラインコミュニケーションプラットフォームの名前です。サイトのロゴ画像には「Environment Industry Skills Council - Green 席」という説明が付いています。
今メイン画面を開くと、地球上の写真の上に「みんなのために描いた、みんなのための仕事」という手書きの文章が先に見えます。プラットフォーム名に含まれる緑と桁がこの文章に再び出てきます。
この文章のグリーンは緑色を意味するグリーンでありながら、「描く」が活用された「グリーン」でもあります。それでみんなのために描いた席は緑色の席であり、みんなのために描いておいた席という意味になります。
席は仕事の席であり、多くが一緒に座る席でもあります。 Environment ISC は、機関や団体、企業、専門家、労働者が一堂に会し、より良い雇用を議論するガバナンスです。
7月の絵提案は、この文章を「みんなのためのグリーン」に変えて書きながら、グリーンを色の名前だけで読みました。 10月のB案はもともと文章「みんなのためにグリーン」に戻りました。年と韓、この一文字がグリーンを再び動詞にするからです。
A案GREEN HORIZONは「地球の明日を、あなたの仕事に。」で、B案GREEN CYCLEは「きれいな水一滴にも人のことがあります」で初画面を開きます。どちらの文章も環境で始まり、人の「仕事」で止まります。
Environment ISCのロゴには7人が囲まれています。そしてEnvironment ISCが2022年から2025年まで毎年定めて直接調査したグリーン産業重点分野もすべて7つです。スクロールすると、毎年調査した分野が人ひとつずつ点灯します。
Environment ISCのロゴには、7人が円を描いて囲まれています。人によって色が違うけれどオレンジは二人が一緒に書いて、色はオレンジ・しばしば・ターコイズ・レッド・ボラ・緑色の6種類です。

#F39816オレンジ × 2#BB0B70頻繁に#569EA9青緑#E00601赤#543C90見て#6FA41E緑Environment ISCは、毎年グリーン産業の1つの分野を決定し、産業現場を直接調査します。 2022年の最初の分野は資源循環でした。
資源循環Resource Circulation捨てられた資源を集めて選別して書き換えるように戻すことです。2023年には、大気質の在庫温室効果ガスを削減する気候大気の分野を調査しました。
気候待機Climate & Air大気質を在庫管理し、温室効果ガスの削減と炭素中立の移行を支援することです。2024年には土壌・地下水、自然環境、環境安全・保健、環境サービスまで4分野を一年に調査しました。
土壌・地下水Soil & Groundwater汚染された土地と地下水を調査し浄化することです。
自然環境Natural Environment生態系を調査し、毀損された自然を復元することです。
環境安全・保健Safety & Health化学物質や有害要因を管理して働く人や住民の健康を守る事です。
環境サービスEnvironmental Services測定・分析と環境影響評価、コンサルティングで開発事業が環境と調和するように支援することです。2025年には水管理・上水道・下水道を結んだ水分野を調査しました。四年間取り上げた分野が必ず七つになり、ロゴの七人と数が合いました。
水Water水管理・上水道・下水道現場で浄水・下水処理施設を運営し、水融合技術を開発することです。B案はこの偶然を逃さなかった。ロゴの6色を画面に合わせてきれいに整え、2人が一緒に使っていたオレンジ一つを黄色に分け、7つの分野に1色ずつ分けました。
#F2B13A#2AA8A0#CF3A2A#6F52C4#6CB33F#F08A1C#BD2A7E今メイン画面からダウンロードできるグリーンレポート42巻を出した年と種類に分けました。内輪が2020年で、外に行くほど最近です。一点が報告した一冊です。
2020 2020年の環境産業人材状況報告書

THE OUTERMOST RING · 2025
2025年7月から8月まで、Environment ISCは1,353の水産業事業のうち362を直接調査しました。 B案はこの調査の5つの数字をメイン画面にそのまま移しました。 100 個がビジネス 100 の場所です。
物産業従事者10人のうち8人以上が正社員として働いています。
水分野職務をするには国家技術資格が必要だと答えた割合です。
採用時に関連業務をしてみた経験を大切に見ると答えた割合です。
職務で変わった点として、新しい技術とツールを扱う能力を最も多く挙げました。
教育・訓練支援がスムーズだと答えた事業体は、ネットの中の一つにも及ばなかった。
出典:Environment Industry Skills Council、「2025年グリーン産業人材現況調査・分析ブリーフ(物産業)」・「2025年グリーン産業職務変化モニタリングブリーフ」
Green Jariには、進路を悩む学生や求職者から報告書を探している研究者まで、さまざまな目的を持つ人々が訪れます。訪れる人ごとに確認したい情報が異なり、それぞれが到着する場面を先に決めました。
私に合った環境分野の仕事と進路心理検査を探します。
進路検査・グリーンキャリア私の職務がどのように変わるか、どの資格と教育が必要かを確認します。
グリーン産業分野・すること人材状況報告書、業務協定のニュース、採用情報を探します。
人材データ・雇用情報調査・研究報告書と問題報告、関連法令資料をダウンロードします。
グリーンレポート・データニュースワークショップと仕事協定のニュースを見て、一緒にすることを提案します。
お知らせ・お問い合わせ・一緒にする機関今、メイン画面は進路心理検査からすぐに始まり、Environment ISCが何をしているのか、そしてグリーン産業にどのような分野があるのかは別に説明しません。両提案は最初の文章の後にEnvironment ISCの物語と緑産業の分野を先に置き、進路と報告書、ニュースを後に続けました。色点は各シーンが演じる物語です。
今メイン画面9シーン
A・GREEN HORIZON6シーン
B · GREEN CYCLE11シーン
両方の提案は、同じロゴで互いに反対方向に色を選んだ。 A案はロゴの色を落とし、森と紙の緑色の一つで画面を塗りました。 B案はロゴの色をそのまま生かして緑産業7分野の名札で書きました。
ロゴの原色七人・六色
#F39816#569EA9#E00601#543C90#6FA41E#F39816#BB0B70B内の分野色七分野・七色
#F2B13A 自然環境#2AA8A0 水#CF3A2A環境安全・保健#6F52C4 気候待機#6CB33F 資源循環#F08A1C土壌・地下水#BD2A7E 環境サービスAの中の森の緑の1つ
#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%Environment ISCが行う4つのことを盛り込んだカードの土台です。
補助文字・4.7%暗い背景上の説明文の色です。
ハイライト・ボタン・3%進路検査開始ボタンとAsk Meパネル、進行バーの色です。
水分野・1.9%七分野の中で水の色であり、フィルムの中の沈殿地に置いた輪の色です。
色見本を押すと、HEX値がコピーされます。見本の中の数字はその上に上がる文字色との明度対比であり、比率は両提案の場面キャプチャで各色に近い画素を数えた値です。
A案はPretendardの一つとしてタイトルと本文の両方を書きました。タイトルは600太さで字間を-0.055emまで絞り込み、森の写真の上でもしっかりと読まれるようにしました。
B案はハングルにPretendardを、英語と数字に幅を変えることができる可変フォントArchivoを書きました。分野名のように長い英文は狭く、短い数字は広く調節します。下のバーを動かすとArchivoの幅が変わります。
600 / -0.055em地球の明日を、
あなたの日に。
greenisc.
A案はサイトアドレスgreeniscを画面用ワードマークとして書いてみました。 greenは800、iscは400太さです。
wdth 100Environmental
Services 84.5%
きれいな水一滴にも人のことがあります
ハングルのタイトルはPretendard 750、字間-0.035emです。
Aの中の動きは小さいのが成長する速度を、Bの中の動きは水が広がる速度に従います。どちらの提案も、スクロールが動きを導き、オペレーティングシステムでモーションを減らすことをオンにすると、最後のシーンのみを表示します。下の4枚のカードは実際にスクロールに沿って移動します。

A中の「可能性の種」は240枚からなる8秒の立体モーションです。スクロールを下げると前方に、上げると後ろにします。このカードは同じコードで同じシーンを描画します。
A案は縦スクロールを水平移動に変え、水環境、資源循環、大気・気候、生態・環境復元の4枚のカードを順番に示しています。このカードの4枚もスクロールに沿って横に進みます。

Bの最初のシーンは、128枚のフレームをスクロール位置に合わせて描画します。このカードを通る間、そのうちの48枚が同じように進みます。
B案は暗い場面で進路心理検査に進むと、水に広がる円のように明るい背景が画面を埋めます。このカードの円もスクロールに沿って広がります。
森と川が広がる地平線から始まり、一人の進路に絞り込まれる方向です。最初の画面の森と川はスクロールに沿って近づき、8秒の立体モーション「可能性の種」がスクロールに合わせて前後に回り、発見・成長・つながる3つのシーンを開きます。環境産業の四分野は横向きのカードで、進路心理検査の四つは質問で書き直しました。
提案Aのシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
森の間に川が流れる最初の画面です。 「仕事」 一文字だけにライム色の下線を引いて環境と仕事をした文章に収めました。
スクロールすると、森と川がゆっくりと近づき、タイトルはぼやけて次のシーンに座ります。
等高線のように重なった球がスクロールに沿って回る8秒モーションです。小さな光点が軌道に沿って移動します。
同じ動きの上で文が3回変わり、下のバーが01発見から03連結まで冷えます。
環境産業 4つの分野を水平に渡すカードで示しています。最初のカードは水環境です。
最後のカードの後には、YOUR POTENTIAL・OUR PLANET・YOUR FUTUREがライム色の帯に流れます。
進路心理検査の4つを「私はどんなことに自分がいるのか?」のような質問に変え、検査時間と質問数をまとめました。
報告書の表紙をそのまま移動せずに文章と数字で再描画しました。全体・グリーンレポート・グリーンストーリーに分けてみます。
GREEN HORIZON地平線を通過
GREEN CYCLE水道沿いに戻ります
水一滴から始まり、緑産業全体に広がる方向です。最初の画面は、葉の先の水滴が川になり、浄水場の円形沈殿地に触れるまでを128枚のフレームに渡すスクロールフィルムです。その後、スローガン「みんなのために描いた、みんなのための仕事」と7人のホイール、7つのグリーン産業、2025年の物産業調査の数字、Environment ISCがする4つのことを順番に置きました。
B案のシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
葉の先についた水滴から始まる最初の画面です。水滴の中に川と森が逆さまに映ります。
水滴は川になり、浄水場の円形沈殿地に届きます。画面には「Environment ISCはその仕事と人が一緒に育つように設計します」が浮かび上がります。
今、最初の画面のスローガンをそのまま持ってきて、横にロゴの七人を車輪のように再描画しました。
分野ごとにロゴの色を一つずつ配り、その分野を深く調べた年をカードの下に書いた。
2025年の物産業調査の数字5つが順番に変わります。教育・訓練支援がスムーズだという回答は23.2%にとどまりました。
調査・職務・資格・コミュニケーション 4つのことが一枚ずつ重なり、カードごとにその仕事の報告表紙がつきます。
暗いシーンが終わると、明るい背景が円を描いて広がり、進路心理検査が始まります。検査ごとにかかる時間をダイヤルで表示します。
最近のレポート12冊が円を描いて回り、前に来たレポートのタイトルとダウンロードボタンが下から変わります。
7月には、予算を決める前に先に見ることができるように、メイン画面の図案4章を送りました。 4枚とも今、メイン画面の順序をほぼそのままにして、最初の画面と色だけを変えた提案でした。
10月には順番から改めました。絵の代わりに実際にスクロールして見ることができる2つの提案を作成し、最初の画面の言葉に合わせて新しいシーンを配置しました。
01・7月みんなのためのグリーン、みんなのための仕事クリーム色の背景に地球儀の絵を載せ、検査カードをパステルで塗りました。
02・7月みんなのためのグリーン、みんなのための仕事同じ構成の最初の画面を緑のグラデーションに置き換えました。
03・7月人と自然が一緒に成長する緑の仕事中央揃えの最初の画面とミント色の背景の提案です。
04・7月より良い緑の仕事、一緒に作っていきます最初の画面の右側に最新のレポートカードを置いた提案です。
A案は写真3枚とモーション一つで画面を作成しました。森と川を見下ろした初画面、海辺の丘の風力発電機、湿地から水を浮かべる研究者はそれぞれ水環境、大気・気候、生態分野のカードとなります。 「可能性の種」は、これらの写真の間で人の可能性を引き受けます。



B案は、水滴、川と都市、浄水場、上から見た沈殿地の4つのシーンを先に描きました。前のシーンの終わりと次のシーンの初めが合うように構図を合わせて一つのフィルムでした。 7分野の現場写真も分野ごとに1枚ずつ作りました。




資源循環 2022
気候待機 2023
土壌・地下水 2024
自然環境 2024
環境安全・保健 2024
環境サービス 2024
水 2025水滴が川になって浄水場の沈殿地に届くまでを継いだフィルムです。提案では、このフィルムをスクロール位置に合わせて前後に移動します。
等高線のように重なった球が回り、軌道上の光点が通り過ぎるモーションです。提案では、スクロールに沿って前後に移動します。
進路心理検査と採用情報は携帯電話で確認することが多いです。 A案はモバイルで初画面の写真を縦の割合で取り戻し、横に渡った4つの分野を縦カードに積み上げました。 B案は縦画面専用フレームでフィルムを別に作り、七分野は画面幅に合わせて一枚ずつ渡すようにしました。








両方の提案は同じ内容を含んでいますが、最初の画面で最初に言うことが異なります。 A案は森の地平線から一人の進路に絞り込まれ、B案は水一滴から緑産業全体に広がります。Green Jariが最初の画面で一番最初に伝えたい話に合わせて選べるように違いをまとめました。
GREEN REPORT No.43
Green Jariホームページリニューアルオファー・グリーンホリゾン・グリーンサイクル
検査と報告書、ニュースや雇用情報のように別々に積み重ねられた内容をどのような順番で見せるかからまとめます。
財団・文化
Hansae YES24 Foundation
文化財団のWebサイトリニューアル提案です。財団名には服をつくるHansaeと本を売るYES24が並んでおり、そこから「糸」と「本」という二つの出発点を見つけました。13年の沿革87件を6本の糸で編んだ記録、6か国からソウルへつながる展示マップ、アイボリー・エメラルド・コーラルと藍色・金糸の2つのパレット、Beyond BordersとA Single Threadの2案、機織りから本棚へ移るスクロール演出まで収めています。
公共機関
Korea Drug Development Fund
利用者分析とCIの解釈、9つのメイン案、パイプラインの可視化までを収めた、公共機関Webサイトの構築・リニューアルのプロセスです。
財団・非営利
Purme Foundation
非営利財団のWebサイトリニューアル提案です。シンボルの3本の木から出発し、ブルーと新芽のライムのカラー、アクセシビリティの基準と4つの案まで収めています。
Contact
現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。
DIRECT
お問い合わせを受け付けました。営業日1日以内に作業範囲とお見積りをまとめてご返信します。