プロジェクトの相談を申し込む プロジェクト紹介にスキップ

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人になり、すべてが囲む場所になります

ケースを読む
01 / OVERVIEWプロジェクト概要

グリーンジョブを結ぶ
オンラインコミュニケーションプラットフォーム

Environment Industry Skills Council(Environment ISC)は、環境分野の主要機関と団体、企業、専門家、労働者がより良い仕事のために一緒に走るHRDガバナンスです。代表機関は韓国上下水道協会であり、毎年緑産業の一分野を定めて現場の人材を直接調査し、職務と資格を整えます。 Green Jariは、その結果を求職者や労働者、関連分野の専攻者に伝えるEnvironment ISCのオンラインコミュニケーションプラットフォームです。

BlueCanvasは今のGreen Jariを管理しています。今年7月には予算を決める前に見ることができるようにメイン画面の図案4枚を最初に送り、10月には実際にスクロールして見ることができる2つの案GREEN HORIZONとGREEN CYCLEを作りました。このページは2つの提案を準備し、悩んでいるプロセスをまとめた記録です。

CLIENT
Environment Industry Skills Council(Environment ISC)
代表機関 韓国上下水道協会
PLATFORM
Green Jari greenisc.net
グリーンジョブオンラインコミュニケーションプラットフォーム
OUR ROLE
リサーチ、ブランド解析、情報構造、
UIデザイン、モーショングラフィック、スクロールフィルム
DELIVERABLE
7月絵提案4章、10月メイン提案2種、モバイル画面、カラー・書体ガイド
  • 42 冊 グリーンレポート 今メイン画面からダウンロードできる2020〜2025年の調査・研究報告
  • 7個産業分野2022年から2025年まで毎年定めて深く調査した重点分野
  • 4 種 進路審理検査 キャリアネットオープンAPIで作成した進路開発準備図・職業価値観など4つの検査
  • 362 か所 2025物産業調査 2025年7月から8月まで直接調査した水分野事業
02 / CHALLENGE出発点

今Green Jariメイン画面の設定
  1. 1ヘッダーにはメニューがなく、パンフレット、委員会、YouTube、Instagram、ブログのアイコンと検索ボタンのみがあります。サイトに何があるかは最後まで見てこそわかります。
  2. 2最初の画面のスローガン「みんなのために描いた、みんなのための仕事」は手書きの絵なので、検索エンジンと画面読み上げプログラムが読めません。
  3. 3進路心理検査の直後にグリーントーク映像が置かれていますが、最新の映像は2022年10月に上がりました。
  4. 4グリーンレポート42の巻は、年や種類を区別することなく1行につながります。

FOUR QUESTIONS

リニューアルは
4つの質問で始まりました

今のメイン画面は、検査や報告書、雇用情報を1ページにまとめた仕組みです。盛り込まれた情報はたくさんありますが、その情報をどのような順番で会わせるかは決まっていません。

  1. Q1
    最初の画面でEnvironment ISCが何をしているのでしょうか?

    今は手書きスローガンと紹介段落一つが第一画面を引き受けます。両方の提案は、最初の画面の1つの文で、環境と人の仕事を一緒に話します。

  2. Q2
    グリーン産業には何がありますか?

    今メイン画面には緑産業の分野が出ていません。 A 内は 4 つの分野を水平カードで、 B 内は調査した 7 つの分野をロゴの 7 色で示します。

  3. Q3
    42巻のレポートをどのように見つけるのですか?

    A案はグリーンレポートとグリーンストーリーを分かち合うフィルターを置き、B案は最近レポート12冊が円を描いて回る書家を作りました。

  4. Q4
    進路を悩む人にどう言うのでしょうか?

    A案は検査4つを「私はどんなことに自分がいるのか?」のような質問に変え、B案は最初の画面に「進路検査開始」ボタンを置いて検査ごとにかかる時間をダイヤルで示します。

03 / NAME名前をもう一度読む

「みんなのために描いた」には
二つのグリーンがありました

