LP制作-デザイン(課題)
OVERVIEW
SHElikes MULTI CLEATOR COURSEの課題にて、架空のクライアントからの要件書とワイヤーフレームを元に、PCのワイヤーフレーム修正~デザインカンプの作成、及びスマートフォンのワイヤーフレーム作成を行いました。
制作時間:20時間 (情報設計:4時間 イメージ収集:4時間 ビジュアルデザイン:8時間 SPWF:2時間 修正:2時間) 制作範囲:情報設計、ワイヤーフレーム、デザインカンプ 使用ツール:Photoshop
________________________________________
| 制作内容
| 制作物
| 作成プロセス
- ユーザーストーリー
- ワイヤーフレーム修正(情報設計)
- ムードボード
________
| 工夫したところ
- メインビジュアルではコアワーキングだということが、イメージしやすいように実際に人が利用している(世界観を壊さない)イラストを挿入しました。
- 「CONCEPT」の素材選定では、キラキラした女性ではなくターゲットから親近感を得られそうな雰囲気の女性を選定しました。
- 「FACILITY・SERVICE」の素材選定では、メインビジュアルのイメージを同一の画像を選定するようにしました。
- 「EVENT」素材は、イメージに合う素材が存在しなかったため自分で作成しました。EVENTでは、非会員の方が主に重視するところだと思うため、堅苦しくなくカジュアルな印象を持たせるイベントバナーを作成しました。
| 制作を通しての学び
- Webサイトの基本的なデザイン手法(レスポンシブ含む)を学んだ
- WFである程度で装飾以外の構成を作成しておくこと(写真選定や配置など)
- スマホは画面が小さいので最大限必要な情報が訴求できるような余白を検討するこ
- スマホWFではセクション間の区切りや改行(3行以上の場合左揃えなど)に注目しながら作成すること