【自主制作/LP】
・制作時間:2週間
・使用ツール:Photoshop
●制作背景・目的
クライアント様:コワーキングスペース「Aoyama lounge」経営
●ターゲット・ペルソナ:都内勤務のキャリア志向が強い方。社交的で自己成長に積極的なタイプのビジネスパーソン(経済的に余裕のある30代。最近の出社回帰の傾向を踏まえ、30代女性をメインのボリュームゾーンと想定)。
●サイトの目的:コワーキングスペースの世界観や信頼感を保ちつつ、新規会員の獲得(施設利用申し込みや見学予約のアクション)に繋げる。
●コンセプト:初めての方に向けたサイト構成。仕事が捗る場所であることだけでなく、施設自体での交流会などを通した「横のつながり」も求められる場所であることを伝える。
●デザイン:ペルソナを意識した設計(ロゴ素材は提供)。
● 工夫した点
・カラー設計
テーマを「温かさ・信頼」「交流」「集中」としたため、それぞれのイメージとなる「茶色」「オレンジ」「水色」をサイト内に取り入れました。
温かみがあり安心して利用できる信頼性、集中して仕事や作業に取り組める環境、そして利用者同士の交流もできる場であることをイメージしやすくしています。また、写真はサイト全体に馴染むように、茶色に近い温かみのある色味になるよう調整しました。
・レイアウトの工夫
「施設・設備」セクションの各写真と説明文(3セット)を左右交互に配置する「互い違いの構造」にしました。パッと見て見やすくするためと、画面全体にメリハリ(重み)のある構造にするための工夫です。
・ターゲットの心理に寄り添った構成とセクションの追加
ターゲットに取ってほしいアクションを考え、サイトに何が掲載されていると良いか、セクションの順番も意識しながら制作しました。
「お知らせ」セクションの追加:交流できるスペースでもあることをアピールするため。
「お客様の声」セクションの追加:実際の利用者の声を掲載することで、利用時のイメージを抱きやすくし、来店のハードルを下げるため。
「アクセス」セクションに地図画像と簡単な経路を追加:地図を見て、実際に行く経路のイメージをよりつきやすくするため。
・アクション(CTA)を促す動線設計
ユーザーの行動(エントリー)を促すため、ボタンにはオレンジ色という目立つ色を採用しました。
・ヘッダーに「お問い合わせボタン」を設置しました。ファーストビューに利用申し込みボタンがあるため、何か疑問を抱いた人がその場ですぐに問い合わせできるようにしています。
・ページ下部の予約申込・利用予約セクションにも、お問い合わせボタンを追加しました。予約の前に疑問を抱いた人がすぐ質問できるようにするためです。ボタン単体でも十分にアクションを促せるため、あえてセクションのタイトルはなしにしました。
●制作を通して学んだこと
・LP制作における一連のプロセスの習得
ワイヤーフレーム(WF)の段階から、実際に余白や配色などを考えてデザインに落とし込んでいく、デザインカンプLPの制作過程全体を実践することで学ぶことができました。また、PC版だけでなくスマートフォン版のWF制作の過程についても学ぶことができました。
・提案型デザインの重要性
ただ渡されたWF通りにデザインにするのではなく、「もっと良いものができないか」を自分自身で考え、提案し、改良していくことの大切さを学びました。
・ムードボードの役割
ムードボードは、言葉による言語化だけでは伝えるのが難しい「デザインの空気感や世界観」を伝える重要な役割を果たしてくれることを学びました。

