LP制作(PCデザイン/SPワイヤーフレーム)【女性向けコワーキングスペース】

OVERVIEW

女性向けビジネススクールを展開するクライアントが、会員限定のカフェ&コワーキングスペースをオープン。クライアントからの要件書を元に、PCデザインカンプとSPのワイヤーフレームを制作しました。【SHElikes MULTI CREATOR COURSE 課題】

YEAR 2022

【制作時間】約20時間
【制作期間】約2週間
【制作範囲】情報設計・ワイヤーフレーム・デザインカンプ

【使用ツール】Photoshop



✴︎デザイン概要✴︎

《情報設計》

  • 施設利用は会員であることが前提ため、非会員はまずWork会員になるよう促す動線づくりを、会員にはAppダウンロードまで離脱させない簡潔な情報供給を行いました。
  • 施設を利用するにあたって必要な情報、他カフェと差別化できる情報を中心に掲載。(※マーケティング概要参照)
  • 即決力の高い会員と比較検討の余地がある非会員の異なるターゲットに対して、それぞれの異なった動線を引くため、最終のCTAも敢えて異なるセクションで配置。(※マーケティング概要参照)

《ビジュアルデザイン》

「プレミアム感」「女性らしさ」「知性」がキーワード

●クライアントのイメージに沿ったトンマナ設定(※マーケティング概要参照)

ビジネススクール ▶︎ 仕事で成果を出したい ・向上心 ▶︎ 熱意のある知性

会員制 ▶︎ 限られた人のみ・落ち着いた空間 ▶︎ プレミアム感

女性限定 ▶︎ 女性らしさ・親しみやすさ・おしゃれ ▶︎ ラベンダー


●配色:ニュアンスのある白とベースカラーに、ブラウン系をメインカラーに使用し、会員制の洗練された印象に。キャリア志向の強い女性を意識させる可愛くなりすぎない、エレガントなラベンダーをアクセントカラーに使用しました。

●フォント:タイトルにはエレガントなトンマナに合わせた明朝体、本文は文字が小さくなるので視認性の高いゴシック体を使用。

●工夫したポイント

①角のないデザインに馴染むヘッダーで、「女性らしい」おしゃれな柔らかさを演出。(※ターゲット分析参照)

②遊びのあるデザインには目線誘導のラインのあしらいで、最後まで意図的にユーザーをCTAまで誘導する。(※ターゲット分析参照)

③離脱を防ぐために、ひと目でわかりやすい「アイコン」や「カード」を多く使用。

④ボタンやタグのグラデーションで「会員限定の」プレミアム感を演出。


✴︎マーケティング概要✴︎

《クライアント情報》

Work,ink.(架空)▶︎ 女性向けのビジネススクールを展開。会員は20~30代の女性が多く、キャリアアップのためにビ ジネススキルを学んでいる。

 会員様限定のカフェ&コワーキングスペースをオープンすることとなり、 利用方法やアクセス情報を載せたWebサイトを制作したいと考えている。

《要件》

会員限定のカフェ&コワーキングスペースの情報発信と集客を目的としたLP制作。

ターゲット:①Workの会員 ②非会員でビジネススクール or Workに興味がある方

目的   :①カフェ&コワーキングスペースの認知・Appダウンロード促進。
      ②Workの認知、無料体験レッスンの予約促進。

《市場分析》

《ターゲット分析》

※クライアントから提出された資料に、紫部分を独自で深掘りしました。