• トップ > お知らせ トップ
  • 2016年11月18日 WordPressで制作したサイトにカートを設置!「メディアEC」デザイン事例10選

WordPressで制作したサイトにカートを設置!「メディアEC」デザイン事例10選

このエントリーをはてなブックマークに追加

wp_tb_renkei

こんにちは!カラーミーショップPR担当です。みなさんは「メディアEC」をご存知ですか?
ネットショップの制作現場で最近トレンドの「メディアEC」。今日は、そのメリットや成功事例などをご紹介します。

Q「メディアEC」って何?

A価格だけで勝負しない新しいネットショップのスタイルです。

通販に「付加価値」が求められる時代において、さまざまなネットショップが試行錯誤を重ねていますが、読み物や写真をつかって商品を購入するまでのイメージを膨らませて購買につなげられる手法として注目が集まっています。

Qメリット・デメリットは?

Aファンを増やせる一方、体力が必要です。

価格のインパクトや商品の話題性に関わらず

・独自のコンテンツを通して魅力を伝えられる
・読者(来訪者)をそのままファン(購入者)にできる
・商品を起点にショップに興味・愛着を持ってもらえる

といったメリットが挙げられます。
一方で、スタッフの体力が奪われることがデメリット。
コンテンツを発信し続けるためには多くの時間と労力が必要になるため、ここで挫折してしまう店舗さんも多いようです。(運営を長く続けるコツについては、後日公開いたします!)

Qどんな作り方があるの?

A大きく2つのスタイルがあります。

1.ネットショップのコンテンツを充実させる
2.Webサイト(オウンドメディア)の各ページにカートを設置する

1の場合カラーミーショップの機能のみで完結しますが、2の場合でもカラーミーショップの独自機能「どこでもカラーミー」が活躍します。

WordPressを使ったケースが増加!

更新のしやすさ・柔軟なデザイン設計に対応していることからWordPressなどのサービスを使って制作されたWebサイトにカートを設置するケースも増えてきています。(※以下の事例ではTumblrを利用したショップもご紹介しておりますが、2018年5月現在、Tumblrで任意のJSタグが設置できなくなりました。)


メディアEC成功事例10選

今回はWordPressなどを使ってメディアECを運営されているショップさまの事例をご紹介します。
メディアECの運営に興味のあるショップさんは、ぜひ参考にしてみてください。
1.若鶏の丸焼き専門店「ブエノチキン浦添」(沖縄)
2.パンと日用品のお店 「わざわざ」(長野)
3.有機ドライフルーツ・ナッツの専門店 「Nova SELECT」(埼玉)
4.生活を立体的に編集するショップ 「EDIT LIFE」(東京)
5.ピーナッツバター専門店「HAPPY NUTS DAY」(千葉)
6.オリジナルの白玉粉と雑貨のお店「MACHITOKI」(新潟)
7.人気のコーヒーショップ「ONIBUS COFFEE」(東京)
8.アパレルセレクトショップ「TAKE OFF」(長崎)
9.おしゃれな波佐見焼のお店「aiyu」(長崎)
10.国産にこだわった木材の専門店「みんなの材木屋」(岡山)

1.若鶏の丸焼き専門店「ブエノチキン浦添」

2016-11-14_16h12_57

TOPページにインパクトがあるこちらのショップ。商品はチキンの丸焼きのみにもかかわらず、デザインと切り口によって非常ににぎやかに演出されています。

2016-11-14_16h13_45

購入動機が限られてしまうオリジナル一点ものショップのむずかしさを、レシピやシチュエーション訴求で解決している好例。ブログや商品紹介ページの情報にも注目です。

2016-11-14_16h14_02


ショップを見る

▲ 目次に戻る

2.パンと日用品のお店 「わざわざ」

2016-11-14_16h19_54

実店舗の空気観を細部にまでこだわったデザインで表現されたお店。こちらのWebサイトはTumblrをベースに制作されています。

2016-11-14_16h20_30

ハッシュタグ別に投稿される日々のコラムは読み応え満点。商品ページも、ていねいに撮影された写真と店主さんのレビューが綴られていて、ファンの心をがっちりと掴んでいます。Tumblrを使った構築の裏側についてはこちらの記事もぜひチェックしてみてください!

2016-11-14_16h22_10


ショップを見る

▲ 目次に戻る

3.有機ドライフルーツ・ナッツの専門店 「Nova SELECT」

2016-11-14_16h27_13

