←BACK TO WORKS一覧へ戻る
FeaturedCORPORATE
AOKI ESTATE
不動産 / コーポレートサイト
杉並・中野・世田谷の不動産会社サイトを全面リニューアル。全画面動画のヒーロー、物件のお気に入り・比較、住宅ローン試算、資料PDF出力、パノラマ内見など実務機能を実装した18ページのコーポレートサイト。
このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
CONCEPT
杉並・中野・世田谷エリアに密着する不動産会社サイト。全画面動画で3エリアを切り替えるヒーロー、賃貸・売買の物件一覧（絞り込み・並び替え）、編集型の物件詳細6件（ギャラリー・モーダル・パノラマ内見）、会社概要・スタッフ・オーナー向け・お客様の声・コラム・採用・お問い合わせ・お気に入りの全18ページ構成。上質ミニマルな白基調にマゼンタを差し色とし、Bebas Neueの特大英字と繊細な和文を組み合わせたエディトリアルなデザイン。
背景・課題
物件のお気に入り登録・最大3件の比較（localStorage）、金利や頭金から月々返済を即時試算する住宅ローンシミュレーター、ドラッグで見回すパノラマ内見、印刷用CSSによる物件資料（マイソク）のPDF出力など、不動産実務に踏み込んだ機能をVanilla JSで実装。全画面動画ヒーローと全ページのレスポンシブをiOS(WebKit)実機で崩れなく成立させた。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
動画ヒーロー物件検索お気に入り・比較住宅ローン試算パノラマ内見PDF出力フォームギャラリーUI
使用技術
HTMLCSSJavaScript
CMSなし
フォームあり
アニメーションあり