Works / Real Estate Website

物件を見せるだけでなく、暮らしを想像できる入口をつくる。

地域密着型の不動産会社「あおば産業株式会社」のWebサイト制作。住まい探しの安心感と物件への興味を両立する構成を、HTMLとCSSで実装しました。

01 / CHALLENGE物件探しの不安を整理

Project Background

条件検索の前に、「どんな暮らしを選ぶか」を考えられるサイトへ。

不動産サイトは物件数や条件に情報が偏りやすく、初めての住まい探しでは判断疲れにつながります。写真から生活のイメージを膨らませ、会社の対応姿勢や相談の流れを確認してから物件へ進める構成を想定しました。

広さや価格に加えて、空間の雰囲気や周辺での暮らしが想像できる写真を大きく見せます。

地域への理解、担当者の姿勢、営業時間などを整理し、安心して相談できる会社像をつくりました。

おすすめ物件、購入・賃貸、相談の流れを目的別に分け、次に見るべき情報が分かる設計です。

DESIGN CONCEPT
住まいの安心を、
静かな余白で伝える。
写真を主役にしながら、地域企業としての誠実さを感じるデザイン。

Concept

安心感のあるネイビーと青緑を軸に、室内写真が自然に映える生成りを組み合わせました。見出し・営業時間・案内情報を簡潔にし、写真から暮らしを想像できる余白を大切にしています。

AOBA INDUSTRY — REAL ESTATEWebsite / HTML & CSS

室内写真と問いかけをファーストビューに置き、条件検索の前に理想の生活を意識させます。

会社名と営業情報を明快に見せ、初めて訪れた人にも相談先が分かる設計です。

お知らせ、物件、会社情報、相談へと順番を整理し、読み進める負担を抑えました。

02 / DESIGN制作内容

Project Scope

住まい探しを始めた利用者に、ブランドの印象、物件への興味、会社への信頼が順に育つ構成を設計。PCとスマートフォンで読みやすさと導線が保たれるよう、HTMLとCSSで実装しました。

PLANNINGターゲット・サイト構成整理

INFORMATION物件・信頼情報の配置設計

DESIGNトップページデザイン

BUILDHTML / CSS実装

Start a Project

物件情報の整理から、地域で選ばれる会社の見せ方、問い合わせ導線まで設計します。