デザインと開発
4月. 2025
Locus
Locus は、コンバージョンを意識した不動産ショーケースで、企画から実装まで一貫して担当しました。サイトは訪問者を第一印象から問い合わせまで導きます。フルビューポートのヒーローと信頼指標、4 つのサービス入口タイル、Swiper カルーセルの注目物件、お客様の声、FAQ、締めの CTA。About・Services・フィルター付き物件一覧・ギャラリーと問い合わせフォーム付きの物件詳細・Contact の各ルートも用意しています。
物件ページでは写真・スペック・CTA を一画面にまとめ、購入検討者が導線を離れずに判断できます。お客様の声と FAQ がフォーム前の典型的な不安を解消し、大きな決断前の迷いを減らします。モーションとカルーセルはインタラクティブが必要な箇所だけ。それ以外はサーバー描画で、読み込みを速くしています。
ホームヒーロー：見出し「Discover Your Dream Property with Locus」、説明文、Learn More / Browse Properties の CTA、信頼指標の行、ダークパネル上のレイヤードビジュアル——導線の主な入口。
Featured Properties：セクション見出し、物件カードの Swiper カルーセル（写真・価格・寝室/バス/タイプ、View Details）と全カタログへの導線——トップで物件を早期に提示。
Testimonials：「What Our Clients Say」ブロック。Swiper でお客様の声・アバター・ナビゲーション——FAQ や Contact の前の社会的証明。
FAQ：Locus のサービスと購入プロセスについて、素早く読める Q&A——フォーム前の不安を減らし、問い合わせへの準備を整えます。
サービスタイル「Unlock Property Value」：物件アイコン、見出し、4 タイル列の Framer Motion ホバー光——Services へ誘導し、査定を中核オファーとして位置づけ。
サービスタイル「Smart Investments, Informed Decisions」：太陽アイコン、投資向け見出し、同じモーション仕上げのカード——About への次のクリック前に戦略アドバイザリーを印象づけます。