LP制作【課題】

OVERVIEW

MULTI CREATOR COURSE Designerの4つ目の課題。LP制作に取り組みました。 クライアントからの依頼を想定して、新規オープンするコワーキングスペースのWebサイトを作りました。 使用ツール:Photoshop

YEAR 2021

■概要

<要件書>

  • クライアント:WORK.inc.
    • 女性ビジネススクールを展開。キャリアアップのためのスキルを学び、アウトプットのビジネスコンテスト等のイベントも開催
  • サイト制作の目的:WORK lounge Aoyamaを知ってもらうこと
  • ペルソナ
    • 仕事が好きでスキルアップのために今まで多くの投資をしてきた
    • 同世代の女性とつながり切磋琢磨し合いたい
    • 会社外の人脈を作りたい

■今回のLP制作におけるデザインの意図

<サイトの目的>

「WORK lounge Aoyamaはこのようなサービスのあるコワーキングスペースです」と新情報をWORK会員の方やWORKに興味のある非会員の方に知ってもらうこと。

そのために、利用したいと思った時の問い合わせフォームを追加しました。

<ペルソナについて>

ペルソナから「友達や会社の人以外の繋がりや交流を求めている人」「向上心や野心があり、勉強会に興味がある人」と深堀をしました。

交流会やビジネスコンテストを行っているイベントのコンテンツを加えて、よりターゲットに刺さるLPになるようにしました。

<情報設計>

コンセプトのセクションで、コワーキングスペース開設の想いについて。

次にサービス・カフェメニュー・利用方法で基本情報を伝えています。

特色であるイベント情報でより興味を持ってもらい、最後に問い合わせフォームで興味を持った方にアクションしてもらえるようにしました。

<色について>

カフェや書籍があるのが特徴だと思い、カフェの暖かみを感じるブラウンをメインカラーに、ビジネス志向や落ち着きさをアクセントカラーのブルーグレーで表現しました。


■頑張ったこと

webページなので、どの大きさのPCからでも見やすいようにコンテンツ幅を意識して制作しました。

余白を多く取り、ゆとりがあ利、見やすいようにしました。

マイページを見せる説明写真は、モックアップを作り、リアリティを追求しました。

ペルソナを深掘りして、よりこのサイトの目的が達成できるようなコンテンツを追加したり、色や写真選びなどをデザインに反映できるよう頑張りました。

■課題を通して学んだこと

ワイヤーフレームがある状態からデザインカンプを制作することを学びました。

似たジャンルのサイトを参考にしてデザインの方向性を考えました。

全体の雰囲気だけでなく、配色や写真選び、問い合わせフォームなど、各要素ごとに色々な参考デザインを観察して自分のものに落とし込んでいく手順を課題を通じて学びました。


■作成したLPデザインカンプ