WooCommerce プラグインで実行されている 26 の美しい e コマース Web サイト (2022)
公開: 2022-10-13WooCommerce Web サイトは、すべての e コマース Web サイトの 27% を占めています。 これにより、WooCommerce はすべての e コマース Web サイトの中で Web で最も使用されている e コマース プラットフォームになります。
ただし、世界の上位 10,000 の e コマース Web サイトが Shopify を使用していることに注意してください。
この投稿では、WooCommerce Web サイトの最良の例をリストします。 このリストは、ドメイン権限が高いものから低いものへと並べられています。
説明とスクリーンショットに加えて、各リスト項目には次のものが含まれています。
- ホームページの読み込み時間: Pingdom のワシントン DC サーバーでテスト済み。
- ドメイン権限 (DA): MozBar を介して Moz から取得した統計。
- BuiltWith 拡張機能の統計:ホスト、WordPress テーマ、キャッシュ プラグイン、および CDN ソリューション。
- Scan WP Extension: WordPress テーマの統計。
それに入りましょう。
WooCommerce ウェブサイトの最良の例
01.ユビコ
速度: 878ms | ダ: 85
Yubico は、NFC 技術を介して 2 要素認証を強化するデバイスである YubiKey のメーカーです。
USB または NFC チップを介してデバイスをコンピューターまたは電話とペアリングします。 次に、YubiKey の 2 要素認証アプリを使用して、デバイスが対応している多数のアプリのいずれかにログインします。
YubiKey の真の力は、コンピューターまたはスマートフォンがペアリングした YubiKey に物理的に接続されている場合にのみ認証アプリが機能する方法にあります。
ホスト: Linode、AWS | テーマ:カスタム | CDN:ファストリー
Yubico のホームページは、典型的なビジネス Web サイトのデザインを使用しています。小さなヘッダーとヒーロー画像に続いて、製品の機能を概説するランディング ページのレイアウトが続きます。
ショップ ページは古い e コマース デザインを使用していますが、きれいでよく整理されています。
02.オファーマン・ウッドショップ
速度: 570ms | ダ: 59
オファーマン ウッドショップは、パークス アンド レクリエーションの俳優ニック オファーマンによって設立されたカスタム木工会社です。
同社は、既製の木製製品、カスタム製品、商品、オファーマン自身が書いた本を販売しています。
ホスト: WP エンジン | テーマ:カスタム
このサイトは、このリストの中で最もシンプルなデザインの 1 つを使用しています。 これにより、ウェブ上で最速の WooCommerce ウェブサイトの 1 つになりました。 商品画像とボタン以外の要素はあまり含まれていません。
それでも、お客様が商品そのものに集中できるようにするのには効果的です。
03.オレンジアンプ
速度: 1.29 秒 | ダ: 54
オレンジは、ブランドのアンプ ヘッダーとスピーカー キャビネットの周りの独特のオレンジ色のケーシングで主に知られている音楽電子機器会社です。
このサイトは、そのデザインの多くを画像に依存しています。 これらは、グラフィック製品の画像からアーティストや顧客の画像にまで及びます。
ホスト: OVHcloud | テーマ:包み込む | キャッシング: WP Rocket | CDN:クラウドフレア
ホームページでは大きなヒーロー画像を使用していますが、ページの残りの部分はボックス レイアウトに含まれています。
同社は、自社のオンライン ストアで多くのギアを販売しておらず、グッズや小型のギアにこだわっています。
これにより、ショップのデザインと商品ページがよりシンプルになります。
04.グッド・ダイ・ヤング
スピード: 3.08秒 | ダ: 53
goodDYEyoung は、ブライアン オコナーとパラモアのポップ ロック アーティスト、ヘイリー ウィリアムズによって共同設立された、クルエルティ フリーのビーガン ヘア カラー ブランドです。 このブランドは、芸術性、創造性、自己表現をサポートしています。
このサイトは大胆でありながら、商品が好きで、自己表現を通じてブランドの自己愛のメッセージを促進しています。
ホスト: Cloudways | テーマ:フラットサム | キャッシュ: WP Rocket、Breeze | CDN:クラウドフレア
このサイトは非常にナビゲートしやすく、たくさんの色とアニメーションの製品バナーがあります.
特に商品画像はスクロールするのが楽しいです。 製品を購入した場合に髪がどのように見えるかについてのアイデアを提供してくれるので、私の髪に最も適した色は何ですか？ 鮮やかなグリーンかピンクでしょうか。
05.グラブを食べる
速度: 2.68 秒 | ダ: 50
Eat Grub は、昆虫を使ったスナックや食材に特化した代替食品ブランドです。
このブランドは主に、さまざまなフレーバーのロースト コオロギを含む小麦粉とスナックを販売しています。 ただし、食用のバッタ、ミルワーム、バッファロー ワームをショップで購入することもできます。
ホスト: OVHcloud | テーマ:別注 | CDN: OSS CDN、jsDelivr
Eat Grub は、そのスタイルの大部分をグラフィック デザインに依存する大胆な Web デザインを使用しています。 彼らの色の選択と使用は非常に遊び心があり、ホームページのアニメーションは印象的です。
ショップと個々の製品ページは同様のデザインを使用しています。 ショップ ページの各商品には、カラフルな枠線が含まれています。 製品ページの周囲にも表示されます。
06.ワイルド・アット・ハート
速度: 1.54 秒 | ダ: 49
Wild at Heart は、野良犬を支援することに専念する財団です。 財団には多くのサービスがありますが、財団を支援する方法の 1 つは、財団の衣類コレクションから購入することです。
かわいいデザインのスウェットやTシャツが中心ですが、他にもいくつか商品があります。
テーマ:カスタム | キャッシング: LiteSpeed キャッシュ | CDN:クラウドフレア
ウェブサイト全体がとても素敵で活気のある雰囲気になっています。 財団の一員であることはやりがいがあるだけでなく、楽しいことでもあります。
WooCommerce の Web サイトには、大きくてカラフルな犬の写真が最も多く掲載されており、落書きや手書きのタイポグラフィのアクセントがブランディングの核となっているようです。
07.カワイイボックス
速度: 1.27 秒 | ダ: 42
Kawaii Boxは、日本のグッズを毎月自宅に届けてくれるサブスクリプションサービスです。
このサービスが他の日本のサブスクリプション ボックスと異なるのは、受け取るすべてのアイテムが英語で「かわいい」を意味する「kawaii」になるという事実です。
お菓子、ぬいぐるみ、ステーショナリー、フワフワのおもちゃ、実用品、キーチェーンやチャーム、アクセサリーなどをお届けします。
ホスト:ページリー | テーマ:サクラソウ | キャッシング: WP Rocket | CDN:クラウドフロント
当然のことながら、同社の WooCommerce Web サイトは、ライト ピンク/ライト ブルーの配色で同じ「カワイイ」スタイルを使用しています。
ボックス化されたヘッダーの後に、サブスクリプション サービスの行動喚起として機能するヒーロー セクションが続きます。
ページの残りの部分では、サブスクリプション ボックスが目指す品質のレベルを示す共通のランディング ページ要素を使用しています。
これらの要素には、お客様の声、過去のボックスのギャラリー、ボックスに表示される企業がいっぱいのスライダーなどが含まれます。
08.マグナタイルズ
速度: 1.68 秒 | ダ: 41
Magna-Tiles は、子供向けの革新的なビルディング ブロックである磁気タイルのメーカーです。 認知発達、情緒的健康、運動能力、創造的思考など、早期学習の重要な側面を対象としています。
同社はモデル セット、収納ビン、プレイ マットを販売しています。
ホスト: WP エンジン | テーマ: Tailwind CSS によるカスタムメイド | キャッシング: WP Rocket | CDN: Cloudflare、CloudFront
ブランドのホームページは、遊び心のあるビジネス WooCommerce ウェブサイト デザインを使用しています。 同社が最も宣伝したいモデルのアニメーションは、ヒーローのセクションを埋めます.
ページの残りの部分では、Magna-Tiles の利点を説明する標準のランディング ページ レイアウトを使用しています。
ショップ ページには、製品用のグリッド レイアウトとフィルター用のサイドバーがあります。 各製品には、角が丸い薄い縁取りがあります。
09.くすくす笑うヤギ
速度: 6.84 秒 | ダ: 41
Chuckling Goat は、ケフィアと呼ばれる強力なプロバイオティック ドリンクを販売しています。
このサイトで販売されているすべての製品は、英国ウェールズの家族のヤギ農場で手作りされており、湿疹、乾癬、皮膚炎、酒さ、にきび、アレルギーの人に適しています.
ホスト: WP エンジン | テーマ： Nuclear Apeによるカスタム | キャッシング: WP Rocket
会社の目標は、見つけたものよりも良いものを残すことです。 彼らは自然農法を使用し、幸せなヤギと自然な食材のみを使用することに専念しています.
このサイトでは、サブスクリプションと 1 回限りの購入を提供しています。
10.JOCOカップ
速度: 2.03 秒 | ダ: 39
ここにカップの小売店があります。 JOCOでは、コーヒー好きの為に作られたガラスのカップを販売しています。 カップは完璧な一杯を作るために作られています。
テーマ:カスタム
ガラス製なので、熱いコーヒーがお好きな方は持ちにくいかもしれません。 そのため、楽しいラバースリーブも付いています。 外出先で完璧なコーヒーを飲みたい場合は、カップ カバーを購入することもできます。
11.ステムズ・ブルックリン
速度: 953ms | ダ: 37
切りたての花束が嫌いな人はいますか? まぁ、花アレルギーで苦手な方もいらっしゃると思いますが、私は花の匂いが大好きです。
このシンプルなサイトには、たくさんの美しい写真と簡単なナビゲーションがあり、探しているものを正確に見つけることができます.
ホスト: Cloudways (デジタル オーシャン) | テーマ:ページ ビルダー フレームワーク
このサイトで特に気に入っているのは、チェックアウトがいかに簡単かということだけでなく、従業員が髪に花をつけている甘いイメージです.
12.ストランドバーグ ギターズ
速度: 1.88 秒 | ダ: 37
この見事なスウェーデンのサイトのヘッダーでビデオの再生が始まると、最後まで再生されるのを見ずにはいられません。 Strandberg Guitars のサイトは、販売しているギターと同じように視覚的に印象的です。
テーマ:怒っているクリエイティブでカスタムメイド | CDN: Cloudflare、CloudFront
このサイトは、Angry Birds の WooExperts によって開発された刷新版です。 ギターをタイプと製品ラインで分類する合理化された製品ギャラリーで、堅実な顧客体験を提供します。
13.そだし
速度: 3.74 秒 | ダ: 37
Sodashi は、オーストラリアを拠点とするオールナチュラルのスキンケア会社です。
ローション、スクラブ、クレンザー、マスクなど、さまざまな肌タイプ向けに販売しています。
テーマ: Humaan によるカスタム | CDN:クラウドフレア
スキンケア会社のウェブサイトは、製品の容器のデザインにシームレスにマッチするエレガントなデザインを使用しています.
どちらも白と黒のトーンを使用しています。 このウェブサイトでは、プロが撮影したモデルと製品の画像を使用して、残りのデザインを埋めています。
これは、ショップおよび個々の製品ページでも確認できます。
14.ビア
速度: 2.38 秒 | ダ: 36
プレミアムベビーカーと頑丈なワゴンを組み合わせるとどうなりますか? モダンなハイエンド ベビーカーの感触、機能性、安全性とワゴンの楽しさを融合させた Veer Cruiser を手に入れましょう。
この製品が家族を結びつけ、アウトドア活動を促進するように設計されていることが気に入っています.
テーマ:カスタム | CDN:クラウドフレア
私の知る限り、これは史上初のプレミアム ベビーカーと頑丈なワゴンのハイブリッドです。 2 つのカップ ホルダーと便利なスナックとドリンク トレイを備えた全地形万能車です。
このサイトには、クルーザーを楽しんでいる若い家族がたくさんいて、製品の販売にさらに役立ちます.
15.マイクズ オーガニック
速度: 971ms | ダ: 35
Mike's Organics は、米国を拠点とするオーガニック食品配達サービスで、毎週、持続可能なおいしい食品を自宅まで届けています。
サイトを彩るシンプルなイラストとカラフルな野菜や肉の写真が組み合わされており、これは最も活気のある WooCommerce ウェブサイトの 1 つになっています。
テーマ:カスタム | キャッシング: WP スーパー キャッシュ | CDN:バニーCDN
このサイトは最近、モバイル ユーザー エクスペリエンスをクリーン、シンプル、高速にすることを主な目標として刷新されました。
私は、彼らが 3 つすべてを達成したことを確認できます。サイトをブラウジングすることは喜びであり、毎週の配信を購読するのは非常に簡単です.
16.隠された敷地
速度: 1.55 秒 | ダ: 35
このサイトを見ているだけで、淹れたてのコーヒーを淹れたくなります。 幸運なことに、今日、挽きたての豆を購入しました。 そうでなければ、Hidden Grounds の製品をいくつか注文します。
ホスト:フライホイール | テーマ:カスタム | CDN:ファストリー
サイト全体に、Hidden Grounds ブランドに該当するクールなカフェを紹介する素晴らしい写真がたくさんあります。
定期的にコーヒーを配達してもらうように登録できる方法が本当に気に入っています。 この機能を強化するために WooCommerce サブスクリプション プラグインを使用していると思います。
17.オールブラックスショップ
速度: 1.32 秒 | ダ: 33
次に紹介するのは、ニュージーランドのスポーツ小売店である All Blacks Shop です。 実際には、オールブラックスとニュージーランド ラグビー ユニオンの公式オンライン ストアです。
ご想像のとおり、彼らの WooCommerce Web サイトは、大胆なタイポグラフィと暗いマーケティング写真とともに、黒の色調に大きく依存しています.
ホスト: AWS | テーマ:フラットサム | キャッシング: WP Rocket | CDN: CloudFront、Cloudflare など
このサイトでは、ヘッダー ナビゲーションで簡単に移動できるあらゆる種類のスポーツ ウェアやアクセサリーを見つけることができます。
製品ページは、製品を簡単に自慢でき、ページの下部に必要な製品情報と推奨製品を提供するため、優れています.
18.トム・チョーキー
速度: 2.84 秒 | ダ: 33
Tom Chalky は、さまざまなスタイルのグラフィック フォント パックの作成を専門とするグラフィック デザイン会社です。
同社の製品は、Penguin Random House、Warner Bros.、Beats by Dre などで使用または紹介されています。
ホスト: AWS | テーマ:店頭 | CDN: Cloudflare、jsDelivr
同社の WooCommerce Web サイトは、シンプルなボックス デザインを使用しています。 ホームページは主に、同社のトップ フォント パックを含むグリッド レイアウトを特徴としています。
このデザインはショップページにもあります。 各製品ページでは、各グラフィックとフォント パックをほぼフルスクリーンの画像で紹介するランディング ページ デザインを使用しています。
19.ドゥカルズ
速度: 3.21 秒 | ダ: 32
Doucal's は、大胆かつモダンでありながらミニマルなデザインが特徴の、ラグジュアリーで職人的な靴のブランドです。
WooCommerce ウェブサイトのタイポグラフィは大きくてもスリムで、サンセリフとセリフのフォントが混在しています。 写真も大きいですが、被写体 (通常は靴) は独立しており、サイトを閲覧する訪問者を圧倒することはありません。
テーマ:カスタム
それでも、これらのデザイン要素がどのように組み合わさって、ブランドがあなたを引き付ける大胆な存在感を持つことができるかについて何かがあります.
同時に、コンテンツの量はかなり少なく、デザインにミニマリズムの感覚を追加する長い説明や長い写真ギャラリーもありません.
20.ルートサイエンス
速度: 2.12 秒 | ダ: 31
Root Science は、ナチュラル スキンケア製品を専門としています。 さまざまな美容液、トナー、マスクなどを販売しています。
同社は、美容およびスキンケア業界の多くが「空の約束とグリーンウォッシング」に基づいて構築されているため、顧客に素晴らしい結果をもたらすのに役立つ品質インシデントを使用することを使命としています.
ホスト:リキッド ウェブ | テーマ:店主 | キャッシング: WP Rocket
Root Science WooCommerce の Web サイトは、非常に軽くてエレガントなルック アンド フィールを備えており、ブランディングの大部分を占めています。
もちろん、各製品ページで詳細な製品説明を見ることができますが、下にスクロールすると、さまざまな製品がどのように連携するかの概要が表示されます.
21. Nordic Ware オーストラリア
速度: 5.64 秒 | ダ: 28
Nordic Ware は有名なアメリカの調理器具メーカーで、オーストラリアのディストリビューターのサイトです。
Bundt パンと耐熱皿に焦点を当てた厳選された範囲を販売しており、さまざまなおいしいレシピも販売しています。
ホスト:ウェブセントラル | テーマ:店頭
このサイトで私が気に入っているのは、一部の WooCommerce Web サイトのように「企業」を感じさせないことです。
北欧のブランドは 1946 年から存在していますが、サイトをブラウジングすると、フライパンでケーキを焼くように、温かくフレンドリーに感じられます。
22.裸足のボタン
速度: 3.58 秒 | ダ: 27
Barefoot Buttons は、ギター アクセサリーの会社です。 ギターペダルのボタン、特に裸足では使いにくいON/OFFボタンの付いたペダルの製造を専門としています。
同社は、さまざまなサイズと色のアルミニウム ボタンと、その他のいくつかのアクセサリを販売しています。
ホスト: GoDaddy | テーマ:フラットサム | CDN: Cloudflare、GoDaddy CDN
Barefoot Buttons は、会社のオレンジ色のブランド カラーと一緒にダーク モード スタイルを利用することで、このリストの残りの WooCommerce Web サイトから逸脱しています。
そのホームページには、ブランドのトップ製品を大胆なスタイルと画像で紹介するヒーロー スライダーがあります。 ページの残りの部分は、一般的なランディング ページのレイアウトです。
ショップ ページでは、4 行のグリッド レイアウトを使用して、製品の長いリストを紹介します。 これは、Barefoot Buttons がカラー バリエーションごとに個別の製品ページを作成したためです。
23.グリッツ
速度: 5.02 秒 | ダ: 25
Grits は、グルテンフリー ビールを専門とするイタリアの醸造会社です。この種の醸造所としてはイタリア初です。 ブランドとそのウェブサイトの両方が、楽しく活気に満ちたルック アンド フィールを備えています。
これは、このリストで最もインタラクティブな WooCommerce Web サイトの 1 つです。
サイトにさらに個性を与える微妙なアニメーションだけでなく、全体にさまざまな色やイラストがあります. 商品ページで小さな泡が泡立っているのがよくわかります。
テーマ:アンダースコアを使用したカスタムメイド
そういえば、商品ページがスゴイ！ 彼らは、特定のビールに一致する色付きの背景を持つ大きな写真と大きなセクションを使用しています. 全体として、これらのグルテンフリーのビールを販売するために、さまざまなページがうまく組み合わされています.
24.ピクルス
速度: 2.83 秒 | ダ: 22
Pickleはアクセサリーを販売するスロバキアの会社です。 彼らの製品は、バックパックから楽しい靴下までさまざまです。 私はそれらの靴下に目を通しましたが、それらのいくつかは本当に素晴らしくてカラフルです.
ホスト:ウェブサポート | テーマ:アトリエ
Pickleから何かを買わないのは私にとって大変でした. サングラスのセレクションも素晴らしかったです。
彼らの製品は素晴らしい雰囲気を持っているようで、会社全体のブランドも素晴らしいものにしています. デザイナーは他に何を求めることができますか?!
25.ミニポップ
速度: 1.44 秒 | ダ: 21
このかわいいサイトでは、フランスのブルターニュでハンドメイドされたビーガン バッグと廃棄物ゼロのアクセサリーを販売しています。
使い捨てのビニール袋、ストロー、その他の使い捨て製品を捨てて廃棄物を減らそうとする人が世界中でますます増えているため、Minipop のようなサイトでは、持続可能な代替品を簡単に見つけることができます。
ホスト: OVHcloud | テーマ:カスタム
このサイトで販売されている製品には、コルクとフェンネルを使用したビーガン バッグや、亜麻やオーガニック コットンなどの天然素材を使用した環境に優しいワイプなどがあります。
26.ゾヤのパントリー
速度: 2.1 秒 | ダ: 13
Zoya's Pantry は非常に優れたブランドです。 彼らのウェブサイトは、見事な写真と素晴らしい空白の使用とともに、明るいミントグリーンの色と濃い紫で満たされています.
サイトを通じて、サイトに素晴らしい雰囲気を与える小さなアニメーションに出会うことができます.
テーマ:カスタム | CDN: Cloudflare、jQuery CDN
ウェブサイトでは、手頃な価格の健康的でオーガニックな製品、パントリーに属するものを販売しています. グルメ調味料からジュース、豆、米まで、あらゆる商品を取り揃えているため、商品の範囲も非常に優れています。
さらに、豆、チアシード、キノアで構成される自然食品のごく一部を提供しています。
WooCommerce Web サイトに関する最終的な考え
このリストの WooCommerce Web サイトを分析した後、かなりの数の傾向を見つけることができます。 最も明白なのは、これらのサイトの構築方法です。
大部分 (正確には 15) はカスタム テーマを使用します。 サードパーティのテーマを使用するもののうち、大部分は Flatsome を使用します。
Flatsome は、ThemeForest で最も売れている WooCommerce テーマです。 196,000 件以上の販売実績があり、7,000 件以上のレビューから 4.8 つ星の評価を得ています。 他の要因がページ速度に影響を与えますが、それを使用するサイトの平均読み込み時間は 2.66 秒です。
次の傾向は、これらのサイトが使用するコンテンツ配信ネットワーク (CDN) にあります。 過半数 (11) が Cloudflare を使用し、CloudFront (4) が 2 位です。
WP Rocket は、このリストにある WooCommerce Web サイトの中で最も広く使用されているキャッシュ ソリューションです。 WordPress のトップ キャッシング プラグインの比較をチェックして、他のソリューションと比べてどのように機能するかを確認してください。
ホスティングに関する限り、多くの傾向はありません。 AWS、WP Engine、および OVHcloud はそれぞれ、このリストにある 3 つのサイトをホストしています。 特に OVHcloud は、ヨーロッパの WooCommerce Web サイトで人気があるようです。
WooCommerce ウェブサイトのページ速度に影響を与えるものは何ですか?
ページ速度に関する限り、興味深い調査結果もいくつかあります。 ホスト、キャッシング ソリューション、CDN ソリューション、およびテーマは、サイトのパフォーマンスに大きな影響を与えていないようです。少なくとも大差はありません。
カスタム テーマを使用するサイトの平均読み込み時間は 2.39 秒です。 サードパーティのテーマを使用するサイトの平均読み込み時間は 2.51 秒です。
同様に、Cloudflare を使用するサイトの平均読み込み時間は 2.31 秒ですが、他の CDN ソリューションを使用するサイトの平均読み込み時間は 2.53 秒です。
ロード時間の最大の違いは、これらの Web サイトが生成するコンテンツ、またはより具体的には、そのコンテンツをどのように表示するかで見られます。
読み込みに 3 秒以上かかる Web サイトに見られる一般的なデザイン要素には、アニメーション、大きな画像、スライダー、およびビデオが含まれます。
1 秒未満で読み込まれる Web サイトは、よりシンプルで静的なデザインを使用します。