Website Design & Development Portfolio

공공·연구 홈페이지 리뉴얼 ケーススタディ

경제·인문사회연구회 NRC

심벌의 두 반원을 경제와 인문사회로, 1999년의 두 연구회가 2005년 하나가 된 역사로 읽은 브랜드 해석, 흰 바탕에서 글자가 되지 못하는 코럴 · 시그린 · 그레이를 넓은 영역과 글자로 나눈 색 기준, 연구성과 4,581건을 직접 세어 찾은 「종합일반」 49%와 질문으로 찾는 구조, 운영 개선 화면 여섯 장과 입자로 그린 연구회 소개 필름, 두 반원의 TWO HALVES와 질문에서 출발한 QUESTION FIRST까지 세 차례의 제안을 담은 국책연구 협의체 홈페이지 리뉴얼 제안 과정

병원·스킨부스터 광고 랜딩페이지 ケーススタディ

셀르디엠 CellREDM

제조사 광고 영상의 첫 장면인 열쇠구멍과 이레라움 인테리어의 아치가 같은 구조라는 데서 출발한 형태 해석, 제품의 밤과 병원의 낮으로 나눈 자두색 · 샴페인 · 아이보리의 색 기준, 효과를 약속하지 않고 고르는 법을 말하는 의료광고의 문장, 첫 화면 세 갈래와 광고 세 갈래 · 7차까지 고친 광고 영상을 거쳐 열다섯 장면의 랜딩과 상담 관리 화면이 되기까지를 담은 스킨부스터 광고 랜딩페이지 제작 과정

바이오·안과 홈페이지 리뉴얼 ケーススタディ

리젠트리 ReGenTree

두 회사의 이름이 겹친 이름과 같은 곡률로 겹친 로고의 호 두 개에서 출발한 브랜드 해석, 안과 검사의 흰빛 · 코발트 블루 · 형광 녹색 · 호박색에서 고른 색 기준, 눈에서 분자까지 배율로 짠 이야기 순서와 상처가 덮이는 원리를 직접 그려 보는 실험실, 1월의 스케치 여덟 장과 2월의 CLINICAL WHITE, 10월의 SURFACE OF SIGHT까지 세 차례의 시안을 담은 안과 신약 회사 홈페이지 리뉴얼 제안 과정

メディア・アワード Webサービスケーススタディ

Forbes Korea Stars

Forbes Koreaのアワード専用Webサービス。

기업·항공방산 홈페이지 리뉴얼 ケーススタディ

세명ADS

로고의 사선으로 잘린 보라 판과 M에서 뻗은 막대 세 줄에서 비행의 방향을 읽은 브랜드 해석, 원을 날개꼴로 펴며 둘레의 압력을 재는 흐름 계산과 압력센서가 압력을 숫자로 바꾸는 원리 실험, 밤 바탕에서 묻히던 로고 보라를 다시 맞춘 색 기준, 하늘에서 부품으로 내려가는 TARGET LOCK과 직접 렌더링한 3D 필름으로 부품에서 하늘로 올라가는 PRECISION FILM 두 가지 시안까지 담은 항공우주·방위산업 부품 공급사 홈페이지 리뉴얼 제안 과정

企業・素材 Webサイトリニューアルケーススタディ

TERAON

ナノカーボン素材企業のWebサイトリニューアル提案です。熱を人に向けて届けるフィルムヒーターVESTATON®と、チップから熱を逃がすチップボンディング剤TERABOND®から「熱の二つの方向」を読み取りました。ロゴのOを電源記号として描き、サーモグラフィーの目盛りで約150℃の位置にオレンジを置き、メイン画面3枚とポップアップ2つに散らばっていた内容をWARM・COOL・BASEの3系統にまとめ直しました。1月の最初の4案から学んだこと、流れるカーボンリボンのThermal Flowと、ナノメートルからキロメートルへ倍率が広がるWarm the Human, Cool the Earthの2案まで収めています。

公共機関記念日サイトリニューアルケーススタディ

National Center for the Rights of the Child · 365日子どもの日

記念日Webサイトのリニューアル提案です。五つの記念日のキャラクターが点（目と頬）・線（墨色の腕と手書き文字）・面（色の図形）で描かれていることから出発しました。キャンペーンの絵から5組の色と文字用の色を測り、日ごとに異なっていた35のメニューを五つの日×五つの系統に組み直しました。1年365日を点で刻む365 CALENDARと、一本の線で五つの日をつなぐHAND IN HANDの2案まで収めています。

