【課題】LPデザイン
OVERVIEW
SHElikes MULTI CREATOR COURSE Designerにて、架空のクライアントからの要件書をもとに、 デザインカンプとSP版ワイヤーフレームを制作しました。
【目次】
①制作したPCデザインカンプ・SPワイヤーフレーム
②課題要件
③ワイヤーフレーム修正案
④工夫したポイント
⑤制作を通して学んだこと
①制作したPCデザインカンプ・SPワイヤーフレーム
②課題要件
③ワイヤーフレーム修正案
④工夫したポイント
- 配色
ベースカラー:ナチュラルな空間の印象を与える明度の高いグレー
メインカラー:落ち着いて洗練された印象を与える灰色やベージュ、可読性を保つ白
アクセントカラー:大人の女性らしい雰囲気を出す赤に近いピンク
- フォント
ロゴとマッチするようにゴシック体・サンセリフ体を使用
- 写真
SERVICEのセクションに「WORK lounge AOYAMA」がどういう場所なのか分かるように施設内の写真を挿入しました。
- 施設内の設備
設備については、文章で説明すると読み飛ばしてしまう可能性があるため、視覚的に分かるようにアイコンを取り入れました。
- SYSTEM
詳しい手順を読み飛ばそうとしても流れが分かるように数字を大きめにし、イラストを挿入して視界に入りやすいようにしました。また、アプリのダウンロードへ誘導できるように直下にバッジを配置しました。
⑤制作を通して学んだこと
- 情報設計の重要性
要件書・ペルソナ像が定まっていないと制作途中でコンセプトがブレたり、齟齬が生まれてしまう可能性ため、情報を整理した上でデザインに取り組むことの重要性を実感しました。 - ユーザー視点を意識したデザイン
縦に長すぎると途中で離脱してしまう可能性があるため、コンパクトにできる箇所はないかなどレイアウトを見直す際の提案方法を学びました。