【課題:架空案件】LPデザイン制作 (会員限定のカフェ&コワーキングスペース)

OVERVIEW

SHElikes MULTI CLEATOR COURSE Designerの課題としてLP制作課題に取り組みました。 PC版のワイヤーフレームの修正及び、PC版とSP版のデザインカンプを制作しました。

YEAR 2023

▼制作したLP

▼課題要件

▼工夫したところ

ペルソナの掘り下げ

今回の課題ではペルソナの掘り下げから始め、情報設計の部分に力を入れました。

ユーザーストーリーの策定

競合との差となる部分はどこか、どの順番で読み進めるとユーザーにとってほしい行動にたどり着いてもらえるのか、さまざまなサイトを参考に制作しました。

提供されたワイヤーフレームの見直し

▼制作を通して学んだこと


情報設計に基づいた配置・デザイン

ペルソナやユーザーストーリーから丁寧に情報設計を行うことで、LPの目的に沿うデザインとなることがわかりました。また、配色をしぼり、濃淡やグラデーション等で情報の優先度を表現することにより、まとまりのあるデザイン作成ができました。


WEBデザインの基礎的な考え

フォントサイズやコンテンツの幅、レスポンシブ対応での表示のされ方の違いなどの基礎を学びました。今後のWEB制作に必要な基盤となる学びでした。