【架空】LP制作|情報設計~デザインカンプ

OVERVIEW

架空クライアント様からのご依頼という設定で、LPのワイヤーフレームの修正(PC/SP)とPCのデザインカンプを制作しました。

|目次|

1.要件

2.制作物

3.意識したところ

4.学んだこと

-------------------------------------------------------------------------------

1.要件(架空クライアント)


▼クライアント名

WORK,inc.

▼ターゲット

・ビジネススクールWORKの会員様

・ビジネススクールWORKの会員ではないがWORKが気になっている方

▼目的

・WORK lounge AOYAMAについて知ってもらうこと

▼ペルソナ


2.制作物

▼ワイヤーフレーム修正案

▼デザインカンプ


▼コンセプト・テーマ

”今よりもっと先の理想に向けて頑張る人を応援する空間”をコンセプトに
上昇志向が高く、自立して働く方達が今後は1人ではなく同じように理想を描く人たちと一緒に切磋琢磨できるような場所を提供している場所であることを表現しました。


▼スマホ用ワイヤーフレーム


3.意識したところ

▼情報設計

・ペルソナに自分にぴったりと思ってもらえるような空間で、実際に何が出来るのか、はっきりとわかるように情報を整理して忙しい時間でも最後までページを見れるようなシンプルな構成にした

・まだ会員でない人がまず見たときにWORKって何だろう、と思った時にサイトに推移できるよう、UIの設計を意識した


▼言語化

 なぜこの色合いなのか、なぜこのフォントなのかなどペルソナや実際に雰囲気がマッチしそうな人に合わせて使用する意図が言語化できるよう、意識した


▼余白

全体を通して余白感を統一し、整列やまとめることを意識した


4.学んだこと

▼0→1を作り出すための工程やスケジュール感

作業工程が多いからこそ、スケジュールを意識して作成していくことを学んだ

▼情報設計の必要性

情報量や優先順位など、ユーザーストーリーや感情が動く瞬間を洗い出し、デザインに落とし込む前に情報設計をしっかりとすることの重要さを学んだ

▼コンセプトに合わせた余白や色、フォントの使い方

サービスの雰囲気を作り出す要因としてデザインの基礎の部分が多くを占めることを感じた


【制作概要】制作期間:約3週間(平日夜/休日)

【制作範囲】ワイヤーフレーム修正、デザインカンプ制作、ブラッシュアップ