新しい文章を作る前に、今最初の画面に手書きで書かれたスローガンからもう一度読みました。プラットフォーム名Green Jariとスローガンは同じ単語を分けて書いており、その単語ごとに意味が二重でした。

01 · PLATFORM

名前はGreen

Green Jariは、Environment ISCが運営するオンラインコミュニケーションプラットフォームの名前です。サイトのロゴ画像には「Environment Industry Skills Council - Green 席」という説明が付いています。

02 · SLOGAN

最初の画面の手書き

今メイン画面を開くと、地球上の写真の上に「みんなのために描いた、みんなのための仕事」という手書きの文章が先に見えます。プラットフォーム名に含まれる緑と桁がこの文章に再び出てきます。

03 · TWO GREENS

緑色ながら、描いた

この文章のグリーンは緑色を意味するグリーンでありながら、「描く」が活用された「グリーン」でもあります。それでみんなのために描いた席は緑色の席であり、みんなのために描いておいた席という意味になります。

04 · TWO SEATS

仕事でありながら、座る席

席は仕事の席であり、多くが一緒に座る席でもあります。 Environment ISC は、機関や団体、企業、専門家、労働者が一堂に会し、より良い雇用を議論するガバナンスです。

05 · ONE LETTER

太陽と漢、一文字

7月の絵提案は、この文章を「みんなのためのグリーン」に変えて書きながら、グリーンを色の名前だけで読みました。 10月のB案はもともと文章「みんなのためにグリーン」に戻りました。年と韓、この一文字がグリーンを再び動詞にするからです。

06 · TWO OPENINGS

両方の提案の最初の文

A案GREEN HORIZONは「地球の明日を、あなたの仕事に。」で、B案GREEN CYCLEは「きれいな水一滴にも人のことがあります」で初画面を開きます。どちらの文章も環境で始まり、人の「仕事」で止まります。

04 / SEVEN七人、七つの分野

7人が
7つの分野になるまで

Environment ISCのロゴには7人が囲まれています。そしてEnvironment ISCが2022年から2025年まで毎年定めて直接調査したグリーン産業重点分野もすべて7つです。スクロールすると、毎年調査した分野が人ひとつずつ点灯します。

LOGO

七人、六色

Environment ISCのロゴには、7人が円を描いて囲まれています。人によって色が違うけれどオレンジは二人が一緒に書いて、色はオレンジ・しばしば・ターコイズ・レッド・ボラ・緑色の6種類です。

2022 · 1 / 7

最初の重点分野、資源循環

Environment ISCは、毎年グリーン産業の1つの分野を決定し、産業現場を直接調査します。 2022年の最初の分野は資源循環でした。

  • 資源循環分野の現場で働く人を盛り込んだB案の分野写真資源循環Resource Circulation捨てられた資源を集めて選別して書き換えるように戻すことです。
2023 · 2 / 7

気候待機

2023年には、大気質の在庫温室効果ガスを削減する気候大気の分野を調査しました。

  • 気候待機分野の現場で働く人を込めたB案の分野写真気候待機Climate & Air大気質を在庫管理し、温室効果ガスの削減と炭素中立の移行を支援することです。
2024 · 6 / 7

4つの分野を年に

2024年には土壌・地下水、自然環境、環境安全・保健、環境サービスまで4分野を一年に調査しました。

  • 土壌・地下水分野の現場で働く人を盛り込んだB案の分野写真土壌・地下水Soil & Groundwater汚染された土地と地下水を調査し浄化することです。
  • 自然環境分野の現場で働く人を込めたB案の分野写真自然環境Natural Environment生態系を調査し、毀損された自然を復元することです。
  • 環境安全・保健分野の現場で働く人を盛り込んだB案の分野写真環境安全・保健Safety & Health化学物質や有害要因を管理して働く人や住民の健康を守る事です。
  • 環境サービス分野の現場で働く人を込めたB案の分野写真環境サービスEnvironmental Services測定・分析と環境影響評価、コンサルティングで開発事業が環境と調和するように支援することです。
2025 · 7 / 7

セブンセクター、水

