【Zen Cart制作事例】着物通販ショップオンラインきもの見本市 スマホサイトリニューアル

着物通販ショップオンラインきもの見本市
URL:http://www.online-kimono.jp/

弊社で運営しております「着物通販ショップオンラインきもの見本市」のサイトスマホテンプレートをリニューアルさせて頂きましたのでご報告させていただきます。
こちらのサイトは、旧Zen Cartで、レスポンシブではないですが、フルリニューアルの前にデザインなどを見直した次第となります。
ガラケー用のzen mobileをベースにスマホ用にスマホのヘッダー情報を元にテンプレートを切り替えて表示させております。

白やグレーをメインにすることで、シンプルで安心感を与え、項目を簡潔にすることで、商品を目立たせ、わかりやすくなるようにデザインにいたしました。
また、商品に早くたどり着けるするための導線を意識し、デザインに取り組んでいきました。
オススメの商品にスマホなどのスワイプに対応したjQueryを組み込み、簡潔に動きのある仕組みを取り入れました。

技術面については次のことを取り組みました。
・おすすめ商品、新着商品のサイドボックスを旧Zen Cartでは1商品しか表示できなかったところを新Zen Cartのように複数表示できるようにしました。
・SALE専用のカテゴリを作成し、その中の商品をランダムにサイドボックスに呼び込むようにしました。
・定番ページを複数サイドボックスに表示し、それぞれ編集が可能な作りにしました。
・カテゴリを1階層目、2階層目を開いた状態で表示するようにしました。
・バナーの管理で登録した画像をTOPページにスクロールして表示できるようにし、登録している数毎に表示するようにしました。
・商品リストにjQueryのスライダーを使用し、動きのあるサイトにいたしました。

リリース日:2017/03/14

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください