おしゃれなECサイトのデザイン。本当に参考になるものだけ厳選【2018年版】

これからECサイトをリニューアルしようとされている方にとって「デザイン」は非常に重要な要素の1つです。

本記事では、デザインの際に参考になるECサイトをピックアップ。業界別に分かりやすくまとめました。


制作会社にECサイトの制作を発注を検討されている方も、事前に「こういうサイトにしたい」という参考サイトを探しておくのは非常に重要です。


また、おしゃれなECサイトのデザインだけではなく、

  • 参考サイトを集めている「ギャラリーサイト」
  • ECサイトに強い制作会社

も合わせてピックアップしました。


ぜひ参考にしてください。

目次

  1. 1. 業界別!おしゃれなデザインのECサイトまとめ
    1. 1-1. インテリア・雑貨業界
    2. 1-2. 食品業界
    3. 1-3. アパレル・ファッション業界
    4. 1-4. 美容・化粧品業界
  2. 2. 自分でおしゃれなECサイトの参考デザインを探したい方へ
    1. 2-1. MUUUUU.ORG
    2. 2-2. 1guu
    3. 2-3. WebDesign Bookmark S5-Style
  3. 3. ECサイトの構築が得意な東京の制作会社 5選
    1. 3-1. 株式会社アライバルクオリティー
    2. 3-2. 株式会社AROUND
    3. 3-3. ボクブロック株式会社
    4. 3-4. アートトレーディング株式会社
    5. 3-5. コマースメディア株式会社
  4. 4. 【まとめ】おしゃれなECサイトのデザイン
    1. 4-1. ECサイトの制作依頼をお考えの方へ

業界別!おしゃれなデザインのECサイトまとめ

インテリア・雑貨業界

MoMA STORE

MoMASTORE


THE王道のおしゃれなECサイト

ニューヨーク近代美術館(MoMA)の公式ショップ。

ニューヨーク発のユニークな雑貨インテリアが並んでいます。メディアが注目している商品も多数掲載。

カテゴリー検索が多様で、ジャンルや価格、デザイン性だけでなくデザイナー別に検索することも可能です。

白を基調とした見やすいUIで、商品が映える形になっている為、ECサイトを構築する際にはとても参考になるサイトです。