2025年には水管理・上水道・下水道を結んだ水分野を調査しました。四年間取り上げた分野が必ず七つになり、ロゴの七人と数が合いました。

  • 水分野の現場で働く人を込めたB案の分野写真水Water水管理・上水道・下水道現場で浄水・下水処理施設を運営し、水融合技術を開発することです。
B · GREEN CYCLE

オレンジ一つを黄色に

B案はこの偶然を逃さなかった。ロゴの6色を画面に合わせてきれいに整え、2人が一緒に使っていたオレンジ一つを黄色に分け、7つの分野に1色ずつ分けました。

  • 自然環境#F2B13A
  • 水#2AA8A0
  • 環境安全・保健#CF3A2A
  • 気候待機#6F52C4
  • 資源循環#6CB33F
  • 土壌・地下水#F08A1C
  • 環境サービス#BD2A7E
05 / RECORD六年の記録

42巻のレポートを
6つの年齢に

今メイン画面からダウンロードできるグリーンレポート42巻を出した年と種類に分けました。内輪が2020年で、外に行くほど最近です。一点が報告した一冊です。

  • 問題レポート15
  • 労働力の状況13
  • 職務6
  • 資格・能力5
  • 戦略・基本3

2020 2020年の環境産業人材状況報告書

  • 2020 · 8巻最初の年には、環境産業の人材の現状と戦略分野を最初に調査し、HRDの基本マニュアルを公開しました。
  • 2022年 · 新しい枝職務マップと資格制度の改編研究が初めて出て、人材・職務・資格の三股が一緒に育ち始めました。
  • 2024 – 2025 · 毎年9巻人材の現状と職務変化のモニタリングを報告書とブリーフにまとめ、問題報告はNo.20まで続いています。
2020 2021 2022 2023 2024 2025 問題レポート15 労働力の状況13 職務6 資格・能力5 戦略・基本3 0冊
Environment Industry Skills Council 「2025年グリーン産業人材現況調査・分析ブリーフ(物産業)」表紙

THE OUTERMOST RING · 2025

最も外の年齢の1冊、
2025物産業調査

2025年7月から8月まで、Environment ISCは1,353の水産業事業のうち362を直接調査しました。 B案はこの調査の5つの数字をメイン画面にそのまま移しました。 100 個がビジネス 100 の場所です。

  1. 84.5% 正規職率

    物産業従事者10人のうち8人以上が正社員として働いています。

  2. 82.0% 国家技術資格が必要

    水分野職務をするには国家技術資格が必要だと答えた割合です。

  3. 61.3% 採用時に見る業務経験

    採用時に関連業務をしてみた経験を大切に見ると答えた割合です。

  4. 55.1% 新技術・道具を扱う能力

    職務で変わった点として、新しい技術とツールを扱う能力を最も多く挙げました。

  5. 23.2% 教育・訓練支援がスムーズ

    教育・訓練支援がスムーズだと答えた事業体は、ネットの中の一つにも及ばなかった。

出典:Environment Industry Skills Council、「2025年グリーン産業人材現況調査・分析ブリーフ(物産業)」・「2025年グリーン産業職務変化モニタリングブリーフ」

06 / STRUCTURE訪問者とシーンの順序

Green Jariを探す
五種類の人々

Green Jariには、進路を悩む学生や求職者から報告書を探している研究者まで、さまざまな目的を持つ人々が訪れます。訪れる人ごとに確認したい情報が異なり、それぞれが到着する場面を先に決めました。

  • 01進路を悩む学生・求職者

    私に合った環境分野の仕事と進路心理検査を探します。

    進路検査・グリーンキャリア
  • 02環境分野の職員

    私の職務がどのように変わるか、どの資格と教育が必要かを確認します。

    グリーン産業分野・すること
  • 03企業・機関人事担当者

    人材状況報告書、業務協定のニュース、採用情報を探します。

    人材データ・雇用情報
  • 04研究者・政策担当者

    調査・研究報告書と問題報告、関連法令資料をダウンロードします。

    グリーンレポート・データニュース
  • 05協力機関・教育機関

    ワークショップと仕事協定のニュースを見て、一緒にすることを提案します。

    お知らせ・お問い合わせ・一緒にする機関

