サイト概要
地図を専門的にお取り扱いしているECサイトです。
地図が好きなお客様から、学校などの教育機関、外国人の方まで幅広いお客様層にご利用いただいております。
デザインリニューアルと機能カスタマイズを行いました。
デザイン
- コーポレートカラーである「ブルー」をメインに用い、イエローをアクセントとすることで、メリハリを出し、かつ、極力シンプルに見えるようにいたしました。サイト全体を通して、操作性を優先してデザインをしております。
- 2カラムから3カラムに変更し、右カラムを実店舗に関連するブロック、左カラムに検索機能やカテゴリー一覧を配置しました。
- ECサイトの機能と店舗情報を分けて表示することでファーストビューにおいて、分かりやすいサイトとなるようにいたしました。
機能
- 詳細検索機能の追加
「少ないクリック数で必要な情報にアクセスさせたい」というお客様のご要望を実現するために、カテゴリーをマウスオーバーだけで子カテゴリーが表示されるよう、CSSのみで実装しました。
- マウスオーバーで子カテゴリーを表示
「少ないクリック数で必要な情報にアクセスさせたい」というお客様のご要望を実現するために、カテゴリーをマウスオーバーだけで子カテゴリーが表示されるよう、CSSのみで実装しました。
- Google翻訳時のデザイン崩れ解消
Google翻訳時にカテゴリーブロックやバナーブロック内のデザイン崩れしまうため、言語選択時に使用するHTMLタグを切り替えるよう改修しました。