WordPressを活用しながら制作されたこちらのWebサイト。TOPページの右カラムには、Instagramでの投稿が反映される機能が付いています。

2016-11-14_16h32_11

商品紹介ページでは、関連商品の表示が充実。商品写真を並べるだけでなく説明文も表示させることで興味を引きます。


ショップを見る

▲ 目次に戻る

4.生活を立体的に編集するショップ 「EDIT LIFE」

2016-11-14_16h35_05

WordPressを使って、まるで雑誌のような構成で作られたこちらのショップ。編集力を生かした読み物が充実しています。

2016-11-14_16h35_44

商品を使ったライフスタイルをイメージさせながら紹介する役割を持つ「ブログ」と、人やブランドについて読み応えのある「マガジン」の使い分けが特徴的です。


ショップを見る

▲ 目次に戻る

5.ピーナッツバター専門店「HAPPY NUTS DAY」

2016-11-14_16h53_43

最近リニューアルした人気のお店「HAPPY NUTS DAY」さん。こちらのお店も商品の種類は少ないものの、畑や人の写真をつかって効果的にイメージ訴求しています。

2016-11-14_16h55_28

また写真だけでなく読み物の部分も注目。「みんなのレシピ」をはじめ、商品だけでなく誕生背景や使い方といった前後の物語をきちんと見せています。


ショップを見る

▲ 目次に戻る

6.オリジナルの白玉粉と雑貨のお店「MACHITOKI」

2016-11-14_16h57_52

新潟県のカフェ「MACHITOKI」さん。ひとつひとつの商品紹介ページに情報が満載で、雑誌のような作りになっています。

2016-11-14_16h58_53

お店の看板商品である白玉粉の商品ページでは、写真だけでなく動画も活用! Webサイトだけではなかなか伝わりづらい部分をカバーしています。


ショップを見る

▲ 目次に戻る

7.人気のコーヒーショップ「ONIBUS COFFEE」

2016-11-14_17h00_34

人気のコーヒーショップ「ONIBUS COFFEE」。一見すると分からないですが、実はこちらもTumblrを使ったメディアEC

2016-11-14_17h01_11

商品ページのほかに実店舗の情報やニュース、更新情報もTumblrを使って一括で管理しています。デザインの柔軟性だけでなく運用更新面でもTumblrをフル活用している好例です。


ショップを見る

▲ 目次に戻る

8.アパレルセレクトショップ「TAKE OFF」

2016-11-15_12h29_59

イラストと写真を上手に使ったデザイン。メニューやボタンにもイラストを取り入れることで、次のアクションへと無理なく誘導しています。

2016-11-15_12h30_19

また、トップページにブログ記事をスライドショーで表示。商品だけの情報で単調になりがちなネットショップを、ショップへの興味喚起に結びつけています。


ショップを見る

▲ 目次に戻る

9.おしゃれな波佐見焼のお店「aiyu」

2016-11-14_17h03_09

波佐見焼のうつわを販売しているこちらのショップ。カラフルな背景にならぶ器の写真がWebサイト全体をにぎやかに演出しています。

2016-11-14_17h05_22

実際に食材をのせた使用イメージを掲載することで、サイズ感やシチュエーションなどを上手く伝えています。


ショップを見る

▲ 目次に戻る

10.国産にこだわった木材の専門店「みんなの材木屋」

2016-11-14_17h08_33

商品の使い方を喚起させるコンテンツが充実したこちらのWebサイト。ニッチな商材でありながら、とても親しみやすいデザインに仕上がっています。

2016-11-14_17h10_23

注目のポイントは、写真を豊富につかったバナーエリアやメニューボタン。非常に視認性が高く、Webサイトの離脱防止に役立っています。

ショップを見る

▲ 目次に戻る

まとめ

自由自在にデザインできてショップ独自の世界観を出しやすいのが、WordPressなどを活用したメディアECのメリット。
「こだわりを表現したい!」「コンテンツをたくさん更新したい!」というオーナーさま・制作会社さまは、ぜひ参考にしてみてくださいね!
最後までお読みいただき、ありがとうございました。

こちらの記事もあわせてお読みください!

カラーミーショップ公式LINE@

最新情報をおとどけします!

[友だち追加] ボタンからQRコードを表示してスマートフォンで読み取るか、
LINE アプリの [友だち追加] で [ID/電話番号] を選択後 [@colormeshop] を検索してみてください。

友だち追加

@colormeshop