同じ内容を
新しい順序に

今、メイン画面は進路心理検査からすぐに始まり、Environment ISCが何をしているのか、そしてグリーン産業にどのような分野があるのか​​は別に説明しません。両提案は最初の文章の後にEnvironment ISCの物語と緑産業の分野を先に置き、進路と報告書、ニュースを後に続けました。色点は各シーンが演じる物語です。

  • 最初の文
  • Environment ISCについて
  • グリーン産業分野
  • 調査番号
  • 進路
  • レポート
  • ニュース
  • ジョブ
  • 一緒に

今メイン画面9シーン

  1. 01手書きスローガン地球本の写真の上の文章と紹介文
  2. 02進路審理検査4つの検査カード
  3. 03グリーントークワークショップ・インタビュービデオ
  4. 04グリーンレポートレポート42枚スライド
  5. 05カードニュース・データニュース2行のスライド
  6. 06雇用情報機関のロゴリンク
  7. 07青い仕事分け企業紹介3つの場所
  8. 08Ask Me · Ask Youお問い合わせとアンケート
  9. 09共同機関協力機関のロゴ

A・GREEN HORIZON6シーン

  1. 01地球の明日を、あなたの仕事森と川の地平線が近づく最初の画面
  2. 02小さな可能性が大きい変化で8秒立体運動と発見・成長・接続
  3. 03緑の可能性4分野の水平カードと詳細ウィンドウ
  4. 04あなただけのグリーンキャリア 質問に変更した4つのチェック
  5. 05グリーンインサイトレポートとストーリーフィルタ
  6. 06私たちの次を、一緒にお問い合わせとアンケート

B · GREEN CYCLE11シーン

  1. 01きれいな水滴 水滴から沈殿物まで続くフィルム
  2. 02すべてのために描画スローガンと7人のホイール
  3. 037つのグリーン産業 ロゴの7色を分けた水平シーン
  4. 04数字で読む物産業2025年の調査の5つの数字
  5. 05現場での制度へ重ねる4つのこと
  6. 06進路審理検査時間ダイヤル付き検査カード
  7. 07グリーンレポート12巻の書籍
  8. 08環境雇用ニュースカードニュース・グリーントーク・データニュース
  9. 09雇用情報採用・教育・資格・関連機関
  10. 10お問い合わせ・アンケートAsk Me・Ask You
  11. 11共同機関流れる協力機関のロゴ
07 / COLORカラーチャート

ロゴの6色から
1つの緑と7色へ

両方の提案は、同じロゴで互いに反対方向に色を選んだ。 A案はロゴの色を落とし、森と紙の緑色の一つで画面を塗りました。 B案はロゴの色をそのまま生かして緑産業7分野の名札で書きました。

ロゴの原色七人・六色

  • #F39816
  • #569EA9
  • #E00601
  • #543C90
  • #6FA41E
  • #F39816
  • #BB0B70

B内の分野色七分野・七色

  • #F2B13A 自然環境
  • #2AA8A0 水
  • #CF3A2A環境安全・保健
  • #6F52C4 気候待機
  • #6CB33F 資源循環
  • #F08A1C土壌・地下水
  • #BD2A7E 環境サービス

Aの中の森の緑の1つ

  • Forest#071E19
  • Ink#102B23
  • Moss#193E2E
  • Paper#F3F4ED
  • Lime#D4F69B

ロゴの原色は、現在のサイトのロゴ画像で色の束ごとに平均化された値です。一番左のオレンジがBの中で黄色(自然環境)に分かれました。

森の材料と
水の材料

A案は朝の森に面した作業台を思い出しました。紙の上に川の石や苔、芽生えた種、川の幹が描かれた地形図を置いた。

B案は暗い実験台を思い出しました。食板の上に水が入ったガラス皿と七色の円板、ライム色の輪を置いた。真ん中の線を左右にドラッグすると、両方の材料に耐えることができます。

