BLUR Workspace — テラコッタのコワーキング
京都の町家を改装したコワーキングスペース、っていうイメージで作ったサンプル HP。テラコッタと植物で、オフィスというよりカフェ寄りの空気感に。
コワーキングスペース、シェアオフィス、レンタルスタジオ、っていう方向のサンプル HP です。よくある「青系・ガラス張り・モダンオフィス」と逆を狙って、暖色×植物で組みました。
こんな方に向いています
- 個人経営のコワーキング・シェアオフィス
- 写真がなくても、空気感を最初に伝えたい
- 料金プランが 3 段階で、シンプルに比較させたい
構成
ヒーローで植物 SVG と暖色グラデを大きく見せて、スペース紹介(不揃いグリッド)→ 料金プラン → 利用者の声 → 内覧予約 CTA、という流れです。CTA を最後に置いて、内覧へ自然に誘導する形にしました。
live preview
プレビュー
related
関連するサンプル
事務所 の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
河 税理士事務所
事務所 · 青×グレー・誠実・信頼感 2026-05-05
Town Compass — 地域不動産仲介
賃貸・売買どちらも扱う地域密着の不動産仲介サイト。物件カードのグリッドと検索ボックスで、来店前に物件を見比べやすい構成にしました。
物件検索ボックス新着物件6件賃貸/売買タブスタッフ紹介
事務所 · シリアス・白 × 紺・データ表現・細身サンセリフ 2026-05-05
Aether Capital — VC・シリアス白紺
ベンチャーキャピタル・投資ファンド向け。白と紺で組んだシリアスなトーンで、AUM や投資先一覧をデータとして見せるサンプルです。
数値スタッツ投資先ロゴ群投資哲学パートナー紹介
フリーランス · 土・木目・蔵・落ち着いた茶系 2026-05-06
木と土の工房 安部 — 木目の質感
木工作家の HP。作品集・受注の流れ・工房紹介・次回個展告知までをひとつにまとめた、作家サイトの標準形。
作品集 6 点受注の流れ 5 ステップ工房紹介個展告知
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。