2014年7月15日

こんにちわ。kimonoです :-)

先日の7/4に以前弊社にて構築させていただきました「住宅展示場のことならモデルハウスナビ様」のサイトをリニューアルさせていただき、デザイン一新、レスポンシブデザイン化にさせていただきましたので、ご報告させていただきます。

住宅展示場のことならモデルハウスナビ

住宅展示場のことならモデルハウスナビ-TOPページ-PC用

住宅展示場のことならモデルハウスナビ-TOPページ-PC用

住宅展示場のことならモデルハウスナビ-カテゴリページ-PC用

住宅展示場のことならモデルハウスナビ-カテゴリページ-PC用

住宅展示場のことならモデルハウスナビ-モデルハウス詳細ページ-PC用

住宅展示場のことならモデルハウスナビ-モデルハウス詳細ページ-PC用

レスポンシブデザインにするために、元々のデザインを新しく一新し、すっきりとスタイリッシュなデザインへと、またなび子のデザインにあわせた形で変更させていただきました。

モデルハウスの詳細ページではタブ化をやめ、1ページ内に全てを表示し、上部をメニューとして固定し、ページ内にスムーズに動くように変更させていただきました。

元々、Zen Cartを使ったシステムのため、Zen Cartでの制作事例ということになります。

住宅展示場のことならモデルハウスナビ-TOPページ-タブレット用

住宅展示場のことならモデルハウスナビ-TOPページ-タブレット用

住宅展示場のことならモデルハウスナビ-TOPページ-スマートフォン用

住宅展示場のことならモデルハウスナビ-TOPページ-スマートフォン用

全てのページにてレスポンシブ化を行っておりますので、ブラウザサイズに応じて、各ページを使いやすくメニューを折りたたんだり、配置を変更したりなどを行っております。

 

また、今回は、WordPressにて構築されておりますモデルハウスナビのブログサイト、ブロガーさんたちのブロガーサイトの二つもあわせてレスポンシブ化しています。

是非とも、一度ご確認くださいませ :mrgreen:

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

コメントを投稿するにはログインしてください。