CASE 03
wiuap
Brand Evolution
ご相談内容
Project Brief
wiuapは、自社ブランドとしてゼロから立ち上げたブランドです。
ブランドコンセプトの設計、ロゴデザイン、Webサイト制作、コンテンツ設計、導線設計まで、一つひとつ試行錯誤を重ねながら構築してきました。
しかし、ブランドは公開した瞬間が完成ではありません。
運用を続ける中で見えてきた課題を改善し、ブランドの考え方や世界観、ユーザー体験を何度も見直しながら現在のwiuapへと進化しています。
このCASEでは、初期デザインから現在のブランドへどのように変化したのか、そのプロセスをご紹介します。
課題
Challenges
公開当初は、ヴィンテージデニムを象徴するレンガやオレンジを基調とした世界観を軸にブランドを表現していました。
ブランドの個性は表現できていた一方で、運用を続ける中で次のような課題が見えてきました。
・ブランドデザイン事業が伝わりにくい
・世界観がサービス内容より強く印象に残ってしまう
・ブランドメッセージが十分に伝わっていない
・情報設計や導線に改善の余地があった
・ブランド全体の統一感をさらに高める必要があった
そこで、「ブランドを伝えるホームページ」へ進化させるため、デザインだけでなく構成や導線まで含めた全面的なリニューアルを行いました。
ブランドコンセプト
Brand Concept
「まだ言葉になってない想いを選ばれる理由へ。」
ホームページは、情報を並べる場所ではありません。
ブランドの想いを整理し、価値を言葉とデザインへ落とし込み、「選ばれる理由」を育てていく場所です。
その考え方を、お客様だけでなく自社ブランドでも実践し続けています。
デザイン戦略
Design Strategy
01｜ブランドの印象を再定義
ヴィンテージデニムを象徴する世界観から、ブランドデザインスタジオとしての信頼感と洗練された印象が伝わるデザインへアップデートしました。
02｜サービスではなくブランドを伝える
制作内容を説明するのではなく、ブランドの考え方や想いが自然と伝わるストーリー構成へ。
写真・余白・タイポグラフィ・アニメーションまで一貫した世界観を設計しました。
03｜公開後も改善を続ける
ブランドは完成ではなく、育てるもの。
公開後もユーザー目線で改善を重ねながら、より伝わるホームページへ進化させています。
Brand Evolution
Move the slider to see the transformation.
ブランドは、一度つくって終わるものではありません。
改善を積み重ねることで、ブランドの価値は少しずつ育っていきます。
ここからは、実際のBefore / Afterをご覧ください。
HERO
Move the slider to compare.
Before
ヴィンテージデニムを象徴するレンガやオレンジを基調に、ブランドのルーツを表現していました。
After
ブルーを基調とした落ち着きのある世界観へ刷新。
ブランドメッセージを最優先に配置し、訪れた瞬間にwiuapらしさが伝わるHeroへ再設計しました。
Why it changed
第一印象は、ブランドの印象を決定づける重要な要素です。
世界観だけではなく、「何を提供するブランドなのか」が最初の数秒で自然と伝わるHeroを目指しました。
Project
Move the slider to compare.
Before
サービス紹介を中心とした構成で、ブランド全体の考え方が十分に伝わらないレイアウトでした。
After
ブランドストーリーを軸に再構築。
「何を制作する会社なのか」だけではなく、
「なぜブランドを設計するのか」
まで自然に伝わる構成へ改善しました。
Why it changed
ブランドを選ぶ理由は、サービスだけでは生まれません。
理念や考え方に共感していただけるよう、ストーリーを中心とした情報設計へ見直しました。
Brand Identity
Move the slider to compare.
Before
ロゴのみでブランドを表現していました。
After
ブランドシンボルである黒猫を取り入れることで、wiuapらしい親しみや物語性を表現。
ブランドアイデンティティをより印象的に伝えられるデザインへアップデートしました。
Why it changed
ブランドはロゴだけでは完成しません。
世界観を象徴する存在を加えることで、記憶に残るブランド体験を目指しました。
Footer
Move the slider to compare.
Before
ページを締めくくる情報として機能する役割が中心のフッターでした。
After
最後までブランドの世界観を維持しながら、自然にお問い合わせへつながる導線として再設計。
ページを読み終えたあとも、ブランドの余韻が残るデザインへ改善しました。
Why it changed
フッターは、ページの終わりではありません。
ブランド体験の締めくくりとして設計することで、最後まで一貫した印象を残せるよう改善しました。
Design System
Color Palette
Midnight Black
Deep Navy
Soft White
Warm Gray
Accent Orange
Typography
Heading
Eurostile Extended Bold
Body
Noto Sans JP
English
Cormorant Garamond
UI Design
・ブランドストーリーを軸とした情報設計
・大胆なビジュアルレイアウト
・余白を活かしたミニマルデザイン
・ブルーを基調としたブランドカラー
上質なモーションデザイン
・一貫した導線設計
Project Summary
Project
wiuap
Industry
Creative Studio
Service
Brand Design / Website Design
Scope
Brand Strategy / UI Design / Responsive Design / Motion Design
Deliverables
Website / Brand Identity / Brand Evolution
Final Thoughts
ブランドは、一度完成したら終わりではありません。
公開し、運用し、改善を繰り返す。
その積み重ねが、ブランドを育て、信頼を築き、価値へと変わっていきます。
wiuapでは、お客様のブランドだけでなく、自社ブランドでも同じプロセスを実践しています。
このCASE03は、ホームページのBefore / Afterを紹介するページではありません。
ブランドを育てるために考え、試し、改善し続けてきた、その歩みを記録したケーススタディです。
私たちはこれからも、自社ブランドで得た経験を活かしながら、お客様一人ひとりの「まだ言葉になってない想い」を、選ばれる理由へとデザインしていきます。
NEXT PROJECT
CASE 04
soulagement
Story-Driven Brand Design