コワーキングスペース ブランドサイト

ご注意: 本事例はポートフォリオ用にサービス名・画像・金額等を架空のものに差し替えて掲載しています。実際のプロジェクトとは異なります。

プロジェクト概要

渋谷駅徒歩3分のコワーキングスペース「PORQUE」のブランドサイトを制作。多様な働き方に対応する空間の魅力を訴求しました。

顧客からのご要望

• 空間の開放感と居心地の良さをWebで伝えたい
• ドロップイン・固定席・個室の料金体系を分かりやすく見せてほしい
• 内覧予約への導線を強化したい

制作アプローチ

施設写真を大胆に使ったビジュアル重視のデザイン。料金プランは比較表形式で分かりやすく提示し、各ページに内覧予約CTAを設置。

成果物の詳細

ページ構成（全7ページ）

• トップページ（空間の開放感と多様な働き方を印象的に訴求）
• 施設・設備紹介（フリーデスク・固定席・個室・会議室の詳細）
• 料金プラン（ドロップイン・月額・法人向けプランの比較表）
• アクセス・立地（駅からの道順・周辺環境）
• 会員特典（コミュニティイベント・ドリンク無料など）
• 内覧予約（施設見学の予約フォーム）
• コミュニティ（イベント情報・メンバー交流の様子）

主な機能

• 施設の360度パノラマビュー
• 料金シミュレーター（利用頻度から最適プラン提案）
• 内覧予約フォーム（希望日時・利用目的入力）
• 会員向けマイページ（予約状況・請求確認）

技術的な工夫

• Next.js + Tailwind CSS: 高速で美しいユーザー体験
• Stripe連携: オンライン決済とサブスクリプション管理
• 予約システム: 内覧・会議室予約の統合管理
• レスポンシブ対応: スマートフォンからの予約に完全対応
• 写真最適化: 空間の魅力を伝える高品質画像表示

制作期間

約1週間（一般的な制作会社では6-8週間）