【実践課題】LP制作(ビジネススクール会員専用コワーキングスペース)

OVERVIEW

SHElikes MULTI CREATOR COURSE Designer にて、LPの制作課題に取り組みました。PC版ワイヤーフレームの修正と、デザインカンプを制作しました。

YEAR 2023

Request

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

■ターゲット

20代~30代のビジネス感度の高い女性(会員・非会員問わず)

■目的

Work launge Aoyama の認知拡大、ビジネススクールワークの会員数の増加

■ペルソナ

32歳女性 / 東京都在住 / 仕事で成果を出したい / 某メガベンチャーゲーム事業部 部長(8年目)/ 旦那さんと二人暮らし

■背景・行動

仕事に注力しており、自身のスキルアップに投資したり、キャリアアップのために積極的に交流する(外交的)。同じような目標を持った同年代の女性と繋がり、切磋琢磨して頑張りたいと考えている。会社外での人脈を作りたい。

■ニーズ・ゴール

仕事での成果を今以上に出していきたい。会社役員を目指しており、経営者との繋がりによって、自身の経営への理解を深めたい。社会的にインパクトのある仕事をしていきたい。強いチームを作るためのマネジメント・コーチング・組織作りにも興味がある。


Concept 女性目線の、明るく大人っぽいデザイン

人との繋がりを大切にし、ターゲットのキャリアに繋げられる出会いを積極的に支援する、大人女性のための空間。型にはまらない、凛としたキャリア女性達が社会で活躍し、輝くことを応援したい。ターゲットの可能性を解き放つコワーキングスペース。

Design 

今回のターゲットや目的から、「可愛さ」や「楽しさ」といったイメージよりは、少しビジネス的で、誠実な、大人っぽい雰囲気を持たせたいと思いました。そのため色味は紫がかったグレーやベージュを使って、全体的なデザインも、まっすぐな直線を多く使用しています。女性らしさや親しみやすさも感じて頂きたいので、全体的に明るい色を使用し、画像や背景には、ぼかしや透け感のあるデザインを使用しています。

「枠にはまらない」というイメージから、画像と四角形のあしらいをずらして配置しました。大人っぽさの中にも 活気のある雰囲気を出せるようにしています。


WFの修正・SP版WFの作成

■ナビゲーション:スムーズに登録できるよう、会員登録ボタンを追加

■NEWS:ターゲットが求めている「人脈作りやコミュニケーションが叶う場所」であるということを最初にアピールできるよう、写真付きの記事へのリンクを追加

■スクールの情報:ビジネススクールWOAKについて、別のページへ飛ぶボタンを配置

■店内の情報:設備や座席などの情報を追加し、使いやすさをアピール

■SNSリンク:SNSから情報を得たい方のため、MVとfooterに配置

■SP:

・SNSのリンクをPCよりも目立つ形で配置

・ナビゲーションは会員登録ボタン以外はハンバーガーメニューに変更

・載せる画像の枚数や、文章の左寄せ・中央寄せを変更(場所による)


デザインカンプ


ムードボード


工夫したこと

ペルソナが考えそうなことや取りそうな行動を想像し、「知りたい情報が分かりやすいLP」にしたかったため、WFの作成時は載せる情報の順番や追加する内容を「ペルソナならどう感じるか」を考えながら制作に取り組みました。全体的なデザインは、くすんだ色味を使ったり、直線を多く使用するなど、ビジネス感や大人っぽさを表現できるようにしながらも、冷たい印象にならないように全体的に明るい色を使用し、使用する画像の色味を揃えることで、明るさや柔らかさ、あたたかさを表現できるようにしました。

学んだこと

・WFは目的を達成するために情報を分析し、最適な内容と順序で作成する必要がある。

・WFは文章や画像のイメージまで入れて作ることで、カンプを作りやすくなる。

・画像をたくさん使用する際は、画像の色味を揃えないとちぐはぐな印象になる。

・LPはあまりリンクを載せるものではない。1枚でしっかり伝えられるかが重要である。

・リンクを追加する場合、その後どのようなページを見られるのか?まで考える。

 (内容のボリュームが少なくなってしまう場合などは、リンクにする必要がない。)