EC-CUBE テンプレート / フェミニンなスポーツファッション販売を想定したデザインテンプレート

商品コード	JEIA4008
発売日	2021/6/15
更新日	2023/3/7
対応ブラウザ	Microsoft Edge、Mozilla Firefox、Safari、Google Chrome
対応バージョン	EC-CUBE 4.2.3

次のようなショップオーナーにおすすめ

ヨガスタジオの経営やヨガ用品を販売している業者様。あるいは、女性用スポーツウエアを販売されている業者様。

ナチュラル系ファッションブランドを販売されているアパレル業者様・メーカー様。

ECサイトを通じて自社のブランドや商品、サービスなどに「愛着」や「信頼」を感じてもらうためのブランディングECサイトを実現されたい方。

僕たちが、この作品で考えてたこと。

オンラインヨガが盛り上がる中、ヨガ用品のECサイトを少し調べてみると、まだまだ自社サイトで展開されているショップも多くはなかたので、今回、ヨガ用品をテーマにしたECサイトのテンプレートを作成してみました。通常のECサイトでは碁盤の目のように商品画像を理路整然とレイアウトすることが一般的です。このテンプレートのTOPページではあえてその手法をとらずに、画像による自然な印象を与えながら、気取らないカジュアルさと、大人の女性にアピールするセンスの良さやナチュラル感演出するため、写真をちりばめたようなレイアウトにしました。

ショッピングサイトとしての特徴

動画表示可能な
メインビジュアルスライダー

ECサイトにアクセスした際に、サイトの印象を左右するファーストビュー。最近では、より印象づけさせるために画像だけでなく動画で表現したりします。このデザインテンプレートでは、画像と動画の両方をメインビジュアルに設定することができるので、商品やサービスの魅力を視覚的に訴求でき、より多くの情報を伝えると共に、動画による「分かりやすさ」でブランディングイメージの向上を狙うことができます。

実はSEO的に重要
カテゴリコンテンツの表示

実は、EC サイトの商品一覧ページにおいては、商品のリンク以外のコンテンツが何もないと、上位表示するのは難しくなるということをご存じでしょうか。このテンプレートの仕様では、カテゴリページ毎に異なるオリジナルコンテンツを入れることでき、カテゴリページが検索結果に表示されやすくなります。多くののアクセスを見込むことが可能です。

中身がまるわかり
カートポップアップ機能

商品を複数購入する予定をしている購入者にとっては、今自分がどれだけの商品をカートに入れているか把握したいもの。でも、わざわざカート画面に画面遷移して商品を確認するにも少し面倒だったりしますよね。この機能はわざわざカート画面に画面遷移しなくても、カートのアイコンにマウスを添えるだけで、現在の購入予定商品が一目でわかる、便利な機能になります。

多くのユーザーへ訴求
インスタグラム画像の連携

インスタグラムの投稿は、基本的にフォロワーのみにしか表示がされず、ユーザーとの接点がないのですが、ECサイトに公式インスタグラムの投稿を埋め込むことにより、ECサイトに訪れたユーザーに対してもインスタグラムの写真や動画で訴求することができます。素敵な投稿をECサイトで再活用することで、ブランドでは表現できないコンテンツを生成することができます。

固定ヘッダーUIで
ユーザビリティ確保する

スマートフォンのサイトはどうしても縦に長くなりがち。一度、スクロールしてから、再度メニューを見るためにスクロールするなんて面倒ですよね。そんな面倒も固定ヘッダーで解決できます。ページ内リンクを固定表示したナビゲーション内に配置した仕様となり、縦長のページであってもスムーズに目的のコンテンツ間を行き来することが可能です。

購入機会を逃さない
固定購入UI

商品ページでの情報が多いと、肝心となるカートボタンがどこにあるのか迷ったりしますよね。このテンプレートでの商品ページのカートボタンの仕様では、画面下部にカートボタンを固定表示するUIに設計しています。わざわざスクロール操作でボタンを探さなくてもカート追加&購入ができるため、利便性がアップし売り上げにも繋がります。

多くの商品画像を
コンパクトにリスト化

スマホでは画面サイズが限られているため、商品の画像のレイアウトが煩雑になりがちだったりします。このテンプレートでは、多くの商品画像をコンパクトにリスト表示することができます。スワイプ機能と画像一覧リスト表示機能が実装されているので、商品の画像情報をわかりやすく伝えることができます。

利便性を高める
ハンバーガーメニュー

スマホは限られた画面のためメニューを表示するととコンテンツがファーストビューに収まらなくなってしまいます。このテンプレートでは、ハンバーガーメニューを導入しているの、ボタンをタップすることでメニュー一覧を展開でき、少ないスペースでメニュー表示エリアを確保できます。

利用ガイドのひな型ページ

お客様の不安を取り除くためにも、利用ガイドページを設置させることは非常に重要なことです。このデザインテンプレートでは、利用ガイドページのひな型が付属されています。「支払い方法」「送料・配送方法について」「返品・返却について」など、見出し別にコンテンツを作成しているので、テキストを変更するだけで利用ガイドページができあがります。また、テキストの箇条書き表現や文字色などのスタイルシートも完備しているので、簡単に充実したコンテンツを作成することが可能です。

隅々までページの統一感を

せっかくデザインテンプレートを購入したけど、「TOPページ」「カテゴリページ」「商品ページ」以外のページがデフォルトのデザインのままで、いまいち統一感がなかったりすることがないでしょうか。このデザインテンプレートでは、「カートページ」「お問い合わせページ」「マイページ」等、すべてのページにて、デザインテンプレートに合わせたデザインにリファインされています。

EC-CUBEテンプレート - 女性のフェミニンなスポーツファッション販売を想定

YOGA - EC-CUBE4デザインテンプレート No.JEIA4008