WORKメンズアパレルセレクトショップのカラーミーショップECサイト制作事例

メンズアパレルセレクトショップのECサイトリニューアルをご依頼頂きました。
ショッピングカートシステムは、前サイトの時から使用しているカラーミーショップを継続して使用しています。

リニューアルにあたっての課題

前サイトの制作から長い時間が経過しており、近年のスタンダードに適応できていない課題がいくつかありました。
主な課題としては、導線設計の見直し、インターフェイスやサイトデザインの古臭さのリニューアル、PC用テンプレートとスマホ用テンプレートの統合です。
また、定形の文言を各商品の「商品説明」に手入力している箇所など、運用の手間を改善できる点も見られました。

提案の概要

ショップテンプレートは、スマホ専用テンプレートを廃止し、レスポンシブWebデザインのテンプレートに変更しています。
「商品カテゴリーから探す」場合、「ブランドから探す」場合のいずれでも、「探しやすく」「訴求力の高い」カテゴリー分類方法の改善、導線設計を行いました。
また、少人数で運営されている状況を考慮し、運用の手間を軽減できる工夫をテンプレート側に組み込みました。

サイトデザインについて

サイト全体はご要望のあった「モノトーン + レッド」のデザインでまとめています。
実店舗のサイトとしての役割も担っていることより、ショップのイメージやコンセプトを伝えた上で商品へ誘導するデザインとしています。

スマホ用メニューのインターフェイスについて

利用者の割合が高いスマホでアクセスした際に、「商品カテゴリーから探す」と「ブランドから探す」の2つの導線に配慮しました。
取扱いブランドの一覧を表示するフリーページも用意していますが、スマホでアクセスした際にはページ遷移を少なくする為、メインメニュー内に「タブ」を設置して全階層のカテゴリーと全ブランドのリンクへアクセス可能にしています。

主なカラーミーショップのカスタマイズ

• 付加画像（アイコン）のカスタマイズ
• 商品一覧テンプレートのレイアウト自動変更
• Instagramタイムラインの自動表示