【課題】会員専用カフェ&コワーキングスペースのLP制作
SHElikes MULTI CREATOR COURSEの課題で、架空案件のLPのPCデザインカンプとSPのワイヤーフレームを制作いたしました。 🗓 2022/4
制作時間:約30時間
制作期間:約2週間
使用ツール:Photoshop , Adobe XD
| 制作依頼内容
◆クライアントの希望
会員様限定のカフェ&コワーキングスペースをオープンすることとなりました。利用方法やアクセス情報を載せたWebサイトを制作したいなと思っています。
◆クライアント情報
クライアント名:WORK ,inc.
女性向けのビジネススクールを展開している。会員は20~30代の女性が多く、キャリアアップのためにビジネススキルを学び、さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催されている。
◆ターゲット&目的
・ビジネススクールWORKの会員様とビジネススクールWORKの会員ではないがWORKが気になっている方
・WORK lounge Aoyamaについて知ってもらうこと
◆トンマナ
・ペルソナを参考にしてほしい
◆納品物&素材
・デザインカンプ(PSD or AIデ タでの納品をお願いします。)
・写真素材はフリーサイトから探して適切なものをお使いください。
◆提供されたワイヤーフレーム
| 制作物(PCデザインカンプ、SPワイヤーフレーム)
| デザインのコンセプト
◆カラー
・ペルソナが理想の姿に近づけるようなイメージで、メインカラーを綺麗めの濃い青を選びました。
・『繋がり』からアクセントカラーを赤寄りのピンクにしました。また背景に赤と青の柔らかな線を交差させていくことで、#出会い #繋がり #しなやかさ をイメージしました。
・ボタンの色は赤と青を邪魔しない、かつ目立つ色にしたかったためオレンジ色を選びました。
◆余白
・#大人の余裕さ を表現するために、文字間、行間、コンテンツ間の余白を広げました。
| 工夫したポイント
◆下に進むほど、より深くラウンジを知っていただけるような流れで作成しました。
| 学んだポイント
◆情報設計の建て方
・LPの目的と情報をしっかり整理し、ペルソナとクライアントに合った情報設計を建てていくこと。
・闇雲に進めるのではなく提供されたワイヤーフレームからUIを考え、最初の情報設計とワイヤーフレームを言語化できるように書き出していくことで目指したいデザインに少しずつ近づけること。