【実践課題】LP制作（デザイン）
OVERVIEW
SHElikesのMULTI CREATOR COURSEの課題で制作した架空のカフェ＆コワーキングスペースのLPです。クライアントからの要件書とワイヤーフレームを元に、情報設計・ペルソナ分析・PC / スマホのデザインカンプを作成しました。
【目次】
①制作時間・使用ツール
②制作要件
③PCワイヤーフレーム修正・ムードボード・ペルソナシート
④デザインカンプ
⑤工夫したポイント
⑥制作を通して学んだこと
----------------------------------------------------------------------------------
①制作時間・使用ツール
・制作期間：２週間
・使用ツール：photoshop
②制作要件
架空クライアントからの依頼内容
- クライアント情報
＜クライアント名：WORK,inc.＞
20代〜30代女性向けのビジネススクールを展開している。定期的にビジネスコンテストなどのイベントも開催している。 - 目的
会員様限定のカフェ＆コワーキングスペースをオープンすることになったため、WORK lounge Aoyama について知ってもらい、利用につなげたい 。 - ターゲット
ビジネススクールWORKの会員様
ビジネススクールWORKの会員ではないがWORKが気になっている方 - 提供素材
ロゴ、PC版ワイヤーフレーム
③PCワイヤーフレーム修正・ムードボード・ペルソナシート
- コンセプトは都会にいながらも五感で自然を感じることができる空間とキャリアアップしたい女性の気持ちを芽吹かせ成長の後押しする環境の提供です。ただ、人はずっと頑張り続けることはできません。息抜き（巣の自分に戻る時間）が必要です。自然の環境下で”ほっ”とできるスペースの提供ができればと考えています。
④デザインカンプ
⑤工夫したポイント
- コンセプトである、都会にいながら自然に触れるということで、自然といえば木や森であると考えました。本当の森は都会にはないけれども、HPから少しでも森を感じてもらいたく、山のあしらいを使用しました。
- 自然を意識しました。落ち着いたベースカラーに、芽吹く木、土のイメージの配色にしました。キャリアアップ＝芽吹き成長するをイメージしました。
- 目的である、新規利用者獲得のゴールはアプリの登録で簡単に登録を促すことと、右側にある“新規会員 ”のタブがスクロールしても追ってくる設計にしました。このことで、離脱することを防いでいます。また、新規の方が知りたいことをアイコンであったり、タブで進むことができるようにすることで、必要な人が必要な情報を拾いに行けるようにしました。
⑥制作を通して学んだこと
ワイヤーフレームからブラッシュアップをしデザインカンプを作成とデザインに必要な工程を経験しました。MoodBoardを作ることでさらにイメージを崩さず制作ができたと思います。MoodBoardが作品の羅針盤になっていて、ブレることなく制作と制作できました。