A案GREEN HORIZONのマテリアルボード:紙の上に置かれた濃い緑色の川石と苔、芽生えた種子、川の幹が描かれた地形図、ライム色の紙帯、川の水が入ったガラス瓶とシダ
B眼GREEN CYCLEのマテリアルボード:フードプレートの上に置かれた水が入ったガラス皿と波紋、円をなした七色の円板、ライム色の輪と紐、水質試料瓶

A · GREEN HORIZON

森と紙
  • 暗いシーン・32.2%最初の画面の下の「小さな可能性」シーンと最後の「一緒に」シーン、フッターの背景です。

  • 明るいシーン・29.9%あなたの分野とグリーンキャリア、グリーンインサイトシーンの基盤です。

  • 表紙・カード・14.8%グリーンレポート表紙と濃いカードに書いた苔色です。

  • 文字・10.7%明るいシーンのタイトルと本文の文字色です。黒の代わりに森の緑色をモックで書いた。

  • 補助文字・8.7%説明文と小さなラベルに書く灰緑色です。

  • 強調・3.8% 初画面「日」の下線とボタン、進行棒にのみ使う色です。

B · GREEN CYCLE

水と七色
  • 明るいシーン・文字・44.2%円で広がり、開かれる進路検査・レポート・ニュース領域の元で、暗いシーンでは文字色で書きます。

  • バウンド・32.1%水滴フィルムが終わった後に続く暗いシーン全体の背景です。

  • カード・14.1%Environment ISCが行う4つのことを盛り込んだカードの土台です。

  • 補助文字・4.7%暗い背景上の説明文の色です。

  • ハイライト・ボタン・3%進路検査開始ボタンとAsk Meパネル、進行バーの色です。

  • 水分野・1.9%七分野の中で水の色であり、フィルムの中の沈殿地に置いた輪の色です。

色見本を押すと、HEX値がコピーされます。見本の中の数字はその上に上がる文字色との明度対比であり、比率は両提案の場面キャプチャで各色に近い画素を数えた値です。

08 / TYPOGRAPHY書体

1つのフォントと
幅が変わる英語

A案はPretendardの一つとしてタイトルと本文の両方を書きました。タイトルは600太さで字間を-0.055emまで絞り込み、森の写真の上でもしっかりと読まれるようにしました。

B案はハングルにPretendardを、英語と数字に幅を変えることができる可変フォントArchivoを書きました。分野名のように長い英文は狭く、短い数字は広く調節します。下のバーを動かすとArchivoの幅が変わります。

Pretendard 600 · Aの最初の画面 600 / -0.055em

地球の明日を、
あなたの日に。

greenisc.

A案はサイトアドレスgreeniscを画面用ワードマークとして書いてみました。 greenは800、iscは400太さです。

Archivo · Bの英語と数字 wdth 100

Environmental
Services 84.5%

きれいな水一滴にも人のことがあります

ハングルのタイトルはPretendard 750、字間-0.035emです。

09 / MOTIONモーション原則

種子のように成長し、
水のように広がる

Aの中の動きは小さいのが成長する速度を、Bの中の動きは水が広がる速度に従います。どちらの提案も、スクロールが動きを導き、オペレーティングシステムでモーションを減らすことをオンにすると、最後のシーンのみを表示します。下の4枚のカードは実際にスクロールに沿って移動します。

Aの中の立体運動可能性の種子:輪郭線のように重なった緑色の球と軌道
01 · A SEED OF POSSIBILITY · A

スクロールで回す種子

A中の「可能性の種」は240枚からなる8秒の立体モーションです。スクロールを下げると前方に、上げると後ろにします。このカードは同じコードで同じシーンを描画します。

02 · HORIZONTAL FIELDS · A

横にめくる4つの分野

A案は縦スクロールを水平移動に変え、水環境、資源循環、大気・気候、生態・環境復元の4枚のカードを順番に示しています。このカードの4枚もスクロールに沿って横に進みます。

Bの中の最初のシーンのフレーム:葉の端に結びついた水滴
03 · A DROP FILM · B

