サイト概要

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

デザイン

  • コーポレートカラーである「ブルー」をメインに用い、イエローをアクセントとすることで、メリハリを出し、かつ、極力シンプルに見えるようにいたしました。サイト全体を通して、操作性を優先してデザインをしております。
  • 2カラムから3カラムに変更し、右カラムを実店舗に関連するブロック、左カラムに検索機能やカテゴリー一覧を配置しました。
  • ECサイトの機能と店舗情報を分けて表示することでファーストビューにおいて、分かりやすいサイトとなるようにいたしました。

機能

  • 詳細検索機能の追加
    「少ないクリック数で必要な情報にアクセスさせたい」というお客様のご要望を実現するために、カテゴリーをマウスオーバーだけで子カテゴリーが表示されるよう、CSSのみで実装しました。
  • マウスオーバーで子カテゴリーを表示
    「少ないクリック数で必要な情報にアクセスさせたい」というお客様のご要望を実現するために、カテゴリーをマウスオーバーだけで子カテゴリーが表示されるよう、CSSのみで実装しました。
  • Google翻訳時のデザイン崩れ解消
    Google翻訳時にカテゴリーブロックやバナーブロック内のデザイン崩れしまうため、言語選択時に使用するHTMLタグを切り替えるよう改修しました。