函館の株式会社 今井工務店様のウェブサイトを作成しました。 こちらのサイトでは、ページ訪問時に今井工務店様のキャッチフレーズでもある「夢をかたちでかなえます。」と会社ロゴが アニメーションで表示され、フェードアウトしトップページへ変遷される流れになっています。 トップページは、横幅いっぱいに大きくイメージがスライドで切り替わるように表示されます。 JavaScriptによるアニメーションで動きをつけシンプルかつインパクトのあるデザインを表現しました。
今井工務店サイトオープニング01
今井工務店サイトオープニング02
今井工務店ウェブサイト トップページ
スライドイメージには工事実績や創業当時使用していたはっぴ、函館の夜景等を表示することで地元函館の歴史ある工務店ということもアピールしています。
また、「レスポンシブウェブデザイン」という手法を取り入れることでパソコンだけの閲覧ではなく、iPhoneやAndroidなどの スマートフォン、タブレットなど様々なデバイスに対応しています。 それによりトップページのスライド等も様々なデバイスに合わせて綺麗に表示されます。
今井工務店 スマートフォン表示例
工事実績ページでは写真をカテゴリーごとに一覧表示し、写真をクリックすることで拡大表示される仕様です。 イメージ写真を多めにシンプルでサイトに訪問されたユーザーが見やすく解りやすい構成になっています。
アクセスページにはGoogleMapsだけではなく、ストーリートビューをサイトに直接埋め込むことで、場所がわか らないユーザーでもサイトから直接周辺の雰囲気や詳しい目印などを確認することができ、より機能的な アクセスページになりました。
今井工務店 アクセスページ ストリートビュー埋め込み
今までは、地図を埋め込む事は可能でしたが、ストリートビューを直接サイトに埋め込み表示させることは 出来ませんでした。 今後も、施設やお店等の雰囲気、臨場感を伝えたいサイトなどにこの機能を活用していきたいです。