水滴から沈殿地まで

Bの最初のシーンは、128枚のフレームをスクロール位置に合わせて描画します。このカードを通る間、そのうちの48枚が同じように進みます。

04 · LIGHT SPREADS · B

円で広がる明るいシーン

B案は暗い場面で進路心理検査に進むと、水に広がる円のように明るい背景が画面を埋めます。このカードの円もスクロールに沿って広がります。

A案案・地平線

GREEN HORIZON地球の明日を、あなたの仕事に

森と川が広がる地平線から始まり、一人の進路に絞り込まれる方向です。最初の画面の森と川はスクロールに沿って近づき、8秒の立体モーション「可能性の種」がスクロールに合わせて前後に回り、発見・成長・つながる3つのシーンを開きます。環境産業の四分野は横向きのカードで、進路心理検査の四つは質問で書き直しました。

  • 森と川の地平線が近づく最初の画面
  • スクロールに沿って前後に回る8秒立体モーション「可能性の種」
  • 水平に渡る環境産業 4分野カードと分野別詳細ウィンドウ
  • 質問で書き直した進路心理検査の4つと「私に合ったスタートを探す」案内
Pretendard
DIRECTION NOTES

提案Aのシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。

  1. 地球の明日を、あなたの仕事に。

    森の間に川が流れる最初の画面です。 「仕事」 一文字だけにライム色の下線を引いて環境と仕事をした文章に収めました。

  2. 地平線が近づくとき

    スクロールすると、森と川がゆっくりと近づき、タイトルはぼやけて次のシーンに座ります。

  3. 小さな可能性が大きな変化に。

    等高線のように重なった球がスクロールに沿って回る8秒モーションです。小さな光点が軌道に沿って移動します。

  4. 発見・成長・つながり

    同じ動きの上で文が3回変わり、下のバーが01発見から03連結まで冷えます。

  5. 私たちが働くところで

    環境産業 4つの分野を水平に渡すカードで示しています。最初のカードは水環境です。

  6. 帯に通る文章

    最後のカードの後に​​は、YOUR POTENTIAL・OUR PLANET・YOUR FUTUREがライム色の帯に流れます。

  7. あなただけのグリーンキャリア。

    進路心理検査の4つを「私はどんなことに自分がいるのか?」のような質問に変え、検査時間と質問数をまとめました。

  8. 変化を読む視線。

    報告書の表紙をそのまま移動せずに文章と数字で再描画しました。全体・グリーンレポート・グリーンストーリーに分けてみます。

GREEN HORIZON地平線を通過

GREEN CYCLE水道沿いに戻ります

B案案・循環

GREEN CYCLEきれいな水の滴にも人の仕事があります

水一滴から始まり、緑産業全体に広がる方向です。最初の画面は、葉の先の水滴が川になり、浄水場の円形沈殿地に触れるまでを128枚のフレームに渡すスクロールフィルムです。その後、スローガン「みんなのために描いた、みんなのための仕事」と7人のホイール、7つのグリーン産業、2025年の物産業調査の数字、Environment ISCがする4つのことを順番に置きました。

  • 水滴→川→浄水場につながる128枚スクロールフィルムと現場職務錫
  • ロゴの七色を七分野に分けた水平シーン
  • 2025年の物産業調査数字5つと重なっている4つのこと
  • 円で広がって明るくなる進路検査・グリーンレポート・ニュースエリア
Pretendard · Archivo
DIRECTION NOTES

B案のシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。

  1. きれいな水の滴にも人の仕事があります

    葉の先についた水滴から始まる最初の画面です。水滴の中に川と森が逆さまに映ります。

  2. その水道のそばで働く人

    水滴は川になり、浄水場の円形沈殿地に届きます。画面には「Environment ISCはその仕事と人が一緒に育つように設計します」が浮かび上がります。

  3. みんなのために描いた、みんなのための仕事

    今、最初の画面のスローガンをそのまま持ってきて、横にロゴの七人を車輪のように再描画しました。

  4. 7つのグリーン産業

    分野ごとにロゴの色を一つずつ配り、その分野を深く調べた年をカードの下に書いた。

  5. 数字で読む物産業の仕事

    2025年の物産業調査の数字5つが順番に変わります。教育・訓練支援がスムーズだという回答は23.2%にとどまりました。

  6. 現場から始めて制度へ

    調査・職務・資格・コミュニケーション 4つのことが一枚ずつ重なり、カードごとにその仕事の報告表紙がつきます。

  7. 円で広がる明るいシーン

    暗いシーンが終わると、明るい背景が円を描いて広がり、進路心理検査が始まります。検査ごとにかかる時間をダイヤルで表示します。

  8. 道を立てる

    最近のレポート12冊が円を描いて回り、前に来たレポートのタイトルとダウンロードボタンが下から変わります。

10 / PROCESS図4章から2つの提案まで

図4章で
動く2つの提案

7月には、予算を決める前に先に見ることができるように、メイン画面の図案4章を送りました。 4枚とも今、メイン画面の順序をほぼそのままにして、最初の画面と色だけを変えた提案でした。

10月には順番から改めました。絵の代わりに実際にスクロールして見ることができる2つの提案を作成し、最初の画面の言葉に合わせて新しいシーンを配置しました。

  1. 7月絵提案01:第一画面に「みんなのためのグリーン、みんなのための仕事」と書かれたGreen Jariメイン画面全体 01・7月みんなのためのグリーン、みんなのための仕事クリーム色の背景に地球儀の絵を載せ、検査カードをパステルで塗りました。
  2. 7月 絵提案 02: 初画面に「みんなのためのグリーン、みんなのための仕事」と書かれたGreen Jariメイン画面全体 02・7月みんなのためのグリーン、みんなのための仕事同じ構成の最初の画面を緑のグラデーションに置き換えました。
  3. 7月絵提案03:第一画面に「人と自然が一緒に育つ緑の仕事」と書かれたGreen Jariメイン画面全体 03・7月人と自然が一緒に成長する緑の仕事中央揃えの最初の画面とミント色の背景の提案です。
  4. 7月絵提案04:第一画面に「より良い緑の仕事、一緒に作っていきます」と書かれたGreen Jariメイン画面全体 04・7月より良い緑の仕事、一緒に作っていきます最初の画面の右側に最新のレポートカードを置いた提案です。

森と風、
湿地の研究者

A案は写真3枚とモーション一つで画面を作成しました。森と川を見下ろした初画面、海辺の丘の風力発電機、湿地から水を浮かべる研究者はそれぞれ水環境、大気・気候、生態分野のカードとなります。 「可能性の種」は、これらの写真の間で人の可能性を引き受けます。

暗い森の間に青い川がS字で流れ、朝の霧の風景
ファーストスクリーン・森と川
海に面した緑の丘の上に立っている白い風力発電機
大気・気候・風力
湿地の端に座ってガラス瓶に水を浮かべる環境分野の研究者の横顔
生態・湿地の研究者

一滴のフィルムと7つの分野の現場

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

  1. 水滴のシーン:葉の端に結びついた水滴に川と森が映し出されます。
    01 水滴 葉の端にある水滴に川と森が映る。
  2. 川と都市のシーン:日の出する川に沿って浄水場と都市が見えます。
    02 川と都市 日の出川に沿って浄水場と都市が見えます。
  3. 浄水場シーン:川沿いの浄水場に近づきます。
    03 浄水場 川の浄水場に行きます。
  4. 沈殿物のシーン:上から見た4つの丸い沈殿物に触れます。
    04 沈殿物 上から見下ろした4つの丸い沈殿物に触れます。
B · GREEN CYCLE · 16:9 · 0:18

水滴が川になって浄水場の沈殿地に届くまでを継いだフィルムです。提案では、このフィルムをスクロール位置に合わせて前後に移動します。

A · GREEN HORIZON · 4:3 · 0:07

等高線のように重なった球が回り、軌道上の光点が通り過ぎるモーションです。提案では、スクロールに沿って前後に移動します。

