目次
概要
SHElikes MULTI CREATOR COURSEの課題で、会員専用のカフェ&コワーキングスペースのLP制作に取組みました。クライアントからの要件書と提示されたワイヤーフレームを元に、PCのワイヤーフレーム変更とデザインカンプ制作、SPのワイヤーフレームを制作しました。
- WORK,inc(架空)
- 制作日:2022/8
- 制作時間:50時間
- 担当範囲:情報設計・デザイン
- 担当サイズ:PC(1440px),SP(375px)
- 使用ツール:Photoshop
![](https://erika-mori.com/wp-content/uploads/2023/07/7337f4c7540003818da13800c8c9e6cc.png)
![](https://erika-mori.com/wp-content/uploads/2023/07/s-1095x2400_v-frms_webp_218bd581-d9a5-4894-9781-7becae9dc777_regular.webp)
成果物
![](https://erika-mori.com/wp-content/uploads/2023/07/4340ea68be6c4d6c81bcb4b4c8265671.png)
元のワイヤーフレーム
![](https://erika-mori.com/wp-content/uploads/2023/07/s-811x2400_v-frms_webp_c3067a6b-dee7-4ff9-93e7-3542f0a946b0.webp)
修正したワイヤーフレーム
ユーザーストーリーを設定後にワイヤーフレームを見直し修正しました。
![](https://erika-mori.com/wp-content/uploads/2023/07/s-833x2400_v-frms_webp_409639a9-3f52-4e7a-b4a3-356a54887a81.webp)
デザインのPOINT
![](https://erika-mori.com/wp-content/uploads/2023/07/Worklounge.png)
制作を通して学んだこと
元々、提示されていたワイヤーフレームを見た時は「どこを直そう」と悩みましたが、ユーザーストーリーを設定したことで答えが明確になり、ユーザーストーリーの重要さがわかりました。配色にも悩み何パターンか作り、一番ユーザーストリーに合っている配色を設定できました。また、ユーザー目線になって目的に沿ったデザインが設計できることがわかりました。今後も目的に沿ったデザインを設計していきたいです。