Shopify Atlantic テーマは、 e コマース ストア用のシンプルでエレガントなテンプレートを探している人に人気のテーマです。ただし、そのシンプルさに惑わされないでください。Atlantic テーマには、e コマース ストアを世界標準に引き上げるのに役立つ機能と性能が満載です。
💡私たちは実践的な経験に基づいて、Shopify のテーマとアプリを綿密に評価しています。包括的なレビュー プロセスと方法論の詳細については、こちらをご覧ください。
この記事では、Atlantic を非常に魅力的なテーマにしている要素を分析し、詳細かつ正直なレビューを提供するために全力を尽くします。
大西洋テーマの概要
Atlantic テーマは、Pixel Union の経験豊富な Web 開発者によって作成されました。彼らは、次のような他の優れた Shopify テーマも開発しました。
- エディション
- 起動する
- パシフィック
- グリッド
- 打ち上げ
- 帝国と
- 仕立て屋
Pixel Union が作成したすべてのテーマはOnline Store 2.0と互換性があります。つまり、これらのテーマを使用している販売者は、Web サイトのデザインにさらに柔軟性を持たせることができます。その結果、OS 2.0 と互換性のあるテーマは、より多くの機能と、より優れた顧客重視の機能を備えてデザインできます。
価格
Atlantic Shopify テーマは決して安くはありません。価格は 280 ドルで、かなりの投資が必要であり、そのため消費者はそれ以上のものを期待しています。
テーマの価格帯としては中〜高価格帯です。 無料テーマを除いて、最も安いテーマ (Frame) は 170 ドルで、続いて Effortless、Influence、Capital が 180 ドルです。
一方、最も高価なテーマは 380 ドルの Honey です。
これは中価格帯のテーマの中でも上位に位置するため、次のような疑問が生じます。
- より高価なテーマのような、大規模な Shopify ストアを運営するために必要な機能はありますか?
- 開発者はテーマをこれほど低価格にするために、開発に手抜きをしたのでしょうか?
- コストパフォーマンスに優れていると言えるほどの機能を備えているでしょうか?
- 実際のアプリケーションではどのように機能しますか?
この記事では、Atlantic テーマの速度テストを実施し、その主な機能について説明しながら、これらの質問に 1 つずつ答えていきます。
特徴
Atlantic テーマには、視覚的に互いに異なる 4 つの独自のテーマ スタイルがあります。これらのスタイルは、シック、モダン、ライト、オーガニックと呼ばれます。次のセクションでは、これら 1 つ 1 つについて説明します。
重要なのは、ストアにどのようなテーマ スタイルを実装する場合でも、以下に挙げる機能はどれも利用できないことはないということです。
カートとチェックアウト
- カートのメモ
- 店頭受け取り
- すぐに購入
- スライド式カート
マーケティングとコンバージョン
- 年齢確認
- ブログ
- カウントダウンタイマー
- FAQページ
- 製品バッジ
- 製品レビュー
- プロモーションバナー
- クイックビュー
- おすすめ商品
- 店舗検索
マーチャンダイジング
- 高解像度画像
- 画像ギャラリー
- 画像のロールオーバー
- 画像拡大
- 製品オプション
- 製品タブ
- 製品ビデオ
- サイズ表
- スライドショー
製品の発見
- パンくず
- 強化された検索
- メガメニュー
- 商品のフィルタリングと並べ替え
- おすすめ商品
- 固定ヘッダー
大西洋の4つの異なる顔
前述のように、Atlantic はユーザーに 4 つの異なるテーマ スタイルを提供しています。ただし、カラー パレットは異なるものの、すべて同じように見える他の Shopify サブテーマとは異なり、Atlantic のサブテーマはそれぞれ見た目が異なります。
さまざまなタイプのビジネスやデザインの好みに最適な、まったく異なるテーマ スタイル。Pixel Union が、1 つのテーマ パッケージでユーザーにできるだけ多くの選択肢を提供するために、テーマの開発に多くの時間を費やしたことがわかります。
では、これらのテーマ スタイルは一体何なのでしょうか。また、似ていないことが私たちにとってなぜそれほど重要なのでしょうか。それは、e コマース起業家が Atlantic テーマを使用するとストアをカスタマイズする際の自由度が増すことを意味するからです。
これらのテーマ スタイルを 1 つずつ詳しく見てみましょう。
01. シック
Chic テーマ スタイルでは、画面全体のスペースを利用して、より広いセクションのためのスペースを確保し、より大きな製品画像のためのスペースを確保します。ただし、特に Web サイトの詳細を表示するためにセクション全体をスクロールする必要がある場合は、視覚的に圧倒されるように見えることがあります。
メニュー バーはロゴのすぐ左隣に配置されています。これは、メニュー バーが画面の中央に配置されることが多い今日の標準と比較すると、型破りです。
さらに、パステルカラーと白い背景がうまく融合されており、シンプルでありながらモダンなデザインを表現しています。このテーマスタイルで使用されているタイポグラフィも、エレガントな雰囲気に貢献する素敵なタッチです。
Chic は、次の e コマース ストアに最適です。
- ジュエリー
- 手作りアクセサリー
- 夏の服装
- 香水
- レディース商品
02. モダン
Chic とは異なり、Modern テーマ スタイルでは、セクションで画面の幅全体を使用しません。代わりに、視覚的に圧迫感のない Web デザインを求める人のために、より狭いセクションを実装します。
ただし、メニュー項目は画面の幅を最大化します。Chic と同様に、メニュー項目は画面の左側のロゴの隣にあります。
ここでの色はより落ち着いた色で、背景はほとんどが白です。したがって、モダンを使用することにした場合、色のほとんどは使用する画像から取得されます。
Modern では、白い背景にうまく溶け込み、目立つように、かつ視覚的に強すぎないシンプルなタイポグラフィを使用しています。
Modern は、次の e コマース ストアに最適です。
- 高級家具
- デザイナーバッグ
- オートクチュール
- メンズブレスレット
- 皮革製品
03. 光
ライト テーマ スタイルで最初に気づくのは、メニュー項目の位置が画面の中央に移動されていることです。ロゴはメニュー バーの上に独自のセクションを持つようになったため、大きなロゴを持つビジネスに余裕が生まれます。
Light は、そのセクションで画面全体の幅を最大化して、より豊かな画像を提供し、Web サイトの全体的な外観をより魅力的にします。白い背景の使用から逸脱することはありません。
モダンと同様に、ここでの色のほとんどは画像から来ています。そのため、このテーマ スタイルを使用する場合は、視覚的に魅力的な印象を与えるために、画像の色を互いに調和させることが重要です。
すべてのテーマ スタイルの中で、ブランドのストーリーを伝えるには Light が最適です。
Modern は、次の e コマース ストアに最適です。
- 冒険志向の製品
- メンズ製品
- 革靴
- 革アクセサリー
- 手作りの衣類
04. オーガニック
Organic は、シックとモダンのハイブリッドのようなものです。メニュー項目が左側に、ロゴが中央に配置されていることからもそれがわかります。ただし、ロゴはメニュー項目と同じセクションに配置されているため、大きな画像を配置すると、メニュー バーのバランスが崩れる可能性があります。
Chic や Modern と同様に、Organic もセクションで画面の幅全体を使用します。ただし、セクションは他の 2 つに比べて短くなっています。私たちの意見では、これはセクションのサイズを決める際の完璧なバランスです。見た目が圧倒的ではありませんが、テキストやその他の情報を配置するのに十分なスペースが確保されています。
Atlantic のすべてのサブテーマの中で、Organic は色の選択が適切です。メニュー項目にマウスを合わせると、グレーを基調としたドロップダウンが表示されます。
調整が必要な点が 1 つあるとすれば、それはフォント サイズです。デフォルトではフォント サイズが小さすぎるため、白い背景でも簡単に隠れてしまう可能性があります。また、フォント サイズを大きくすると、ユーザー エクスペリエンスが向上します。
Organic は、次の e コマース ストアに最適です。
- 香水
- 化粧品（男性用または女性用）
- 高級だが安価な時計
- ミニマリストをテーマにした衣料品
- ジャーナル、日記帳、文房具
Pagespeed Insightsを使用したスピードテスト
ページの読み込み時間が 1 秒から 3 秒に長くなると、直帰の可能性が 32% 増加します ( Google )。
そのため、Shopify テーマを選択する際には、視覚的な特徴だけが基準になるべきではありません。訪問者を顧客に変える能力があるかどうかを知るために、特定のテーマの速度に細心の注意を払うことが重要です。
Unbounce が 525 人の回答者を対象に実施した調査では、回答者の 45.4% が、予想よりも読み込みが遅い e コマース ストアから購入する可能性は低いと回答しました。
さらに悪いことに、36.8% のユーザーが、遅い e コマース ウェブサイトに戻る可能性は低いと回答しています。
ここまで、Atlantic の 4 つのテーマ スタイルについて説明してきましたが、これで、このテーマがオンライン ストアの厳しい要求を満たすことができる優れたテーマであるかどうかを確認できました。そのため、これを行う最良の方法は、次の指標を使用して PageSpeed Insights でテーマをテストすることです。
- 最大コンテンツペイント (LCP)
- 最初の入力遅延 (FID)
- 累積レイアウトシフト (CLS)
- ファースト コンテンツ ペイント (FCP)
- 次のペイントへのインタラクション (INP)
- 最初のバイトまでの時間 (TTFB)
これらの用語の意味と、Web サイトのパフォーマンスにどのような影響を与えるかについては、以下の表をご覧ください。
Atlantic の 4 つのテーマ スタイルの中で、Organic が私たちのお気に入りなので、デモ ストアのテストにはこれを使用します。
PageSpeed テスト 1: デモ ストア (オーガニック サブテーマ)
デモストアのスピードテストでは、結果が実際の使用状況におけるテーマのスピードと機能を絶対的に表すものではないことに注意することが重要です。結果は、eコマースストアの全体的なデザインと最適化によって大きく異なります。
ただし、デモ ストアをテストすると、特定のテーマの一般的な機能について理解できるようになります。
速度テスト間の適切な対比を提供するために、次のセクションでは、Atlantic テーマを使用していくつかのライブ Shopify ストアをテストしました。
モバイルスピードテストの結果
デモストアの FID、CLS、FCP の結果は、許容可能なパラメータの範囲内です。ただし、LCP は 2.8 秒と少し遅いため、ページのメイン コンテンツの読み込みに 0.3 秒余分にかかります。さらに、INP は、Web サイトで行われたインタラクションに応答するのにさらに 22 ミリ秒かかります。最後に、TTFB は許容可能なパラメータに対して最大の差異を示し、サーバーがユーザーのインタラクションに応答するのにさらに 0.4 秒かかります。
パラメータの半分だけがテストに合格しましたが、残りの半分は無視できるほどのわずかな差で不合格になりました。
全体的に、モバイル バージョンのパフォーマンス スコアは 62 しかありません。まったく印象的ではありませんが、悪いわけでもありません。
デスクトップ速度テストの結果
PageSpeed Insights のスピード テストでデモ ストアが優れているのは、デスクトップ バージョンです。6 つのパラメーターすべてを、見事にクリアし、さらに余裕をもってクリアしています。最も優れているのは、3 ミリ秒という結果が出た FID です。これは、Web サイトがページ上でのユーザー操作に瞬時に応答することを意味します。
パフォーマンス スコア 95 がすべてを物語っています。デモ ストアとしては本当に印象的です。
PageSpeed テスト 2: 実際の Shopify ストア (Casa Febus)
それでは、Atlantic テーマを使用している実際の Shopify ストアを見てみましょう。このテーマが実際の使用でうまく機能するかどうかをテストしてみます。
この例では、 Casa Febusという店舗を選択しました。
Casa Febus は、家庭用家具と装飾品を専門とする e コマース ストアです。オンライン ストアには、ベッド、テーブル、コーヒー セット、花瓶、照明など、あらゆる商品が豊富に揃っています。さらに、米国とプエルトリコの顧客専用のオンライン ストアもあります。
速度テストでどのようなパフォーマンスを示したか見てみましょう。
モバイルスピードテストの結果
Casa Febus は FID、INP、CLS テストに合格しましたが、CLS テストでは許容パラメータより 0.07 ポイント低い結果となりました。ただし、LCP、FCP、TTFB のパフォーマンスが低いことは明らかです。
電子商取引ウェブサイトは LCP では 1.4 秒遅く、メインコンテンツの読み込みが遅いことを意味します。FCP では 1.5 秒遅く、ユーザーの画面にあらゆる種類のコンテンツを表示するのが遅いことを意味します。最後に、許容される TTFB パラメータよりも 1.5 秒遅いため、サーバーがユーザーの操作に応答するのに 1.5 秒余分にかかることを意味します。
前述のように、遅延を 1 秒感じるごとに 32% のユーザーが Web サイトを離れます。今日のモバイル ファーストのインターネットでは、Casa Febus はモバイル Web サイトのパフォーマンスが低いために多くのコンバージョンの機会を逃しています。
全体的に、モバイル ウェブサイトのパフォーマンスは 56 ポイントを獲得しました。
デスクトップ速度テストの結果
PageSpeed Insights は、Casa Febus のデスクトップ ウェブサイトの実際の速度データを収集できませんでした。ただし、下記のパフォーマンス スコアを提供することはできました。
パフォーマンススコアは 73 と良好で、 モバイル版と比べて大きな飛躍を遂げています。
携帯電話を使用した閲覧体験と比べて顕著な違いがあるかどうかを確認するために、Web サイトを閲覧してみました。
さまざまなメニュー項目をクリックすると、Web サイトのページはすぐに切り替わりますが、画像の読み込みには少し時間がかかります (1 秒未満)。
すべてを考慮すると、デスクトップ版はモバイル版よりも大幅に優れています。
注: PageSpeed Insights はLighthouse パフォーマンス スコアリングに従いますが、パラメータは全体のスコアに同じ影響を与えません。
スピードテストのまとめ: Shopify Atlantic テーマはスピード面で改善が必要
Shopify Atlantic テーマのスピード テストの結果は、実に期待外れでした。ページの読み込み速度がビジネスの成否を左右する e コマース業界では、実のところ、Atlantic はこの分野では不十分です。
しかし、これは大西洋のテーマをどんな犠牲を払ってでも避けるべきだという意味ではありません。
これは、すぐにコードを少し調整する必要があることを意味します。Flash : Page Speed Optimizerなどのアプリを使用すると、使用されていない JavaScript コードを削除して Web サイトを軽量化できます。ただし、これには追加コストがかかります。
ユーザーレビュー
ここで、 Shopify Atlantic テーマを使用している起業家が、オンライン ストアの選択についてどのように感じているかを見てみましょう。
スピードテストではそれほど良いスコアは出なかったものの、216 人のレビュー担当者のうち 97% が購入に満足していました。これは、ユーザー満足度に関しては、実際のユーザー エクスペリエンスがアルゴリズム テストよりも優れていることを示しています。
これらの満足した顧客は、このテーマについて何と言っているでしょうか?
- Hoist & Halyard はShopify Atlantic テーマを強く推奨しています。このテーマは期待どおりに機能し、サポート チームが困難な問題を解決できることにも非常に満足しています。
- Lior Tac はこれまで 2 年間、何の不満もなく Atlantic を使用しています。サポート チームの信頼性に非常に満足しています。
- Peggy Porschen Cakes Lts はこのテーマを 5 年間使用しており、他のレビューと同様に Pixel Union のサービス品質を高く評価しています。Atlantic のすっきりとした外観も、Peggy Porschen Cakes Lts に合っています。
- Aldo Sohm 氏は、テーマのスタイルに満足しており、カスタマー サポート チームにも非常に満足しています。
- Saratoga Tea & Honey, Co. 社も、すっきりとした UX デザインに感銘を受け、応答性の高い顧客サービスに非常に満足しました。
私たちは顧客からのフィードバックを徹底的に調査し、不満を持った顧客のレビューを探しました。
私たちが見つけた最も古い否定的なレビューは 2014 年に遡ります。
- Garden Tool Company には解決されていない問題がありました。
- SULUO は、 Shopify Atlantic テーマは Shopify の他の無料テーマと似ていると感じています。カスタマイズ性に満足していませんでした。
- KAOHS は、テーマのカスタマイズ性に関しては SULUO と同じ意見でした。彼らは、テーマに高度な変更を実装するには Liquid の理解が必要だと感じています。
- 最新の否定的なレビューは2021年にさかのぼり、ウェブサイトのモバイル対応性に関するものでした。Pixel Union は修正で対応しました。
まとめ: ユーザーレビュー
Shopifyテーマを選択する際には、肯定的なものも否定的なものも含め、ユーザーレビューを考慮することが重要です。Shopify Atlanticテーマを見るとわかるように、最新の否定的なレビューは2021年に遡ります。それ以降は、デザインとカスタマーサービスに関して肯定的な賞賛しかありません。
さらに、Pixel Union はユーザー エクスペリエンスを向上させるためにテーマを定期的に更新しています。今年、 Shopify Atlantic テーマは1 月と 4 月の 2 回更新されました。
したがって、彼らのチームはテーマの改善に継続的に取り組んでいると言っても過言ではありません。
大西洋のテーマのハイライト
Atlantic Shopify テーマの際立った特徴は次のとおりです。
01. モジュラースタイルのホームページ
モジュラー スタイルのホームページでは、Web デザイナーがホームページにセクションを追加し、セクション内にさらに要素を追加できます。たとえば、サイドに画像とストーリー (テキスト) を追加したり、反対側にサインアップ セクションがあるビデオ セクションを追加したりできます。コレクション ページに直接リンクする注目の製品を追加することもできます。
02. カスタマイズ可能なヘッダーとメガメニュー
Atlantic Shopify テーマは、大規模なカタログを扱うビジネス向けに構築されているため、カスタマイズ可能なヘッダーとメガ メニューを備えているのは当然のことです。複数列メニューやメガ メニューなどのカスタマイズ可能なヘッダーは、大規模な SKU を扱う e コマース ストアにとって重要な要素であり、顧客がすぐに Web サイト内を簡単に移動できるようにします。
これにより、顧客はホームページから 1 回のクリックでコレクションを閲覧できるようになります。また、メガ メニューから特定の製品に直接ジャンプすることもできます。これもホームページから 1 回のクリックで実行できます。
03. ブログ投稿
Shopify Atlantic テーマを使用すると、ユーザーは自分の Web サイトでブログ投稿を作成できます。競争の激しい e コマース業界では、権威を確立することが非常に重要です。ブログ投稿は、ブランド認知度と専門知識を確立するだけでなく、検索エンジン最適化 (SEO) を活用して月間訪問者数を自然に増やすのにも最適です。
上記の例では、Notizie はブログ セクションをキャンバスとして使用して、ビジネスを記録しています。
04. クイックバイ
Atlantic テーマを使用すると、顧客がホームページから直接製品を購入できるようになります。売れ行きの速い製品をホームページに追加し、クイック購入機能を有効にすると、顧客はコレクション全体を検索する必要がなくなります。
05. スライドアウトカート
顧客があなたのウェブサイトでオンラインショッピングをしている場合、彼らを商品ページから引き離すことは絶対に避けるべきです。商品をカートに追加するたびにチェックアウトページに誘導するのは、顧客を煩わせることになります。
スライド式カートを使用すると、顧客はカートに好きなだけ商品を追加し、ボタンをクリックするだけですべての購入内容を確認できます。これにより、顧客は素早く簡単に購入できるようになります。
06. 強化された検索
店舗に大量の商品がある場合、顧客はウェブサイト内を移動する際に迷ってしまう傾向があります。これにより、顧客は探している商品が見つからないと考え、ウェブサイトを離れるか、最悪の場合、カートを放棄することになります。
拡張検索を使用すると、顧客が思い描いているものを簡単に見つけることができます。Atantic の拡張検索では、入力中に商品と価格が表示されます。
私たちの見解：良い点と悪い点
スピードテストを実施し、実際に体験してテーマを慎重に分析した結果、 Shopify Atlantic テーマについての率直な感想は次のとおりです。
長所:
- Atlantic Shopify テーマは、視覚的なデザインの点で優れたテーマであり、ミニマルな e コマース デザインを探している人にとって検討する価値があります。
- ブログ投稿を追加するオプションは、テーマに追加された歓迎すべき機能であり、思想的リーダーシップとブランドの権威を確立するのに役立ちます。
- Atlantic では、ホームページにチェックアウト カート セクションを追加できます。これにより、需要の高い製品が表示されている場合、コンバージョン率が向上します。さらに、メガ メニューにより、テーマのナビゲーションが比較的簡単になります。
短所:
- 大規模なカタログ用に構築されているため、複数の製品を閲覧しているときに顧客が Web サイト内で迷子になりやすいです。 引き出し式のカートやカートの引き出しがあれば、顧客が購入した商品を追跡するのに便利です。残念ながら、Atlantic にはそれがありません。
- タグ フィルタリングがないため、大規模な SKU 向けのテーマのデザインが損なわれているようです。タグを使用すると、顧客は Web サイト内で簡単な検索を行うだけで、類似のタグが付いたアイテムを簡単に見つけることができます。
- Atlantic テーマには、顧客が製品ページからサイズやさまざまなバリエーションを選択できるスウォッチがありません。
Atlanticを購入すべきでしょうか?
Shopify Atlantic テーマは、 eコマース ストアの目標である売上変換に大きく貢献するいくつかの機能が欠けていなければ、完璧なものだったかもしれません。
そうは言っても、Atlantic テーマを購入する前に、その価格帯内の他の選択肢を検討する必要があります。
The Atlantic Shopifyテーマを使用しているストアが増えています
他の起業家が電子商取引ストアで Atlantic テーマをどのように活用しているかを知りたい場合は、ここにいくつかの例があります。彼らの Web サイトとストア ページをチェックして、よりよく理解してください。
01.リオール・タック
Lior Tac は、スーツ、手袋などのタクティカルギアや、ロープや多目的ペンチなどのサバイバルツールを販売しています。実を言うと、ミニマリストの Atlantic テーマを使用して、アクション好きの顧客をターゲットにした e コマース ストアを目にすることは、まったく予想外のことです。しかし、彼らはそれを実現しました。
02.ムーンリスティック
Moonlistic では、ジュエリーのほか、キャンドル、振り子、お香などのアイテムを販売しています。また、黒曜石、ローズクォーツ、セレナイトなど、さまざまな種類のクリスタルも販売しています。
03.サラトガティー＆ハニー
Saratoga Tea & Honey では、新鮮な蜂蜜とさまざまな種類のお茶を販売しています。また、これらに加えて、ティーインフューザーなどの他の製品も販売しています。
04.ペニー・アンド・カンパニー
Penney & Company は、寝室やダイニング用の家具を販売する e コマース ストアです。さらに、リネン、テーブルウェア、花瓶、ラグも取り扱っています。
05.アルド・ゾーム
アルド・ソームはソムリエ兼ワインメーカーです。彼のウェブサイトでは、あらゆる機会に適した高品質のワイングラスを販売しています。また、ワインのボトルオープナー、デカンタ、ワインに関する本も販売しています。
結論: Shopify Atlantic テーマはあなたに適していますか?
Atlantic Shopify テーマは、eコマース ストア用のシンプルなテーマをお探しの方に最適です。ただし、前述の機能が不足しているため、大規模なカタログを持つ eコマース ストアにはお勧めできません。
とりあえず候補に挙げて、私たちが提供した他の選択肢もチェックしてください。価格は 280 ドルと高額なので、まだ急いで選ばないことが重要です。機能の完全なリストを読んで、他のテーマと比較して、どれが自分に最適かを判断してください。
Shopify テーマのレビューをもっと見てみましょう:
