独自ECサイト・独自ドメインのネットショップ制作パッケージ｜ハロー！ ネットショップ Hello! NetShop

以前はASPサービスを利用したネットショップを運営されていましたが、買い物のしやすさを追求すると、その細かな要望に応えるにはASPでは難しく、EC-CUBEをカスタマイズしてサイト構築をすることとなりました。

商品一覧の同一ページ内に複数の子カテゴリを混在して表示

ユーザーが各商品の特徴を直感的に理解でき、さらにページ遷移を繰り返さなくてもスムーズに希望の商品にたどり着けるように、商品一覧ページを大幅にカスタマイズしています。主力商品であるマッサージベッドには、様々な特徴を持った商品が多数存在しており、その特徴を一目で理解して目的の商品にたどり着いてもらうために、特徴毎に子カテゴリに分けています。さらにそれぞれの特徴を持った子カテゴリを一目で比較検討してもらうために、同一ページに全ての子カテゴリを表示させるようなカスタマイズを行っています。同一ページ内に表示された子カテゴリは、それぞれ独自にページを送ることができます。ページ全体をページ送りしてしまわずに興味のある部分だけページを送ればすむので、ユーザーにストレスを感じさせません。。またそれぞれの子カテゴリは、画像と文章を使った特徴説明が表示できるようにカスタマイズしております。これらは入力エディタを使って簡単に編集できるようになっています。

規格によって違う価格表示への対応とオプション選択の追加

取り扱われている商品には、色やサイズなど複数の規格やオプションがあり、これらをプルダウンリストで簡単に選択できるようにカスタマイズしています。管理画面で商品のプロパティ（商品の厚さや強度などの値）を設定登録し、各商品毎にそのプロパティを選択できるようになっています。また今回は同一商品でも規格によって価格が違う商品が多数有り、商品詳細ページでは「￥XXX〜￥XXXX」というような表示ではなく、それぞれの価格が「○○無し￥XXX、○○付き￥XXXX」というように個別に表示されるようにカスタマイズしています。さらに規格のプルダウンリスト内にそれぞれの価格を表示して、カゴの中のページに行かなくてもその場で選んだ商品の価格が確認できるようにカスタマイズしています。

頻繁に更新する静的ページを入力エディタを使って編集

お買い物の仕方などの静的ページは 作図やイラストを交えて伝えたい事が一目で理解できるように工夫しました。さらにこれらの静的ページをオーナーが簡単に追加変更できるように、今回の案件用にカスタマイズしたデザインテンプレートを登録したWYSIWYGエディタを導入し、デザイン的に統一された新規ページを簡単に制作したり編集できるようにカスタマイズしました。「難しいhtmlタグが分からなくても編集できるので大変ありがたいです」と喜んで頂きました。

ユーザビリティを追求した様々なカスタマイズ

その他問合わせフォームの追加や、会員登録データベースの大幅な改修、3種類のランキングの導入、全ページのレイアウトの統一（下層ページも全て、左メニューと右本文の2カラムに統一）など様々なカスタマイズを施してユーザビリティを追求しています。さらにこれらのカスタマイズされたPC版にあわせて、モバイル版も大幅にカスタマイズしています。