岡部広告室 株式会社 今井工務店様 レスポンシブウェブサイト制作 【函館市のホームページ制作・各種印刷物制作・デザイン制作・各種広告出稿】

有限会社岡部広告室

リスティング広告

TEL:0138-35-3510

株式会社 今井工務店様 レスポンシブウェブサイト制作

2015年10月21日

函館の株式会社 今井工務店様のウェブサイトを作成しました。 こちらのサイトでは、ページ訪問時に今井工務店様のキャッチフレーズでもある「夢をかたちでかなえます。」と会社ロゴが アニメーションで表示され、フェードアウトしトップページへ変遷される流れになっています。 トップページは、横幅いっぱいに大きくイメージがスライドで切り替わるように表示されます。 JavaScriptによるアニメーションで動きをつけシンプルかつインパクトのあるデザインを表現しました。

今井工務店サイトオープニング

今井工務店サイトオープニング01

夢をかたちでかなえます。今井工務店サイトオープニング

今井工務店サイトオープニング02

今井工務店ウェブサイト トップページ

今井工務店ウェブサイト トップページ

スライドイメージには工事実績や創業当時使用していたはっぴ、函館の夜景等を表示することで地元函館の歴史ある工務店ということもアピールしています。

また、「レスポンシブウェブデザイン」という手法を取り入れることでパソコンだけの閲覧ではなく、iPhoneやAndroidなどの スマートフォン、タブレットなど様々なデバイスに対応しています。 それによりトップページのスライド等も様々なデバイスに合わせて綺麗に表示されます。

今井工務店サイトスマートフォン表示例

今井工務店 スマートフォン表示例

工事実績ページでは写真をカテゴリーごとに一覧表示し、写真をクリックすることで拡大表示される仕様です。 イメージ写真を多めにシンプルでサイトに訪問されたユーザーが見やすく解りやすい構成になっています。

アクセスページにはGoogleMapsだけではなく、ストーリートビューをサイトに直接埋め込むことで、場所がわか らないユーザーでもサイトから直接周辺の雰囲気や詳しい目印などを確認することができ、より機能的な アクセスページになりました。

今井工務店 アクセスページ ストリートビュー埋め込み 

今井工務店 アクセスページ ストリートビュー埋め込み

今までは、地図を埋め込む事は可能でしたが、ストリートビューを直接サイトに埋め込み表示させることは 出来ませんでした。 今後も、施設やお店等の雰囲気、臨場感を伝えたいサイトなどにこの機能を活用していきたいです。

 

株式会社 今井工務店 オフィシャルサイト



お問い合わせ TEL : 0138-35-3510 MAIL : info@ad-okabe.com

このページのTOPへ

北海道函館市が拠点のホームページ制作・広告制作の岡部広告室

Copyright (C) 岡部広告室. All Rights Reserved.