(ECサイトへ:http://www.momastore.jp/shop/default.aspx )



scope

scope


記事風に商品を紹介する「メディア型」ECサイト

北欧デザインの食器や家具など、生活を豊かにするアイテムを世界中、日本中からセレクトし販売するセレクトショップです。

オリジナル商品だけでなく、サイトの下部の方にある商品の紹介記事がとてもユニーク

下記画像のようにコラムのような形で商品を紹介し、商品がさりげなく生活空間にある写真などを散りばめることで「自分の部屋にこの商品があったら」「こんな使い方をするのか」などと想像力を膨らませるようになっています。

そしてそのまま商品の「カートに入れる」と購入の導線がとてもスムーズです。

「ECサイトとして、オンラインで自社の商品を購入できるようにしておしまい。」ではなく、このような記事の存在により購入前のストーリーを訴求している、特徴的なECサイトです。


(ECサイトへ:https://www.scope.ne.jp/ )



モンシファカ|mon cifaka

モンシファカ


かわいい不思議なぷわぷわ効果

岡山のデザイン事務所が運営する雑貨・家具・食器・アクセサリー等のセレクトショップ。

不思議なぷわぷわと動きをするアニメーションを駆使し、商品の魅力を訴求

四角いカード型のデザインで見やすく商品を羅列するのではなく、あえてこういったUIにすることによって独自性を産んでいます。

思わず、詳細を覗いて見たくなる商品の種類と、それを取り巻くECサイトのデザインが見事にマッチしているようです。


(ECサイトへ:http://mon.cifaka.jp/ )



重山陶器株式会社

重山陶器


伝統と現代風デザインのナイスマッチ

重山陶器株式会社のオンラインショップ。陶器という伝統ある工芸品からは連想しにくい、おしゃれでシンプルなデザインのサイトが印象的です。

大人っぽい藍色がテーマカラーのECサイトで、それが下地にあるからこその色あざやかな陶器の数々が映えています。

実際の作業工程の写真を挿入することで確かな技術力のある陶芸のプロによる作品を提供していると印象付けているようです。

生活空間に楽しさをもたらすようなユニークでオリジナルな陶器製品がこちらのサイトには並んでおり、思わず家に置いておきたくなるような商品がずらりと並んでいます。


(WEBサイトへ:http://www.jyuzan.jp/ )



食品業界

BAKE

BAKE


観るものを魅了する鮮やかな商品の写真!

北海道生まれのチーズタルトBAKEの公式サイト。

サイトの ランディングページ には、動的なアニメーションが施されていますがそれ以上に特筆すべきは画像素材です。

自社の看板商品であるチーズタルトを美しいと言えるほどに綺麗に撮影した写真を掲載。シンプルに商品の魅力を訴求しています。

こちらのWEBサイトでは実は直接購入することはできず、楽天のオンラインショップにて商品を購入することが可能です。

オリジナルサイトに比べれば見た目はやや劣るものの、いずれにしろ食品系のECサイトは画像の「シズル感」が非常に重要になることを再確認させられるサイトです。


(ECサイトへ:https://cheesetart.com/ )



ANYWHERE DOOR | 原宿りんご

ANYWHEREDOOR


インスタグラムとの連携に注力しているECサイト

世界で流行っているスイーツをいち早く提供するスペシャリティショップ、ANYWHERE DOORのオンラインストアです。

インスタグラムなどのSNS運用も強化しており、ECサイトの中に、ハッシュタグ「#anywheredoor」というタイトルとともにインスタグラム上で投稿しているインスタ映えする写真を掲載しています。


(ECサイトへ:http://anywheredoor.jp/ )



ネスレ

ネスレ


カテゴリー検索に工夫がなされた参考例

キットカットなどで有名なネスレのオンラインショップ。

ここで紹介したいのは上記画像に挙げているように「カテゴリーから探す」の部分です。

一般的なECサイトでは、「カテゴリーから探す」の部分は単純なテキストなどシンプルな見た目になっていることがほとんどです。

ですが、このネスレのオンラインショップでは商品の画像を乗せることでユーザーのクリック率を高め、ECサイト内の回遊性を高める工夫がなされています


(ECサイトヘ:https://shop.nestle.jp/front/contents/top/ )



アパレル・ファッション業界

Happy Socks

HappySocks


眺めているだけでハッピーになれるカラフルでポップなECサイト!

スウェーデン発ブランドの靴下や下着を取り扱うお店「Happy Socks」のサイトです。

インパクトある写真素材をタイル型で大胆に表示。ポップでカラフル、おしゃれな靴下を中心に取り扱っているためサイト全体にもその雰囲気が漂っています。

ハッピーソックスという名前だけあって、サイトに出てくるモデルの方達はどの方も楽しそうな笑顔で靴下や下着を履いており閲覧者をぐっと引き込む力があります。

(ECサイトヘ:https://www.happysocks.com/jp/ )



PUMA

PUMA


ゲームを活用した販促施策が特徴的

ドイツ生まれの世界的に有名なブランド、プーマのオンラインショップ。

こちらの公式サイトも、シンプルで見やすいデザインをしていて基本的なECサイトとしてとても参考になります。

加えて、今回注目したいのはキャンペーン施策

販促施策としてマリオ風ブラウザゲームを作成。自社商品の靴を利用したゲームで、ゲームオーバーするとその靴を購入できるフローまで用意されています。

販促のアイデアとして非常に参考になります。



(キャンペーンサイトへ:https://www.rs0playthegame.com/ )



SCHMECK– For the miniature you.

SCHMECK


写真素材で勝負するECサイト

丈夫でおしゃれな子供服を販売しているSCHMECK。

サイトには、おしゃれな格好をしている子供たちと、子供たちが着ている洋服が載っています。

一般的な「かわいい子供服」というコンセプトとしてではなく、「もしも、大人がいきなり小さくなっても着たいような丈夫な服」を提供しており、「For the miniature you」という所にそうした意味が込められておりユーモアがあります。

サイトには最小限のテキストとインパクトのある写真というレイアウトをとっており、シンプルな訴求が印象的です。


(ECサイトヘ:https://www.schmeck.com/ )



美容・化粧品業界

BULK HOMME

BULKHOMME


白と黒を基調としたシックなECサイト

メンズコスメブランドBULK HOMME(バルクオム)の公式サイト。

白と黒の洗練されたデザインが特徴のサイトで、男性らしい格好良さとメンズコスメという清潔感が全体に漂っています。

一番初めにサイトを開いたときのアニメーションでブランド名と商品のイメージが自然と頭に残りやすくなっています。


(ECサイトへ:https://bulk.co.jp/ )



BOTANIST

BOTANIST


「CMなく2,500万本」売れたBOTANISTのECサイト

ボタニカルライフスタイルブランドBOTANISTの公式サイトです。BOTANISTはCMなく2500万本売れたと言う大ヒット商品です。

今では、薬局などの店舗などでも販売されていますが当初はインターネット販売のみだったそうで、大ヒットしたマーケティング手法も注目されています。


特徴はECサイトの1st viewや、サイト内の記事の随所に使用されている「動画」

商品紹介などをSNSとも相性の良い動画で行い、より訴求力を強めています。


BOTANISTのECサイトでは「ONLINE STORE」と言うリンクだけを用意し、そこをクリックすると&Habitと言う外部オンラインストアに繋がります。


(ECサイトへ:https://botanistofficial.com/ )



baraio

baraio


情報量よりも、「この商品が欲しい」と思わせるインパクトを重視したデザイン構成

薔薇水で作られたものを提供する薔薇水ブランドbaraio。

ランディングページ には「静岡に咲いた薔薇を 富士の伏流水で蒸留した 日本の薔薇水」というテキストと、凛としたバラの棘の写真と商品の写真があり1つ1つの情報にインパクトがあります。

どこか、サイト全体に凛としたバラのような印象を受けます。


(WEBサイトヘ:https://baraio.jp/ )


自分でおしゃれなECサイトの参考デザインを探したい方へ

自分でおしゃれなECサイトの参考デザインを探したい方へ向けて、参考になる3つのサイトを紹介していきます。


MUUUUU.ORG

<おすすめポイント>

  • 縦に長くオーソドックスなレイアウトでかつ、非常にデザインが優れたサイトを厳選して掲載。
  • 産業別、デザインの傾向別、サイトのタイプ別、色味によって検索可能。
  • 合計3,000サイト以上が掲載。(ECサイトは300サイト)


MUUUUU


たくさんのイケてるECサイトをカテゴリー別に検索可能

当サイトのカテゴリー検索で「ECサイト」をクリックすると約300種類のECサイトのトップページを見ることができます

ECサイトを構築する時、「トップページをどういったものにしようか」とデザイン案などに悩んでいる際や、「制作会社にイメージを伝えたい」際などにオススメのサイトです。

ただし、例えばECサイトの中の「ファッション」カテゴリーだけを絞り込んで表示させるということができません。

(WEBサイトヘ:http://muuuuu.org/category/sitetype/ec )



1guu

<おすすめポイント>

  • クオリティの高いWebデザインを集めたWebデザイナーのためのギャラリー・サイトリンク集
  • サイトにあるサムネイル上で動的なアニメーションがある各サイトの動きも確認可能。
  • 国別からの検索、産業別からの検索も可能なため、目的のwebデザインがいち早く見つかる


1guu


サムネ画像で、動きのあるおしゃれなECサイトも簡単確認!

こちらのサイトでは、動的なアニメーションを伴うECサイトの動きもサムネイルで確認することができます

多様なジャンルのECサイトをリサーチすることで、デザインだけでなく自社のサイトにも応用できる機能を思いつくなど、思わぬヒントを得ることができるかもしれません。

(WEBサイトへ:http://1guu.jp/category/industry/online-store/ )



WebDesign Bookmark S5-Style

WebDesign-Bookmark-S5-Style


<おすすめポイント>

  • 国内外の多数のホームページがまとめられている。
  • サービス内容、デザインの特徴、色、テクニック、タイプで絞り込み検索可能。
  • オンラインストアのカテゴリーには、女性向けの限定的なものもあり。


タグでECサイトの特徴を簡単確認!

「MUUUUU」と同じく業界や使用しているカラー、使用技術などからサイトを検索することができます。

こちらのサイトにはデザイン性の高いECサイトが200種類以上掲載されています

(WEBサイトヘ:http://bm.s5-style.com/category/type/ecstore )



ECサイトの構築が得意な東京の制作会社 5選

こちらでは、ECサイトの構築が得意な東京の制作会社を5社、ピックアップしました。

制作会社に発注して、ECサイトを構築されようとされている方は是非参考にしてみてください。


株式会社アライバルクオリティー

株式会社アライバルクオリティーのここがポイント

  • ECサイトの構築に圧倒的な実績
  • ASPを利用したECサイト制作やモール型のECなど、形態・ツールを問わずECサイトの構築が可能
  • 制作だけでなく、ECの運営代行・広告運用・SEO対策まで対応可能


株式会社アライバルクオリティー


売れるためのデザインに強みを持つEC制作会社

株式会社アライバルクオリティーの特徴はデザイン性の高さと、その圧倒的な実績。

創業よりECサイトの構築・運用に強みを持って展開し、国内の有名メーカーからアパレル・ファッションまで実績多数です。

また、EC-CUBEなどのASP型・楽天やAmazonなどのモール型など多種多様なニーズに対応できるカバー範囲も魅力です。

広告運用やSEO対策も提供しているため、「まるっと」EC業務を発注したい方におすすめの制作会社です。

株式会社アライバルクオリティーの制作情報 | ホームページ制作会社の見積・発注なら|Web幹事 「クリエイティブデザイン」と「マーケティングデザイン」という2つの課題解決手法を用いて、様々なクリエイティブを制作する制作会社。ECサイトの海外展開の支援なども行う。



株式会社AROUND

株式会社AROUNDのここがポイント!

  • 美容コスメ・ファッション領域に強み
  • LINE@・Instagram・ライブECなど最新のマーケティング施策にも対応
  • 楽天ショップ・オブ・ザ・イヤーの受賞経験者が在籍・ECサイト構築も行う


株式会社AROUND


美容コスメ・ファッション領域に強みあり!

美容コスメ・ファッション領域のECサイト制作に強みを持つ株式会社AROUND。

それらの制作実績もサイトに掲載されており、発注の際の参考になります。

また、2016年から自社で大人かわいいプチプラファッションECサイト「HANILOOK 」を運営しており、ECサイトの独自ノウハウも持っています。

ECサイトの制作・構築だけでなくサービス名やロゴ、ムービー制作なども請け負っています。

株式会社AROUNDの制作情報 | ホームページ制作会社の見積・発注なら|Web幹事 美容コスメ・ファッション領域に強みを持つ、東京都渋谷区の制作会社。プロモーションやマーケティングを得意とし、LINE@・Instagram・ライブECなど最新のマーケティング施策にも対応。楽天ショップ・オブ・ザ・イヤーの受賞経験者を中心にECサイトの構築も行なっている。自社にて女性ファッションECサイト「HANILOOK」を運営している。



ボクブロック株式会社

ボクブロック株式会社のここがポイント!

  • EC-CUBEを利用したECサイトの構築実績が500社以上
  • EC-CUBEのパートナー制度で最高位のプラチナパートナーに認定
  • EC-CUBEのプラグイン制作実績多数


ボクブロック株式会社


EC-CUBEにに強みをもつ制作会社!

ボクブロック株式会社はEC-CUBEに強みを持つ制作会社

EC-CUBEという全国30,000サイト以上で使われているオープンソースのEC構築システムをベースにし、ECサイトの構築・カスタマイズをしてくれます。

EC-CUBE専門のため、サイトを構築するだけでなく保守や集客支援、企画、コンサルティングまで請け負っています。

EC-CUBEでECサイトを構築したいと検討されている方は是非、ボクブロック株式会社に相談して見るのはいかがでしょうか。

ボクブロック株式会社の制作情報 | ホームページ制作会社の見積・発注なら|Web幹事 EC-CUBEを用いたオンラインショップ構築に特化した制作会社。EC-CUBEを利用したオンラインショップ構築実績は500社を超える。レコメンドエンジンやなどの様々な機能カスタマイズからデザイン更新・24時間・365日有人監視・復旧サービスまでワンストップで対応可能。



アートトレーディング株式会社

アートトレーディング株式会社のここがポイント!

  • ECサイトの運用に強み
  • ECに関連する業務は全て代行可能
  • 自社で「受注+物流」の管理サービスを開発・提供


アートトレーディング株式会社


ネットショップの完全運営代行

アートトレーディング株式会社は、ECサイト・ Yahoo&楽天ショッピング・ネットショップの運営代行に強みを持つ制作会社。

商品の撮影・登録や在庫管理・販促施策の立案までECサイトの運用をトータルでサポートすることが可能です。

ECサイトの丸ごと一括サポートの他にも、一部業務からの請負も可能。ECサイトの運営もセットで任せたい方はアートトレーディングがおすすめです。

アートトレーディング株式会社の制作情報 | ホームページ制作会社の見積・発注なら|Web幹事 ECサイトの運用に強みを持つ制作会社。ECさいとの制作から、写真撮影・商品登録・出荷指示などの運用面から、改善・Webコンサルティングまで、「完全運営代行」を行う体制が強み。自社でECの受注管理サービス「スマロジ」を開発しておりクライアントに提供している。



コマースメディア株式会社

コマースメディア株式会社のここがポイント!

  • 自社(Shopify)での運用経験多数
  • カスタマーサポート、物流代行も可能
  • 公式パートナー「Shopify Experts」に認定


コマースメディア株式会社


Shopifyを用いたECサイト構築のプロフェッショナル

コマースメディア株式会社は、ShopifyをプラットフォームとしたECサイト構築に強みを持つ制作会社

新規のサイト制作から在庫管理・日々の運営業務まで幅広くサポートしています。

Shopifyとはカナダ生まれの自社ECサイトをつくるためのサービス。世界でNo1のシェアを持っており越境ECにも最適です。

コマースメディア株式会社の制作情報 | 東京都のホームページ制作会社|Web幹事 Shopifyを中心としたECサイトの制作・運用サポート及びコンサルティングを行う。自社でShopifyを運営していることから、設定、デザイン、構築、連携ソフト(Amazon, 楽天, Yahoo等)のつなぎ込み等包括的なサポートが可能。 国内3社目のShopify Expertsに認定。



【まとめ】おしゃれなECサイトのデザイン

ECサイトのおしゃれなおすすめデザインについてご紹介してきました。

ECサイトにおいて「デザイン」は非常に重要です。しかし、目的は「商品やサービスの販売」。

おしゃれなサイトでも、売れるECサイトにならなければ意味がありません。そのためにしっかりとECサイトの目的や要件を定義することが、より重要になります。


下記に制作会社に依頼する際のノウハウをご紹介します。ぜひ参考にしてください。

10分で分かるホームページ制作の流れ(元Webディレクターが解説)

【事例&サンプル付き】ホームページ制作のRFP(提案依頼書)の書き方完全マニュアル

簡単にできる制作会社の選び方【評価シート付き】


ECサイトの制作依頼をお考えの方へ

Web幹事ではECサイトの構築が得意な制作会社を無料でご紹介しております。

専門のコンサルタントが、貴社の要件をヒアリングし最適なEC制作会社をご紹介します。


・ECサイトを制作するとどれくらいかかるのか聞いてみたい。

・まずは気軽にECサイトについて相談してみたい。


といった方は、ぜひお気軽にご相談ください。

Web幹事に相談する


失敗しないホームページ制作会社選びは、Web幹事にお任せ!