記事の詳細
香川県高松市の不動産会社『ライブエステート』様のWEBサイトをスマホ対応(レスポンシブ化)いたしました!
ライブエステート様のホームページと不動産管理WEBシステムのスマホ対応を弊社にて実装させていただきました。
今回のブログの見出しはコチラです!
ライブエステートとは
香川県高松市で不動産賃貸を取り扱う地域密着の不動産会社です。
ホームページに力を入れており、物件の地域情報が細かく掲載されているため、情報量が充実したWebサイトになっております。
代表の関口様は不動産の”今”の情報を発信することに力を入れているため、ホームページは毎日更新されております。
ホームページをレスポンシブ化
ライブエステート様は既にホームページを運用しておりましたが、スマホに特化したサイト作りがしたいとの要望で弊社にお話を頂きました。
ホームページのデザインとしては、元のホームページから印象が大きく変わらないようなデザインで各ページを作成させていただきました。
完成したホームページのスマホ画面とPC画面は下図になります。
スマホ表示の際には「お問い合わせ」「電話」のアイコンをスマホ画面の下部に固定表示して、どんなページにいてもすぐに連絡ができるようにしました。
スマホ表示の際は、トップページには必要な項目のみを表示するようにしました。
スクロールが長くなる要素に関してはアイコン、別メニュー、別ページにまとめて、トップページをコンパクトに仕上げました。
スマホの開閉式のメニューはクリックすることでメニューを表示します。
・ヘッダーメニューの開閉
・物件検索メニューの開閉
各種ページも全てレスポンシブ化
トップページ以外のページも全てレスポンシブ化致しました。
・「会社概要」ページ
更新情報をページの上部に表示
今までのサイトはホームページの更新情報がサイト訪問者に伝わりづらいデザインになっていました。
そのため、トップページの上部にホームページに関する更新情報と、物件に関する更新情報が表示されるようにしました。
どんな情報がいつ更新されたのか、またどんなページが更新されたのかがサイト訪問者にわかりやすくなりました。
画像スライダーで新着物件情報を掲載
訪問者に物件の画像から興味を持ってもらうために、画像スライダーを設置しました。
画像をクリックすると物件詳細ページへ飛ぶため、訪問者が興味を持ったらワンタッチで物件詳細のページへ誘導することができます。
オススメの賃貸情報をトップページに表示
更新情報の一覧とは別に、賃貸物件のブログ記事をサムネイル画像と共にリンクを設定して表示するコンテンツを作成しました。
ブログに投稿した物件情報をサムネイル画像を使用して表示することで、訪問者に視覚的なアプローチをします。
サイドバー等のバナーも新規で作成
サイドバー等のバナーはWebサイトに合うようなデザインに変更して、画像の大きさを統一して設置させていただきました。
物件一覧画面をレスポンシブ化
物件の一覧を表示するページをレスポンシブ化致しました。
スマホ表示の際にはフッターに電話のアイコンを常に表示して、メニューは開閉式で表示・非表示が切り替えられるようにしました。
また、スマホ表示の際には、PC画面で表示していたテーブルの項目を全て表示することは難しいため、必要最低限の項目だけを表示するようにしました。
物件詳細画面をレスポンシブ化
物件の詳細を表示するページをレスポンシブ化致しました。
スマホ表示の際にはフッターにお問い合わせと電話のアイコンを常に表示して、メニューは開閉式で表示・非表示が切り替えられるようにしました。
ライブエステート様では、物件によって登録している動画の種類が異なるため、動画の登録状況によってページの上位に表示されるアイコンの表示・非表示が切り替わるようにしました。
アイコンをクリックすると、登録されている動画の位置にページのスクロールが自動で飛ぶように設定されています。
制作期間について
構成検討:約3日
デザイン:約5日
実装:約7日間
確認・調整:約1日
お使いのシステムがスマホ対応しておらず、お困りの皆様へ
お使いの管理システムがスマホ対応していない場合でも、弊社にてスマホ対応を実現するお手伝いをすることができます。
スマホ対応をしている別のシステムに乗り換えることも一つの方法ではありますが、現在の使い慣れたシステムを変更するのはコストや手間の問題で難しいことです。
今回の例のように、弊社にてスマホ対応をお手伝いさせていただくことで、使い慣れたシステムを使い続けることができます。
お気軽にご相談ください。
制作費用について
今回の制作に関する費用はお問い合わせください。
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。