EC-CUBE テンプレート / オーガニック化粧品などの販売を想定したデザインテンプレート

商品コード	JEIA4011
発売日	2022/01/25
更新日	2024/08/02
対応ブラウザ	Microsoft Edge、Mozilla Firefox、Safari、Google Chrome
対応バージョン	EC-CUBE 4.3.0

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

オーガニックコスメなどの美容系商品を販売している業者様。あるいは、ヴィーガンの方へ向けた商品を取り扱う業者様。

エステサロンやネイルサロンなどを経営されている業者様。

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

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

SDGsやオーガニック製品・ヴィーガンが注目される中、まだまだ自社サイトで展開されているショップも多くはなかったので、今回、オーガニックコスメをテーマにしたECサイトのテンプレートを作成してみました。まずはスマートフォンでも見やすくPCでも共通の動画素材を使いやすい、縦型レイアウトのプロモーションスライダーを採用しました。また、よくあるECサイトのように碁盤の目のように商品画像をレイアウトするのではなくあえてセールス感を控えめにした上で、画像による自然な印象を与えながら、気取らない美しさとナチュラル感演出するため、写真をちりばめたようなレイアウトにしました。

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

情報を効率的に
メインスライダー機能

ECサイトサイトの印象を左右するファーストビューは、非常に重要なコンテンツです。このデザインテンプレートではメインビジュアルにスライダー機能を導入しています。「サービスの内容」や「旬な情報」或いは「サイトのイメージ」など、限られたスペースで数多くのコンテンツを見せられること可能です。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

EC-CUBEテンプレート - オーガニック化粧品などの販売を想定

BEAUTY - EC-CUBE4デザインテンプレート No.JEIA4011