レスポンシブWebデザインによるマルチデバイス対応サイト。新潟県柏崎市にあります株式会社石口工務店様のオフィシャルホームページをご紹介いたします。
新築住宅・住宅リフォーム・増改築・古民家再生などお住まいに関する各種サービスを提供していらっしゃる石口工務店様。サイトのデザインはシンプルにモノトーンで落ち着いた雰囲気での制作となりました。モノトーンをベースにすることで住宅の画像がより鮮やかに映えるだけでなく、各種階層ページのバナーも目立ち、ユーザーが見つけやすくなっています。
サイトヘッダー部分のグローバルメニューは、各メニューともに文字だけでなくそれぞれにアイコンを追加することで、視認性を向上させ、スクロールに合わせてグローバルメニューが追従することで各ページ間を遷移しやすいような仕様にして、ユーザビリティの向上を図っています。また「一覧はこちら」などのボタンには、マウスカーソルがホバーしたときに文字が回転するというちょっとした遊び心も取り入れ、ユーザーを飽きさせない仕様に。
また、施工事例もPCサイト・スマートフォンサイトともに閲覧性向上にSwipeを導入し、それぞれのデバイス幅を考慮して、サムネイル画像がPCサイトの時はメイン画像の右に縦並びでレイアウトし、スマートフォンサイトの時はメイン画像の上に横並びでレイアウトすることで、見た目・バランス、操作性を兼ね備えた仕様となっています。
また階層ページによっては、階層サブメニュー項目が数ページに渡り、サブメニューを一覧表示してしまうとスペースを取ってしまうページが存在いたしました。そういったページに関してはサブメニューも折りたたむことによってすっきりとした見た目に納まるようデザインしてあります。
また石口工務店様では住宅建築だけでなく不動産も取り扱っていらっしゃいますので、不動産情報ページをかんたん更新プログラムW.U.P.付きで組み込んでいます。不動産情報ページは土地や建物情報など掲載内容が多岐に渡り、見た目にも情報が煩雑になってしまいがちです。スマートフォンビューの場合はなおさら・・・。これに関してもテーブルレイアウトごと可変させることでPCサイト・スマートフォンサイト共に視認性を確保。更新プログラムで掲載内容全項目をそれぞれ管理していますので、お客様が面倒なテーブル組みをする必要もなく、まさに『かんたん更新』が可能となっています。
【株式会社 石口工務店】
URL：http://www.ishiguti-k.co.jp/
〒945-0112 新潟県柏崎市畔屋961-1
TEL：0257-24-4543 FAX：0257-24-4926
