目から鱗!ECサイトのデザインで参考にしたいギャラリーサイトまとめ
時代の変化の中で新しいデバイスやデザイントレンドが登場し、ECサイトのあるべき姿も変わってきました。そんな中でリニューアル、新規ショップを立ち上げるならギャラリーサイトでデザインの参考を探すのがオススメです。様々なデザインが揃ったギャラリーサイトは、デザイナーはもちろん、ECサイトに関わる全ての人にインスピレーションを与えてくれます。
今回は、担当ディレクター、デザイナーの方にとって必見の「ECのデザインで参考にしたいギャラリーサイト」をまとめてご紹介します。ECサイトをデザインする際に、ぜひお役立てください。
(掲載数などに関する情報は、2016年8月24日時点のものです。今後変更となる可能性がございます。)
ECサイトに特化したギャラリーサイト
1.cart craze
海外のECサイトのみを1700ショップ以上集めたギャラリーサイトです。大きめのサムネイルで見やすく表示され、一つひとつが5段階で評価付けされています。ECサイト運営の参考になる記事、ホームページのPSDテンプレートやアイコンといった無料素材も公開しているのが特徴です。
海外のECサイトデザインをチェックしたいという方にぴったりです。
2.ネットショップギャラリー
ネットショップギャラリーでは、国内のECサイトが約100ショップ掲載され、各サイトごとに雰囲気、レイアウト、地域、色といった詳しい情報が丁寧に紹介されています。すぐに目当てのショップが業種や雰囲気から探し出せ、さらに詳細ページを開くとショップ全体の画像とちょっとした説明も見ることが可能です。
他のショップがどのようなレイアウト、構築方法になっているかを知りたいという方に最適なギャラリーサイトで、トップページ下部にある書籍紹介コーナーもオススメです。
3.inspirationalshops
https://www.inspirationalshops.com/
inspirationalshopsは、インスピレーションを得るために作られたEC専門のギャラリーサイトで、更新頻度はさほど高くありませんが、100以上の質の高いサイトデザインを掲載されています。
検索は、Bright・Clean・Illustrated・Minimalといった見た目の印象や使用している色、タグを使った絞り込みも可能です。特にタグは277個もあり、ピンポイントで好みのショップを探せるようになっています。
4.ecomm.design
ECサイトのデザインに特化したギャラリーサイトで、カテゴリはもちろん、使用したプラットフォーム、トラフィックからショップを検索できるのがポイントです。
また、ECに特化しながらも掲載数が多く300以上のショップを掲載されており、お目当てのショップをクリックすると、ショップ全体画像が見れるほか同業多店舗の紹介もあります。
5.Beautiful Stores
Beautiful Storesは、見た目の美しいECサイトを多く揃えたギャラリーサイトで、現在約100ショップを掲載中です。トップページ右上からショップ名検索ができる以外には無駄な機能はなく、サムネイルをクリックするとすぐに該当ショップにリンクします。
美しいショップを探している、シンプルなギャラリーサイトが好みという方に、ぜひともオススメしたいギャラリーサイトです。
6.cartfrenzy
cartfrenzyは、600ショップ以上のECサイトを紹介しているギャラリーサイトです。
他のEC特化型ギャラリーサイトに比べて掲載数が多く、沢山のショップを一度に見ることができるのがポイントで、ショップ検索にはキーワード、タグが使用できます。
シンプルな機能でざっくりとショップ検索ができるので、時間の余裕がある時や参考になるものを何となく探しているときにぴったりです。
7.Rakuu
Rakuuは、楽天ショップだけを紹介しているユニークなギャラリーサイトです。
各ジャンルごとに多数のショップを掲載しており、沢山の楽天ショップを見ることが可能で、キーワードで検索したり、楽天GOLD使用ショップだけに絞ることもできます。
楽天でショップをECサイトをオープンさせようとしている方には、特にオススメです。
ECサイトのカテゴリを含むギャラリーサイト
8.WebDesign Bookmark S5-Style
こちらは、国内外問わず多数のホームページをまとめていて、ギャラリーサイトそのものがお洒落な雰囲気のサービスです。サービス内容、デザインの特徴、色、テクニック、タイプで詳しく絞り込むことができるのが特徴で、「オンラインストア」カテゴリには、女性向けに限定したものもあり便利です。
9.イケサイ
https://www.ikesai.com/cat/ec/
イケサイでは、Webデザインに役立つ、いけてるホームページなどを収集しています。国内ギャラリーサイトの中でも知名度の高いサービスの一つです。
ほぼ毎日2〜4個を追加しているため、数多くのデザインを見ることができ、ECサイトは「オンラインショップ・ECサイト」カテゴリでチェックすることが可能です。
10.WEBデザインの見本帳
http://www.web-mihon.com/category/genre/a02/
Webデザインの見本、参考、提案を目的としたギャラリーサイトです。
国内のホームページをキーワード、印象、色、ジャンルから検索することができ、かわいい・ポップ、かっこいい・クールといった印象から絞り込みできるのはユニークです。「ECサイト・ネットショップ」からECサイトを見ることができます。
11.MUUUUU.ORG
http://muuuuu.org/category/sitetype/ec
MUUUUU.ORGは、見やすさ、使いやすさ、載って嬉しいをコンセプトにしたギャラリーサイトです。縦長でクオリティの高いホームページを掲載し、現場デザイナーが参考にしやすいサービスを目指しています。
質の高いホームページに絞って見たい方にオススメです。
12.AWWWARDS
AWWWARDSでは、特選サイト、評価システムといったユニークな掲載方法をとっています。
評価ポイントは、デザイン、クリエイティビティ、ユーザビリティ、コンテンツの4点で、他のユーザーからの評価をデザインの参考にすることが可能です。
また、評価したユーザーを見ることができたり、自分でも評価を入れることができます。
ECサイトは「E-commerce Websites」カテゴリから見ることができ、現在114ショップを掲載しています。
13.ズロック
http://www.zzrock.net/archives/category/sort/ec
ズロックでは、世界中から管理人が面白いと感じた約2,600ものホームページをまとめています。
ECサイトは123ショップ登録してあり、ファッションから飲食まで幅広いショップの閲覧ができます。そして、業種、レイアウト、カラー、種類で絞り込みが可能で、多数のホームページからでも目当てのホームページを即探せることが特徴の一つです。
小さめのサムネイルをぎっしりと敷き詰めたレイアウトになっていますので、沢山のデザインを一気に見たい方に適しています。
14.choicely
http://www.choicely.jp/webdesign/category/ec/
Webクリエイター、マーケターのためのキュレーションサービスで、6カテゴリ、1006個ものホームページを収集し、「EC・オンラインショップ」カテゴリから沢山のECサイトをチェックすることができます。掲載数は少ないものの、デザイン、構成の参考になる優れた国内外のECサイトを厳選しています。
15.WDG ウェブデザインギャラリー
http://wdg-jp.com/tag/ec-shop/
WDG ウェブデザインギャラリーでは、毎日サイトが更新されていて、これまでに1978個ものホームページが公開済です。数多くのホームページを参考にして製作したい、という方に最適のギャラリーサイトといえます。カテゴリは色、業種、デザインの雰囲気、レイアウト、用途で分けており「ECサイト・ショップ」からECサイトを見ることができます。
16.I/O 3000
I/O 3000は、国内外のホームページを収集している"Webデザインに関わる人のため"のギャラリーサイトです。更新頻度が高く、毎日のように新たなホームページを追加されていて、カテゴリ、色、タグと様々な条件で絞り込みできるため使い勝手も抜群です。
ECサイトは「ec」タグにまとめられていて、全308ものショップが紹介されています。
17.ARTNOC.COM
http://art-noc.com/category/sitetype/shopping-ec
デザイン性の高いクリエイティブなホームページを紹介するギャラリーサイトで、タイプ、業種、カラー、レイアウト、視覚効果といった多種多様な要素でカテゴリ分けされ、まとめられています。
国内ギャラリーサイトではあまり見ない、評価システムがあるのも特徴で、「ショッピング・EC・通販サイト」からECサイト77ショップを見ることが可能です。
18.W FINDER
特徴的なレイアウトが目を引く、オシャレなギャラリーサイトです。各ホームページについている"ハートマーク"をクリックすると、お気に入り登録することができ、後ほどゆっくり見返すことができるという点は非常に便利です。
「ECサイト」カテゴリを用意しており、魅力的なデザインのショップを次々と見ることが可能です。
19.現代デザイン
http://gendaidesign.com/category/shopping/
技術・デザイン性に優れたホームページのトップページ、中面ページを掲載しています。
毎日のようにホームページを追加しており、常に色々なデザインを見ることができるようになっています。
ページ右側にあるボタンをクリックすると、表示数を切り替えできるのもユニークです。
ECサイトだけをあつめた「ショッピング」のカテゴリーがあり117のショップを収集しています。
20.straightline bookmark
http://bm.straightline.jp/tag/e-commerce
黒をメインにしたスタイリッシュな見た目が特徴のギャラリーサイトです。
ページをスクロールすると読み込んで表示してくれるため、スムーズに閲覧することができます。
「_e-commerce」のカテゴリがあり、258ショップを公開しています。
まとめ
以上が、ディレクター、デザイナーの方にとって必見の「ECのデザインで参考にしたいギャラリーサイト」をまとめでした。
いかがでしたでしょうか。ECサイトで実際に利用したい、と思えるようなデザインは見つかりましたでしょうか。
ECサイトのデザイン作業に取り組む際、どのようなものを作るか、と悩んでしまうこともあるかと思います。
アイデアに煮詰まった時に、今回ご紹介したようなギャラリーサイトに目をとおすことで、今トレンドのデザインや自分だけでは気づけなかったユニークなデザインに出会うことが可能です。
これからすぐにECサイトを作らない方も、普段から見ておけば引き出しを増やすことができます。
どれも良質なECサイトを掲載しているものばかりですので、気に入ったギャラリーサイトがあれば、ぜひブックマークしてみてはいかがでしょうか。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンセプト
- コンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザビリティ
- ユーザビリティとは、ホームページの使いやすさのことです。万人にとって使いやすいホームページは存在しませんが、運営者はターゲットとするユーザーに便利に使ってもらうために、優先させることや割り切ることを検討し改善する必要があります。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング