地図の専門店 マップショップ ぶよお堂
地図の専門店 マップショップ ぶよお堂
地図の専門店 マップショップ ぶよお堂

地図の専門店 マップショップ ぶよお堂

制作・開発:
株式会社アイディーエス
ジャンル:
書籍
公開日:
2019/05/16
最終更新日:
2020/04/21
サイト形態:
リニューアル
開発期間:
約3カ月
EC-CUBEバージョン:
2.11系
対応端末:
PC

構築のポイント

【サイト概要】
地図を専門的にお取り扱いしているECサイトです。
地図が好きなお客様から、学校などの教育機関、外国人の方まで幅広いお客様層にご利用いただいております。
デザインリニューアルと機能カスタマイズを行いました。

【デザイン】
▼ コーポレートカラーである「ブルー」をメインに用い、イエローをアクセントとすることで、メリハリを出し、かつ、極力シンプルに見えるようにいたしました。
サイト全体を通して、操作性を優先してデザインをしております。

▼ 2カラムから3カラムに変更し、右カラムを実店舗に関連するブロック、左カラムに検索機能やカテゴリー一覧を配置しました。
ECサイトの機能と店舗情報を分けて表示することでファーストビューにおいて、分かりやすいサイトとなるようにいたしました。


【機能】
▼ 詳細検索機能の追加
カテゴリーページに出版社、地域、キーワードでAND検索による絞込検索が行えるようカスタマイズしました。
管理画面のカテゴリー登録にて、上記絞り込み検索機能の表示有無を設定可能にしています。
カテゴリーに出版社、地域の区分が多いカテゴリーで使用されています。

▼ マウスオーバーで子カテゴリーを表示
「少ないクリック数で必要な情報にアクセスさせたい」というお客様のご要望を実現するために、
カテゴリーをマウスオーバーだけで子カテゴリーが表示されるよう、CSSのみで実装しました。

▼ Google翻訳時のデザイン崩れ解消
Google翻訳時にカテゴリーブロックやバナーブロック内のデザイン崩れしまうため、
言語選択時に使用するHTMLタグを切り替えるよう改修しました。

更新履歴

更新履歴はまだありません

※EC-CUBEを使って構築されたサイトをご紹介しています。EC-CUBEの構築事例をお持ちの方は、こちらよりご登録ください。。

※ご紹介しているサイトは実際に運営されているサイトですので、テスト購入はお控えください。テスト購入はデモサイトをご利用ください。

EC-CUBE® DemoSite

デモサイトで体験

最新ニュースやECノウハウをお届けします
メールマガジン登録はコチラ