金融ウェブマガジンリニューアルケーススタディ

Hana Bank HANA THE NEXT ウェブマガジン

Hana Bankのシニア向けウェブマガジンのリニューアル提案です。ロゴのEは人生の第1・2・3幕を表す3本の線で、Xの中には「⟩」が隠れています。50〜64歳の（New）シニアの時間割と最も小さな文字から読みやすさの基準を組み直し、日付順の一覧を人生の三つの幕と五つのテーマで編み直しました。毎週表紙をめくるTHE NEXT PAGEと、生まれ年から自分の幕を見つけるMY NEXT ACTの2案まで収めています。

企業・素材 Webサイトリニューアルケーススタディ

Hitech Polymer

高分子素材サプライヤーのWebサイトリニューアル提案です。ポリマーという名前が持つ「多くの部分がつながったもの」という意味と、製品の中に隠れて見えない素材から出発しました。4社のサプライヤー・6つの素材・4つの産業を結ぶマップ、チェーン・圧縮・オープンセル・導電糸を実際に動かす4つの素材実験、炭色と琥珀色・藍色と青緑の2つのパレット、Matter in MotionとPolymer Scroll Filmの2案、点がチェーンや結び目、網へと変わるスクロール演出まで収めています。

公共・HRD Webサイトリニューアルケーススタディ

Environment ISC Green Jari

Environment Industry Skills Councilのオンラインプラットフォームのリニューアル提案です。トップ画面のスローガン「みんなのために描いた、みんなのための仕事」から、色の緑と「描いた」という意味の二つの“グリーン”を読み取りました。ロゴの7人とグリーン産業の7分野をつなぐ色の体系、グリーンレポート42冊を発行年と種類で整理した年輪、7月のイラスト案4枚、GREEN HORIZONとGREEN CYCLEの2案、一本の線が地平線と水の流れになるスクロール演出まで収めています。

F&B・ワイン Webサイトリニューアルケーススタディ

EASYWINE

ワイン輸入会社のWebサイトリニューアル提案です。白い紙の上でグラスを傾けると見える中心のルビーと縁の紫を、紫色のロゴと結びつけて読みました。ワイン25種をブランド・種類・産地・料理の4つの軸で組み直した構成、ラベルの見慣れない言葉をやさしく説明する辞典、Ruby in MotionとEasy Pourの2案、ワインを注ぐスクロールフィルムまで収めています。

財団・文化 Webサイトリニューアルケーススタディ

Hansae YES24 Foundation

文化財団のWebサイトリニューアル提案です。財団名には服をつくるHansaeと本を売るYES24が並んでおり、そこから「糸」と「本」という二つの出発点を見つけました。13年の沿革87件を6本の糸で編んだ記録、6か国からソウルへつながる展示マップ、アイボリー・エメラルド・コーラルと藍色・金糸の2つのパレット、Beyond BordersとA Single Threadの2案、機織りから本棚へ移るスクロール演出まで収めています。

美術・エージェンシー Webサイトリニューアルケーススタディ

ENART

現代美術エージェンシーのWebサイトリニューアル提案です。ロゴが印刷インキのシアンとマゼンタで刷られていることに気づいたところから出発しました。公開ポートフォリオ23件を仕事の種類で分けた分析、展示の始まりと終わりで組んだ場面の順序、昼と夜の2つのパレット、ART IN MOTIONとPASSAGEの2案、3Dリボンと4つの額縁を通り抜けるスクロールフィルムまで収めています。

PR・コンサルティング Webサイトリニューアルケーススタディ

in&outPR

PRコンサルティンググループのWebサイトリニューアル提案です。ロゴの中のinとoutを、2つの会社の名前であり、PRが働きかける二つの方向として読みました。編集デスクを通らなかった最初の原稿5枚、プレスリリースのように組んだ逆ピラミッド型の情報構成、ロゴの青緑と蛍光ペンのライムによる2つのパレット、IN & OUTとSIGNAL TO IMPACTの2案、光の粒子が「&」を描くモーションフィルムまで収めています。

教育・医療 Webサイトリニューアルケーススタディ

Kyungpook National University School of Medicine 100周年

