不動産会社のオフィシャルサイト
不動産会社
訪問した人が「買いたい」「売りたい」「収益物件を見たい」のどれなのかで入口を分け、それぞれの相談窓口まで最短で行ける構成にしています。スクロールに合わせた控えめな動き、明朝体と欧文書体の使い分けで、扱う金額に見合う落ち着いた印象にまとめました。
公開中のサイトを見る
制作のポイント
相談内容で分かれる入口
購入・売却・収益物件・LINE相談の4つを最下部に常設し、どの相談でも迷わず窓口にたどり着けます。
文字と余白で作る信頼感
明朝体を主体に、余白を広く取ったレイアウト。派手さより落ち着きを優先しています。
この制作でできたこと
- スクロールに連動した段階的な表示で読みやすさを確保
- 和文と欧文でフォントを使い分け、数字も読みやすく調整
- 情報量に合わせたグリッドと余白の設計
- スマホとパソコンでそれぞれ最適な表示に対応
使用したもの
Next.jsReactTypeScriptTailwind CSSFramer MotionGoogle Maps API



