記事の詳細

ライブエステート様のホームページと不動産管理WEBシステムのスマホ対応を弊社にて実装させていただきました。

ライブエステートとは

香川県高松市で不動産賃貸を取り扱う地域密着の不動産会社です。
ホームページに力を入れており、物件の地域情報が細かく掲載されているため、情報量が充実したWebサイトになっております。
代表の関口様は不動産の”今”の情報を発信することに力を入れているため、ホームページは毎日更新されております。

01_ライブエステートとは

ライブエステート様のホームページはこちらから!

ホームページをレスポンシブ化

ライブエステート様は既にホームページを運用しておりましたが、スマホに特化したサイト作りがしたいとの要望で弊社にお話を頂きました。
ホームページのデザインとしては、元のホームページから印象が大きく変わらないようなデザインで各ページを作成させていただきました。
完成したホームページのスマホ画面とPC画面は下図になります。
02_トップページをスマホとPCで表示

スマホ表示の際には「お問い合わせ」「電話」のアイコンをスマホ画面の下部に固定表示して、どんなページにいてもすぐに連絡ができるようにしました。
03_スマホ時にお問い合わせと電話のアイコンを常に表示

スマホ表示の際は、トップページには必要な項目のみを表示するようにしました。
スクロールが長くなる要素に関してはアイコン、別メニュー、別ページにまとめて、トップページをコンパクトに仕上げました。
04_トップページのメニューやタイムラインをアイコンや開閉式メニューに変更

スマホの開閉式のメニューはクリックすることでメニューを表示します。
・ヘッダーメニューの開閉
07_スマホ表示でのヘッダーメニュー開閉
・物件検索メニューの開閉
08_スマホ表示での物件検索メニュー開閉

各種ページも全てレスポンシブ化

トップページ以外のページも全てレスポンシブ化致しました。
・「会社概要」ページ
05_会社概要ページ

・「お部屋をお探しの方へ」ページ
06_お部屋をお探しの方へページ

更新情報をページの上部に表示

今までのサイトはホームページの更新情報がサイト訪問者に伝わりづらいデザインになっていました。
そのため、トップページの上部にホームページに関する更新情報と、物件に関する更新情報が表示されるようにしました。
09_更新情報一覧表示

どんな情報がいつ更新されたのか、またどんなページが更新されたのかがサイト訪問者にわかりやすくなりました。

画像スライダーで新着物件情報を掲載

訪問者に物件の画像から興味を持ってもらうために、画像スライダーを設置しました。
画像をクリックすると物件詳細ページへ飛ぶため、訪問者が興味を持ったらワンタッチで物件詳細のページへ誘導することができます。
15_物件画像のスライダー

オススメの賃貸情報をトップページに表示

更新情報の一覧とは別に、賃貸物件のブログ記事をサムネイル画像と共にリンクを設定して表示するコンテンツを作成しました。
ブログに投稿した物件情報をサムネイル画像を使用して表示することで、訪問者に視覚的なアプローチをします。
10_賃貸情報表示

サイドバー等のバナーも新規で作成

サイドバー等のバナーはWebサイトに合うようなデザインに変更して、画像の大きさを統一して設置させていただきました。
11_新規作成バナー

物件一覧画面をレスポンシブ化

物件の一覧を表示するページをレスポンシブ化致しました。
スマホ表示の際にはフッターに電話のアイコンを常に表示して、メニューは開閉式で表示・非表示が切り替えられるようにしました。
また、スマホ表示の際には、PC画面で表示していたテーブルの項目を全て表示することは難しいため、必要最低限の項目だけを表示するようにしました。
12_物件一覧画面

物件詳細画面をレスポンシブ化

物件の詳細を表示するページをレスポンシブ化致しました。
スマホ表示の際にはフッターにお問い合わせと電話のアイコンを常に表示して、メニューは開閉式で表示・非表示が切り替えられるようにしました。
13_物件詳細画面

ライブエステート様では、物件によって登録している動画の種類が異なるため、動画の登録状況によってページの上位に表示されるアイコンの表示・非表示が切り替わるようにしました。
アイコンをクリックすると、登録されている動画の位置にページのスクロールが自動で飛ぶように設定されています。
14_物件詳細_アイコンの表示切替

制作期間について

構成検討:約3日
デザイン:約5日
実装:約7日間
確認・調整:約1日

お使いのシステムがスマホ対応しておらず、お困りの皆様へ

お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応をしている別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。

制作費用について

今回の制作に関する費用はお問い合わせください。

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

The following two tabs change content below.
インクループ株式会社

インクループ株式会社

インクループ株式会社は、データ分析、市場調査に基づく企画立案、コンテンツ制作、運用を通じてお客様の目標を実現する会社です。WEBサイトをもっと活用したい、ECサイトの売上をもっと増やしたいなどのお悩みをお持ちの方はぜひお気軽にお問い合わせください。

ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

仕事ではパソコンが使いこなせるのが当たり前

相模原市産業会館パソコン教室

AD

ページ上部へ戻る