【自主制作】コワーキングスペースLP制作(PCデザイン)

OVERVIEW

【自主制作】架空クライアント(コワーキングスペース)の依頼内容をもとに、PCサイトのデザインカンプ制作。

YEAR 2025

§1  制作期間 / 使用ツール


  • 2週間(情報設計:4日、デザイン制作:10日)
  • Photoshop


§2  制作物(LPデザインカンプ)



§3  要件定義


【 クライアント情報 】
<クライアント名:Work inc.>
働く人々に新しい可能性を提供する事業を複数展開。
事業のひとつに都内で働くビジネスパーソン向けの コワーキングオフィス「WORK lounge AOYAMA」を運営。
                                    

【 目的 】

  • コワーキングオフィス「WORK lounge AOYAMA」の新規会員様の獲得
  • 広告やSNSからLPへ流動してきたお客様を、施設申し込みや見学予約につなげる
  • 会社のブランドや世界観を認知

【 ターゲット 】

  • 都内で働くキャリア思考が強い方
  • 外交的で自己成長に積極的なビジネスパーソン
  • 年齢層:30代(会社員、副業フリーランス、経営者、役員など)
  • キャリアアップのために日々仕事や勉強に励む 意欲的な人  
  • 経済的に余裕があり、自己投資によってメリットを得ようとする

【 トンマナ 】

ペルソナの価値観に合ったもの


§4  創意工夫


【 情報設計 】

上質なサードプレイスを求めるターゲットに、施設の雰囲気とサービスに興味を持ってもらい見学申し込みをしたくなる設計。

  • CTAボタン
    常にボタンがある方がUIが良いので右サイド追従型。
    合わせてメニューも下に追従し、マウスオーバーで日本語メニューが表示予定。

  • 施設・設備
    インテリアに興味のある方は1番気になる部分なので、写真を大きく見せる3行配置。
    初めての方にも分かりやすく、全てのプランに適用する設備アイコンを下に追加。

  • イベント
    「様々なイベントがあるのが他施設との違い」をPRするために、セクションを追加。
    Instagramの画像を反映させて、流動的なデザインを提案。

  • プラン
    気軽に試してもらうために、おすすめとしてドロップインを左端に配置。


【 デザインコンセプト 】

「家でも会社でもない、クリエイティブな隠れ家感」
「クラフト感のある暖かさと、落ち着いて集中できるオールドスタイル」

  • 上質な隠れ家ラウンジをイメージして暗めのトーン。
    暖かさも感じるように木目のテクスチャーやヴィンテージ感のある写真を使用。

  • 学ぶ(本を読む)ことを意識して、CTAやあしらいにインデックス(しおり)を採用。

  • カラー
    メインカラー:落ち着きのあるインテリアに合うブラウン系。

    ベースカラー:テキストが読みやすいようにホワイト基調で、木目のテクスチャを敷くことで暖かみを出しています。

    アクセントカラー:渋みのあるグリーンで、家やオフィスとは違う自然の雰囲気。



§5  制作を通しての気づき


【全体を通して】
クライアント様の要件定義と細かいペルソナ設定からトンマナを決定したので、ストーリー性と統一感が生まれるデザインになりました。

【デザインカンプについて】
クライアント様からいただたワイヤーフレームから修正したので、セクションの順番変更やイベントセクションの追加をしました。
ターゲットにサービスをより理解してもらうための提案ができたと思います。