医科大学100周年Webサイトのリニューアル提案です。記念式典の名前「一世紀を歩く」を、スクロールの歩みに置き換えました。ロゴの赤から分かれた2つのパレット、背景を取り除いた資料8点と10秒のスクロールフィルム、「一世紀を歩く」と「生命へ向かう100年の光」の2案まで収めています。

公共・教育 Webサイトリニューアルケーススタディ

Korean Education Center in Malaysia

韓国教育部の在外教育機関のWebサイトリニューアル提案です。ハングルを生んだ三つの画「天・地・人」から出発しました。夜空のゴールドと両国の花のコーラルで決めたカラー、18秒のモーションフィルム、天地人とコーラルジャーニーの2案、ハングル学校の地図と4,600kmの留学の旅まで収めています。

教育・学校 Webサイトリニューアルケーススタディ

Gyeonggi Global School

キリスト教系オルタナティブスクールのメインページのリニューアル提案です。信仰と世界を「一つの点から世界へ」という物語で結び、ネイビー・ゴールドとウルトラマリンのカラー、光（LUMEN）と地平線（HORIZON）の2案、スクロールモーショングラフィックスまで収めています。

バイオ・公共プラットフォーム開発ケーススタディ

KDDF Partnering

バイオパートナリングプラットフォームの制作プロセスです。パートナーと参加企業の役割設計、企業ディレクトリと拡張チャット、30分単位のミーティング申請と自動スケジュール、管理者による一括マッチングまで収めています。

建築・インテリア Webサイト制作ケーススタディ

ZIUMN

ブランドの姿勢からオリーブカラーと書体、4つの案とスクロールインタラクションまでを収めた、建築ブランドWebサイトの制作プロセスです。

メディカル・ブランドブランド提案ケーススタディ

UVDRK

名前の解釈からカラーとモーションのルール、3つの案までを収めた、メディカルエステティックブランドWebサイトのデザインプロセスです。

公共機関 Webサイト制作ケーススタディ

Korea Drug Development Fund

利用者分析とCIの解釈、9つのメイン案、パイプラインの可視化までを収めた、公共機関Webサイトの構築・リニューアルのプロセスです。

メディア・出版 Webサイトリニューアルケーススタディ

Munhakdongne Publishing Group

出版グループのWebサイトリニューアル提案です。社名にある「トンネ（町）」という言葉から出発し、紙と墨としおり紐のカラー、4つの案、書籍探しと連載を読む体験まで収めています。

バイオ・製薬 Webサイトリニューアルケーススタディ

HLB Therapeutics

上場バイオ企業のWebサイトリニューアル提案です。希少疾患の新薬と医薬品コールドチェーンを一つの文で結び、インクと氷の色に赤を一滴落としたカラー、4つの案、パイプラインとコールドチェーンの画面まで収めています。

財団・非営利 Webサイトリニューアルケーススタディ

Purme Foundation

非営利財団のWebサイトリニューアル提案です。シンボルの3本の木から出発し、ブルーと新芽のライムのカラー、アクセシビリティの基準と4つの案まで収めています。

グローバル企業 Webサイトリニューアルケーススタディ

Youngone Corporation

ラベルに名前が載らないグローバルOEM企業のWebサイトリニューアル提案です。「服の内側から、世界の外側まで」というブランド解釈、カラーシステム、雪山から始まるメインページ案、製造工程のスクロールインタラクション、グローバルネットワーク・素材・ESGの画面まで収めています。

メディア・制作会社 Webサイトリニューアルケーススタディ

DOREMI ENTERTAINMENT

ドラマ・OST制作会社のWebサイトリニューアル提案です。ロゴの中の青緑の台形を映写機の光として、社名をド・レ・ミの三つの音として読みました。一つの青緑から分かれた2つのパレット、シーンリストとして書いた情報構成、SCENE & SCOREとSTORIES THAT STAYの2案、ブランドフィルム2本まで収めています。

ヘッドハンティング・コンサルティング Webサイトリニューアルケーススタディ

YNK Associates

ヘッドハンティング企業のWebサイトリニューアル提案です。代表あいさつの「Next Key」と元のサイトのオレンジから出発しました。企業と候補者という二種類の訪問者のための情報構成、一つのオレンジから分かれた2つのパレット、THE RIGHT CONNECTIONとYOUR NEXT KEYの2案、3Dリボンと鍵のモーションまで収めています。