ホームページ

不動産会社のオフィシャルサイト

不動産会社

訪問した人が「買いたい」「売りたい」「収益物件を見たい」のどれなのかで入口を分け、それぞれの相談窓口まで最短で行ける構成にしています。スクロールに合わせた控えめな動き、明朝体と欧文書体の使い分けで、扱う金額に見合う落ち着いた印象にまとめました。

公開中のサイトを見る
不動産会社の不動産会社のオフィシャルサイト

制作のポイント

相談内容で分かれる入口

購入・売却・収益物件・LINE相談の4つを最下部に常設し、どの相談でも迷わず窓口にたどり着けます。

文字と余白で作る信頼感

明朝体を主体に、余白を広く取ったレイアウト。派手さより落ち着きを優先しています。

この制作でできたこと

  • スクロールに連動した段階的な表示で読みやすさを確保
  • 和文と欧文でフォントを使い分け、数字も読みやすく調整
  • 情報量に合わせたグリッドと余白の設計
  • スマホとパソコンでそれぞれ最適な表示に対応

使用したもの

Next.jsReactTypeScriptTailwind CSSFramer MotionGoogle Maps API

同じようなものを作りたい方へ

現状の課題からお聞きします。作りたいものが固まっていない段階でも構いません。

ゆめマガ採用HP制作アニリク
採用について相談する