【架空】LPデザイン/会員専用カフェ&コワーキングスペース

制作物

制作期間

２週間

使用ツール

Photoshop

目的

WORL lounge Aoyama（架空の施設）について知ってもらうこと。

ターゲット

• ビジネススクールWORK（架空）の会員様。
• 会員ではないが、ビジネススクールWORKが気になっている人。

納品形式

デザインカンプ（PSD or aiデータでの納品）

サイズ

• PC（横幅1440px）
• SP（横幅375px） ワイヤーフレーム作成のみ

素材

• ロゴはクライアントから「WORK lounge Aoyama_ロゴ.ai」の提供あり。
• 今回はトンマナに合わせてロゴの色を変えても大丈夫と許可取済み。

ワイヤーフレーム

ワイヤーフレームは、フォルダ内の「LP制作A_ワイヤーフレーム.psd」を使用。

トンマナ

次ページのペルソナに合わせて制作する。

ペルソナ

ムードボード

スタイルガイド

情報設計

ビジュアルデザイン（PC版）

学んだこと

• ヒアリング、ペルソナを元にムードボードでイメージを膨らませて、それに沿って制作することが、初めてWEBサイトのデザインカンプを制作して学ぶことができました。
• 全体的に読みやすくするために、デザインの基本４原則は必須だと感じました。
• レイアウトの多様性。（２分割、３カラム、スライダー）
• 文言通りに制作するのではなく、ヒアリングやペルソナの中から自ら提案を出すことを課題を通して学びました。（今回は、スマホアプリのモックアップとイベントを追加）