LPデザイン制作

▍要件

-クライアント情報

クライアント名：WORKS,inc.

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

目的：会員様限定のカフェ＆コワーキングスペースをオープンすることになったため、WORK lounge Aoyamaについて知ってもらいたい。

ターゲット：ビジネススクールWORKの会員様。ビジネススクールWORKの会員ではないがWORKが気になっている方。

-ペルソナ

既婚女性(32)　東京都在住　メガベンチャーゲーム事業部部長(8年目)

仕事に対して成果を出したいと考えていて、スキルアップの為に積極的に投資をしている。

同じような目標の同年代女性と、会社外での交流で切磋琢磨したい。

-ワイヤーフレーム

▍制作したLP

▍制作ポイント

-制作したLPのコンセプトやテーマ

ペルソナでキャリアアップのために、自己投資や仕事のできる落ち着いた大人の女性だと理解し、オフィスのようなさっぱりした空間は仕事で日常的に利用しているので、息抜きや楽しみのサードプレイス的な空間を提供し、交流会等で賑やかだが、大人らしく落ち着いた雰囲気のサイトだと気になってもらえそうだと思いました。自分の時間を大切にする人に響くようなデザインを心がけました。

-配色

女性らしい色のピンク系より大人の女性の落ち着いた雰囲気のベージュ系を設定しました。仕事とは違う時間を過ごしてほしくて、暖かさのある色の空間がわかるような写真を選びました。参考にしたサイトでも少ない色数で印象に残る作り方をしていたので、いくつか学ばせていただきました。

-全体的に文字を大きくして、ページとページの間を広くして余裕をもって読みやすくしました。

-ペルソナの同年代との交流をしたいという部分に刺さるように、交流会等の楽しそうなイベントが伝わる部分も追加。

-ドリンクメニューは要件定義でも重要視していないと判断し、スペース自体の利用方法がわかるようにワークスペース内をイメージさせる写真等を用いたり、設備の充実性をアピールしました。

-認知拡大と会員獲得が目的なので、ダウンロードページやお問い合わせページやスクールについての情報が、大きくあると非会員も安心して登録でき、利用促進につながるボタンを複数追加しました。写真に黒を薄く入れることで、文字の白の可読性を上げました。

▍制作を通して学んだこと

写真や色が入るとぐっと変化して、ワイヤーフレームの時に描けなかった雰囲気が強く出て面白かったです。トップの画像を決めたらその雰囲気に合うような写真を探すのはバナーでも経験しなかった部分でした。

前回のWEBサイトトレースのスタイルガイドで揃えることの大切さを学んだので、今回は意識して取り組みました。その後、揃える部分は項目ごとと指導していただけ、揃えることに意識しすぎも良くないと思いました。

デザインカンプで配色を考えている際、某フレグランスブランドの色や店内の雰囲気がピンときて、自分の経験やどこかで見聞きしたことは必ずアイディアやイメージとして役に立つ時がくる。引き出しを増やすチャンスだと強く思えました。そういうことが形になったりパズルのピースがはまる瞬間が楽しいです。

長く趣味でイラストを描いているので、こういう感覚は多くありましたがデザインでも同じだと再認識しました。今後ももっと先輩方の作品で刺激を受けて、自分の作品でも刺激をもってもらえるような作品作りがしたいです。