LP制作(PCデザイン/SPワイヤーフレーム)【女性向けコワーキングスペース】
女性向けビジネススクールを展開するクライアントが、会員限定のカフェ&コワーキングスペースをオープン。クライアントからの要件書を元に、PCデザインカンプとSPのワイヤーフレームを制作しました。【SHElikes MULTI CREATOR COURSE 課題】
【制作時間】約20時間
【制作期間】約2週間
【制作範囲】情報設計・ワイヤーフレーム・デザインカンプ
【使用ツール】Photoshop
✴︎デザイン概要✴︎
《情報設計》
- 施設利用は会員であることが前提ため、非会員はまずWork会員になるよう促す動線づくりを、会員にはAppダウンロードまで離脱させない簡潔な情報供給を行いました。
- 施設を利用するにあたって必要な情報、他カフェと差別化できる情報を中心に掲載。(※マーケティング概要参照)
- 即決力の高い会員と比較検討の余地がある非会員の異なるターゲットに対して、それぞれの異なった動線を引くため、最終のCTAも敢えて異なるセクションで配置。(※マーケティング概要参照)
《ビジュアルデザイン》
「プレミアム感」「女性らしさ」「知性」がキーワード
●クライアントのイメージに沿ったトンマナ設定(※マーケティング概要参照)
ビジネススクール ▶︎ 仕事で成果を出したい ・向上心 ▶︎ 熱意のある知性
会員制 ▶︎ 限られた人のみ・落ち着いた空間 ▶︎ プレミアム感
女性限定 ▶︎ 女性らしさ・親しみやすさ・おしゃれ ▶︎ ラベンダー
●配色:ニュアンスのある白とベースカラーに、ブラウン系をメインカラーに使用し、会員制の洗練された印象に。キャリア志向の強い女性を意識させる可愛くなりすぎない、エレガントなラベンダーをアクセントカラーに使用しました。
●フォント:タイトルにはエレガントなトンマナに合わせた明朝体、本文は文字が小さくなるので視認性の高いゴシック体を使用。
●工夫したポイント
①角のないデザインに馴染むヘッダーで、「女性らしい」おしゃれな柔らかさを演出。(※ターゲット分析参照)
②遊びのあるデザインには目線誘導のラインのあしらいで、最後まで意図的にユーザーをCTAまで誘導する。(※ターゲット分析参照)
③離脱を防ぐために、ひと目でわかりやすい「アイコン」や「カード」を多く使用。
④ボタンやタグのグラデーションで「会員限定の」プレミアム感を演出。
✴︎マーケティング概要✴︎
《クライアント情報》
Work,ink.(架空)▶︎ 女性向けのビジネススクールを展開。会員は20~30代の女性が多く、キャリアアップのためにビ ジネススキルを学んでいる。
会員様限定のカフェ&コワーキングスペースをオープンすることとなり、 利用方法やアクセス情報を載せたWebサイトを制作したいと考えている。
《要件》
会員限定のカフェ&コワーキングスペースの情報発信と集客を目的としたLP制作。
ターゲット:①Workの会員 ②非会員でビジネススクール or Workに興味がある方
目的 :①カフェ&コワーキングスペースの認知・Appダウンロード促進。
②Workの認知、無料体験レッスンの予約促進。
《市場分析》
《ターゲット分析》
※クライアントから提出された資料に、紫部分を独自で深掘りしました。