【自主制作】架空LPコワーキングスペースWebサイト

＜制作物＞

【制作時間】35時間 (6日)
【使用ツール】Figma

制作物のビジュアル：

＜課題要件＞

◾️サイトの目的
WORK Aoyama Lounge新規会員の獲得(広告・SNSからの流入顧客を「見学予約」につなげたい)
◾️ターゲット
・都内で働くキャリア志向が強い30代ビジネスパーソン
・外交的で、自己成長に積極的なビジネスパーソン
・30代で経済的に余裕があり、自己投資でさらなるメリットを得ようとする人
◾️クライアント情報
クライアント名：WORK ,inc
働く人々に新しい可能性を提供する事業を複数展開。事業のひとつに都内で働くビジネスパーソン向けのコワーキングオフィスを運営。会員は30代の女性が多く、キャリアアップのために日々仕事や勉強に励む意欲的な人々が集まるコミュニティとしても機能している。

◾️入れたい要素
WORK Lounge Aoyamaのロゴ

＜ペルソナ＞

＜情報設計＞

＜デザインコンセプト＞

・キーワード：「上質を求める大人女性」「信頼感」「キャリアアップ」「人脈作り」

・キャリアアップやスキルアップに対し意欲的で自己投資できる30代女性がメインターゲット
・ビジネス感、信頼感を出しつつ新規顧客が気軽に見学や利用に来れるような「受け入れてくれる」と思われる軽やかさは残しデザインしました。

＜デザインの工夫点＞

▪️メインビジュアル・どんな雰囲気のコワーキングスペースなのか一目で伝わるように写真１枚を大きく使用しました。
・コワーキングスペースを選ぶ条件の一つとして、家や職場の最寄駅からのアクセスが良い場所だと考えMVに立地情報を追加しました。

▪️CTA

・予約導線強化のため、「利用申し込み」と「見学予約」ボタンは追従をイメージしデザインしました。
・一番利用してもらいたい「利用申し込み」はアクセントのイエローで目立たせ、用途の異なる「見学予約」もトンマナに合う色にし２つ色を分けました。

▪️特徴

・"WORK Lounge Aoyamaを利用するメリット"または"ここを選ぶ理由”を簡潔に伝えたく、コンセプト下に「特徴」として追加しました。

▪️イベントセクション

・WORK Lounge Aoyamaの最大の特徴であるイベント開催の告知は必須だと考えセクションを追加しました。
・競合他社との差別化を図る大切なセクションのためページ上部に設置しました。

▪️その他の設備とアメニティのアイコン化・各サービスがユーザーに直感的に伝わるよう、文字だけでなくアイコンを使用し可視化しました。

＜課題を通して学んだこと＞

情報設計によるユーザー体験の最適化　
本課題では、当初共有されたワイヤーフレームを鵜呑みにせず、要件定義とペルソナ分析を起点に設計を再構築した。ターゲットが求める価値の優先順位を明確化し、セクションの構成や導線を論理的に組み立て直すことで離脱を防ぎ、コンバージョンへ繋げるための「説得力のあるデザイン」の重要性を学んだ。

デザインの一貫性と品質を支える「ビジュアル言語」の定義
デザイン着手前にムードボードやスタイルガイドを作成することで、目指すべき世界観を言語化・視覚化した。これにより、制作過程での迷いやデザインのブレを最小限に抑え、一貫性のあるデザインを効率的に制作する手法を学んだ。

Figmaでの効率的な作業方法
オートレイアウトやコンポーネント機能を活用し、将来的な変更や要素の増減にも対応可能な柔軟な設計を意識した。特にレスポンシブ展開においては、一箇所のアセット修正を全体に同期させることで工数を大幅に削減しつつ、ミスを防ぐ機能的な制作フローを構築できた。