11 / MOBILEモバイル

手の中でも
同じ地平線と水道

進路心理検査と採用情報は携帯電話で確認することが多いです。 A案はモバイルで初画面の写真を縦の割合で取り戻し、横に渡った4つの分野を縦カードに積み上げました。 B案は縦画面専用フレームでフィルムを別に作り、七分野は画面幅に合わせて一枚ずつ渡すようにしました。

A案・ファーストスクリーンモバイル画面
A・第一画面
B案・ファーストスクリーンモバイル画面
B・第一画面
A案・4分野のモバイル画面
A・4分野
B案・7人モバイル画面
B・七人
A案・グリーンキャリアモバイル画面
A・グリーンキャリア
B案・7分野モバイル画面
B・7分野
A案・グリーンインサイトモバイル画面
A・グリーンインサイト
B案・グリーンレポートモバイル画面
B・グリーンレポート
COMPARE2つの方向はどう違いますか?

同じGreen Jariを開く
地平線と水差し

両方の提案は同じ内容を含んでいますが、最初の画面で最初に言うことが異なります。 A案は森の地平線から一人の進路に絞り込まれ、B案は水一滴から緑産業全体に広がります。Green Jariが最初の画面で一番最初に伝えたい話に合わせて選べるように違いをまとめました。

区分A・GREEN HORIZONB・GREEN CYCLE
最初の画面 森と川の地平線が近づく写真のシーン 水滴が川と浄水場になる128枚のスクロールフィルム
最初の文地球の明日を、あなたの仕事に。きれいな水の滴にも人の仕事があります
色の森の緑の 1 つとライムの色とりどりの背景にロゴの 7 色とライム
フォントPretendardPretendard · Archivo
緑色産業4つのフィールド横カードと詳細ウィンドウ 調査した7つのフィールドを7色に
進路審理検査 質問に変更した4つのスタートガイド タイムダイヤル付きチェックカード
レポートグリーンレポート・グリーンストーリーフィルター12冊が円を描いて回る書家
シーン数6シーンオープンシーン
重い場所 一人の進路緑の産業全体と現場の数
12 / CREDITSBLUECANVAS · WORKS 2026

GREEN REPORT No.43

みんなのために
描いた場所

Green Jariホームページリニューアルオファー・グリーンホリゾン・グリーンサイクル

Client
Environment Industry Skills Council(Environment ISC) · 代表機関 韓国上下水道協会
Project
Green JariWebサイトリニューアル提案・2026年7月、10月
Research
グリーンレポート42巻・グリーン産業7分野・2025物産業調査
Brand Reading
スローガン「みんなのためにグリーン」の2つのグリーン、ロゴの7人
Structure
訪問者5クラス、今および2提案の場面順序
First Sketches
7月のメイン画面の図案4枚
Direction A
GREEN HORIZON・UIデザイン、地平線初画面、8秒立体モーション
Direction B
GREEN CYCLE · UIデザイン、128枚スクロールフィルム、7フィールドカラーシステム
Mobile
縦画面シーン再構成、縦専用フィルムフレーム
Typefaces
Pretendard · Archivo
Studio
BlueCanvas

    Contact

    まだ漠然としたアイデアでも構いません。
    プロジェクトを一緒に 整理しましょう

    現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。

    質問4つ・約2分

    ご依頼内容

    どのような作業をご一緒しましょうか。

    複数選べます。まだ決まっていない場合は「その他」を選んでください。

    ご予算

    お考えのご予算はどのくらいですか。

    おおよその範囲でも、ご提案づくりに大いに役立ちます。

    プロジェクト説明

    今の状況をお聞かせください。

    整っていなくても大丈夫です。下の項目を押すと入力の枠が入ります。

    0

    RFPや参考資料を2点までアップロードできます。対応形式:PDF、PPT、Word、Excel、JPG、PNG、ZIP

    ご連絡先

    どちらへご返信しましょうか。

    作業範囲・予算・プロジェクト内容・連絡先をご入力ください。