海と風と温もりと。

“物件情報”ではなく、“暮らしの記憶”を見せる。

Overview

分譲マンションサイトは、駅距離・間取り・周辺施設などの情報が中心になりやすい分野です。
そこで本制作では、海の見える高台での朝、住民専用ガーデンでの交流、家族の時間など、 住んだ後の未来を想像できる導線を優先しました。

Challenge

課題は「不動産情報の説明感」を抑え、印象に残る世界観へ変換すること。
・設備紹介だけでは差別化しづらい
・高級感に寄せすぎると冷たい印象になる
・スマホでも写真の魅力と導線を保つ必要がある
これらを踏まえ、暮らしの温度感と視覚的な気持ちよさを両立させました。

Solution

• 写真・文章・装飾をすべて四角形で統一し、積層感のある世界観を設計
• Hero、Concept、Location、Garden、Plan、Accessを暮らしの流れとして構成
• PCでは写真にゆるやかな浮遊演出を加え、海風のような動きを表現
• スマホでは横幅いっぱいの見やすさを優先し、不要な動きは停止

Highlights

• 海・街・中庭・住まいを重ねて見せるファーストビュー。
• 四角を多重に重ねたレイアウトで、上質感と安心感を両立。
• 滞在10秒後に表示されるアンケートモーダルで、実案件らしいマーケティング導線を追加。

Design

青と緑をテーマカラーに、海・空・中庭・暮らしの温もりを表現。
シャープな斜め構成ではなく、水平・垂直・四角形をベースにすることで、 落ち着きと信頼感のあるマンションサイトに仕上げています。

Result

物件情報を整理するだけでなく、訪問者が「ここに住んだらどんな毎日になるだろう」と想像できる構成になりました。
海・風・温もりという言葉を、写真・余白・ガラス調パネル・穏やかな動きで一貫して表現しています。

Role & Deliverables

• 情報設計：暮らしの未来を伝えるセクション構成
• UI設計：ハンバーガーメニュー / アンケートモーダル / CTA導線
• 制作：HTML / CSS / JavaScript