←BACK TO WORKS一覧へ戻る
実案件FeaturedCORPORATE
AOKI ESTATE
不動産 / コーポレートサイト
不動産会社の16ページコーポレートサイト。物件情報を見やすく整理し、信頼感のあるデザイン。
このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
CONCEPT
杉並・中野・世田谷エリアに密着する架空の不動産会社サイト。賃貸・売買物件一覧（検索フィルタリング・並び替え対応）、物件詳細6件（ギャラリーUI・モーダル拡大・スワイプ対応）、会社概要・スタッフ紹介・オーナー向け・お客様の声・コラム・採用・お問い合わせ（バリデーション・確認ステップ）の全16ページ構成。明朝体×ゴシック体のタイポグラフィとアースカラー基調のモダンナチュラルなデザイン。
背景・課題
賃貸・売買合計6物件のデータ属性ベースのフィルタリング・並び替え、ECサイト風のギャラリーUI（矢印ナビ・スワイプ・モーダル）、3ステップフォームなど多数のVanilla JS機能を実装しつつ、全16ページのデザイン統一性とWCAG AAコントラスト準拠を両立させた。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
アニメーションフォーム物件検索ギャラリーUI並び替えアコーディオン
使用技術
HTMLCSSJavaScript
CMSなし
フォームあり
アニメーションあり