【課題】LP制作:コワーキングスペース&カフェ

OVERVIEW

SHElikes MULTI CREATOR PROJECTの課題で、スクール会員限定コワーキングスペースのLP制作に取組みました。クライアントからの要件書とワイヤーフレームを元に、適切な配置提案も加えたPCのデザインカンプを制作しました。※架空クライアント

YEAR 2024

◾️目次◾️

1.概要

2.成果物

3.要件

4.制作のポイント

5.頑張ったポイント/学んだこと


1.概要

制作時間:約30時間

制作範囲:情報設計、ワイヤーフレーム、デザインカンプ

使用ツール:Photoshop

2.成果物


3.要件

クライアント情報
・クライアント名:WORK ,inc.
・女性向けのビジネススクールを展開している。会員は20~30代の女性が多く、キャリアアップのためにビジネススキルを学び、さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催されている。

ターゲット
・ビジネススクールWORKの既存会員
・会員ではないが、ビジネススクールWORKが気になっている方
・20代〜30代のビジネス感度の高い女性

目的
・会員が無料で利用できるコワーキングスペース「WORK lounge AOYAMA」の認知拡大
・ビジネススクールWORKの会員を増やす

ペルソナ像
【属性】
・東京在住の32歳女性
・仕事で成果を出したい
・某メガベンチャーゲーム事業部部長(8年目)
・既婚で旦那さんと二人暮らし

【背景や行動】
・キャリアアップのために積極的に投資・行動する
・同じような目標を持った同年代の女性とつながりたい

【ニーズやゴール】
・仕事での成果を今以上に出したい
・経営者とのつながりを持って経営への理解を深めたい
・強いチームを作るための、コーチング・マネジメントを学びたい

トンマナ
・ペルソナ像に合わせる

5.制作のポイント


  • サービスセクションはアイコンを使用し、情報が伝わりやすいようにした



  • 各所のボタンにはオレンジを使用し、目立たせるようにした


  • newsのセクションを追加し、最新情報をユーザーに提供できるようにした
  • ペルソナ像より#落ち着き #しなやかさ #シンプル#女性らしさ #生命力のキーワードを連想。
  • 上記の中の落ち着き・しなやかさから木をコンセプトにしました。コワーキングスペースを通して知識を身に付ける。木に例えると葉を生い茂らせる。それらをイメージしたカラー、落ち着いた印象のフォントを使用しました。

  • 動きをつけるかつ、コンセプトの木からイメージし、写真を葉っぱのようなシェイプにするようにしました。


課題を通して学んだこと

  • デザインカンプに落とし込む際に、実際にコンテンツを設置してみてレイアウトを大幅に変更する点が多く、工数が増えてしまったので、WFを考える段階でしっかりとイメージを固めておくことが大切だと感じました。
  • セクションのまとめ方でユーザーの見やすさ・情報の入り方が変わるということを学びました。
  • ファーストビューである程度の情報を伝えることが必要で、ユーザー目線で考えコンテンツを伝えたい順に配置をすることがわかりました。