■課題 コワーキングスペース WEBサイトデザイン
OVERVIEW
SHElikes MULTI CREATOR コースのLPデザイン制作課題に取り組みました。 架空のクライアントからの依頼を想定し、WFの再設計(PC/SP)〜デザインカンプ制作(PCのみ)までを行いました。【制作期間:5日間】
【目次】
1.制作物
2.制作要件
3.情報設計
4.ペルソナから考えるテーマとイメージ
5.デザインのポイント
6.制作を通して学んだこと
1. 制作物
2. 制作要件
3. 情報設計
4. ペルソナから考えるテーマとトンマナ
ペルソナとクライアント情報から抽出したテーマ:「誠実さとやわらかさ」
- キーワード①「仕事で成果を出したいと考えている」
→ビジネスの場で活躍するために大切な「誠実さ」を表すため、青をメインカラーにする。シックな印象にしたいので濃紺を使用。ベースカラーは白にすることで濃紺を引き立たせる。 - キーワード②「会社外の人脈づくり」
→つながりや縁を大切にする人物像を想定して、固定観念に縛られない「やわらかさ」をもう一つにテーマとする。やわらかさは丸いモチーフと薄いピンクで表現する。 - キーワード③「青山」(店舗の場所)
→立地から「洗練」「上品さ」もキーワードに。シンプルでありつつもどこか大人の余裕のある雰囲気にするため、色味や装飾は少なくして余白を多くとる。全体的に細い線を用いる。
5. デザインのポイント
・コンセプトセクション
視線が上向きで明るい表情の女性の写真を大きく配置し、行間もたっぷりめにとることでよりサービスの想いが伝わる設計としました。
- CTAセクション
背景写真は「交流」の場所でもあることが伝わるようにしました。
6. 制作を通して学んだこと
- 「何を最も伝えたいか」「サイトを通してどうなってもらいたいか」を考察することでサイトの構成や見せ場が変わるため、ワイヤーフレームは提供されたものでも再考する必要があると学びました。