MotherHeadsでは自社で制作したプロダクト製品(Tシャツ、パーカー、アクセサリーなど)およびレコード(激安価格にて)を販売していくサイトであります。このサイトはカラーミーショップを導入しています。さらにカラーミーショップでのテーマを利用してECサイトを制作しています。機能面は独自でカスタマイズしています。
URL:http://motherheads.com/
プロジェクトの流れ
構成について
トップのメインビュジュアルはフェード(スライダー)となっております。弊社でど定番のslickつかっています。さらにメインビュジュアル下にはカルーセル(スライダー)にしており、ピックアップ商品を案内するという構成にしています。
このショップは受注生産生のSPAを導入しているため商品の在庫を持っておりません。そのためTシャツなどの衣服類のカラー展開をみせるためにカラーセレクターをプラグラムして導入しています。ベースであるTシャツがもっているカラーを登録することで訪問されたユーザー様にシュミレーションができるようにしています。
デザインについて
カテゴリー分けを徹底的にし、商材をわかりやすく配置しユーザー様がみたいものを見やすいように設計しています。各ページに関しては、カラーミーショップ特有のつくりにあわせています。
コーディング・マークアップについて
カラーミーショップという土台を今回採用しているので、まずはカラーミーショップがもっているフレームワークや仕様設計にのっとってコーディングから組込みをしています。CSS設計は重点にしています。保守性と可続性と再利用性を重視しているのでコンテンツが追加されてもメンテナンス性のある設計にしてコーディングをしています。SEOを意識したコーディングをしています。
運用について
カラーミーショップの機能をそのままいかせれるようにしていますので商品登録や修正などが簡単にできるようにしています。