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

制作・開発：株式会社アイディーエス

ジャンル：書籍

公開日：: 2019/05/16

最終更新日：: 2020/04/21

サイト形態：: リニューアル

構築期間：: 約3カ月

対応端末：: PC

ツイート
感想を共有しよう！

このサイトの制作会社の詳細を見る

構築のポイント

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

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

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

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

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

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