■課題 コワーキングスペース WEBサイトデザイン

OVERVIEW

SHElikes MULTI CREATOR コースのLPデザイン制作課題に取り組みました。 架空のクライアントからの依頼を想定し、WFの再設計(PC/SP)〜デザインカンプ制作(PCのみ)までを行いました。【制作期間:5日間】

YEAR 2024

【目次】

1.制作物

2.制作要件

3.情報設計

4.ペルソナから考えるテーマとイメージ

5.デザインのポイント

6.制作を通して学んだこと


1. 制作物

2. 制作要件

3. 情報設計

4. ペルソナから考えるテーマとトンマナ

ペルソナとクライアント情報から抽出したテーマ:「誠実さとやわらかさ」

  • キーワード①「仕事で成果を出したいと考えている」
    →ビジネスの場で活躍するために大切な「誠実さ」を表すため、青をメインカラーにする。シックな印象にしたいので濃紺を使用。ベースカラーは白にすることで濃紺を引き立たせる。
  • キーワード②「会社外の人脈づくり」
    →つながりや縁を大切にする人物像を想定して、固定観念に縛られない「やわらかさ」をもう一つにテーマとする。やわらかさは丸いモチーフと薄いピンクで表現する。
  • キーワード③「青山」(店舗の場所)
    →立地から「洗練」「上品さ」もキーワードに。シンプルでありつつもどこか大人の余裕のある雰囲気にするため、色味や装飾は少なくして余白を多くとる。全体的に細い線を用いる。

5. デザインのポイント

・コンセプトセクション

視線が上向きで明るい表情の女性の写真を大きく配置し、行間もたっぷりめにとることでよりサービスの想いが伝わる設計としました。

  • CTAセクション

背景写真は「交流」の場所でもあることが伝わるようにしました。

6. 制作を通して学んだこと

  • 「何を最も伝えたいか」「サイトを通してどうなってもらいたいか」を考察することでサイトの構成や見せ場が変わるため、ワイヤーフレームは提供されたものでも再考する必要があると学びました。