HanesBrandsとアドビが世界最速のコマースサイトを構築した方法

HanesBrands, Inc.は、2023年9月、自社ブランドのひとつであるMaidenformの新しいwebサイトを立ち上げました。同社のコンシューマーテクノロジー担当バイスプレジデント兼グローバル責任者であるLeo Griffin氏は、高速なサイトを作成したことを認識していました。しかし、Google Lighthouseスコアが短期間で最高値に達するほどのスピードを実現できるとは、予想していませんでした。

このサイトは、コマースサイトの高速化を目的とした、2年に及ぶ取り組みの集大成でした。Griffin氏のチームは、同社の消費者向けビジネスをサポートしています。2021年、チームは製品説明ページの速度を上げることに注力しました。しかし、Google Lighthouseスコアは平均値にとどまり、Googleの検索ランキングは低下しました。

コマースサイトでは、複数のシステムを統合して、ページ上に膨大な情報を掲載し、より詳細なパーソナライゼーションを提供するため、他のサイトと比べて動作が遅くなる傾向があります。しかし、Griffin氏のチームは、Adobe Commerceを含む複数のプラットフォーム上に構築された自社サイトを高速化する方法を模索していました。2022年後半、同社はアドビと提携し、革新的なエッジアーキテクチャを使用して、極めて高速なページ読み込み時間を実現するAdobe Experience Manager Sitesの新しい機能であるEdge Delivery Servicesの開発と試験運用に着手しました。

その結果、世界最速のコマースサイトのひとつとなりました。

競争優位性の獲得

Google Lighthouseスコアとは、Google Chromeのユーザーエクスペリエンスデータにもとづいてサイトのパフォーマンスを測定し、スコアを算出するオープンソースツールです。ページの検索ランキングとエンゲージメントの向上を通じて、オーガニック検索のトラフィックとコンバージョンを促進するのに役立ちます。Google Lighthouseでは、サイトを1から100のスコアで評価します。健全なスコアを維持するには、継続的な最適化が必要です。

HanesBrandsのサイトの多くは、20台のスコアを維持していました。これは、コマース業界では標準的であると考えられています。しかし、Griffin氏のチームは、顧客体験をさらに向上させたいと考えていました。継続的な最適化をおこなっていたにもかかわらず、速度を重視するあまりトラフィックが低下し、新規顧客に自社製品を発見してもらう機会が失われていました。

チームはいくつかの解決策を試みましたが、Google Lighthouseスコアの改善にはつながりませんでした。そこで同氏は、新たなアイデアを求めて、スイスを拠点とするアドビの研究チームと接触しました。同チームは、エッジアーキテクチャを通じてサイトの読み込み速度を向上させる方法を模索していました。

「アドビは、B2Cコマースサイトとの提携を望んでいました。一方当社は、自社サイトを高速化させたいと考えていました。オンラインミーティングで、すぐに意気投合し、共に取り組むことになりました」と、Griffin氏は述べています。

両社のチームは共同プロジェクトを開始するにあたり、101年に及ぶイノベーションの歴史を持ち、革新的な製品を販売している、Maidenformを対象とすることにしました。わずか数ヶ月で、Adobe Experience Manager SitesのEdge Delivery Servicesを利用した、新たなMaidenformのサイトを立ち上げる準備が整いました。

脅威的なスピード

Griffin氏はMaidenformの新しいサイトをローンチする前に、同サイトのGoogle Lighthouseスコアを測定しました。スコアは1でした。チームは、Edge Delivery Servicesに注力するあまりサイトの最適化を怠ったため、スコアが大幅に低下しました。ローンチ後に再度スコアを測定したところ、100を達成しました。Maidenformのサイトは、一夜にして世界最速のwebサイトのひとつとなったのです。

チームは歓喜に沸きました。経営陣のひとりが、サイト内をどの程度すばやく移動できるのか実験をおこないました。その結果、ホームページにアクセスしてから、Cookieへの同意を求めるバナーが表示されるまでの短時間で、製品ページのクリック、製品の選択、カートへの追加、決済手続きを完了することができました。

「ページ間の移動が速すぎるため、一般的な閲覧行動と一致していないと見なされ、顧客にデータ保護サービスの警告メッセージ表示されるようになりましたが、それはすぐに調整できました。これは、Edge Delivery Servicesが他のどのツールよりも高速であることを実証しています」

「現在は、95から100のスコアを常に維持しています。これは脅威的なスピードです。かつてないほど高速なサイト体験を実現できました。世界中のコマースサイトを徹底的に調査しましたが、匹敵するものは見つかりませんでした。Edge Delivery Servicesは、非常に画期的であり、市場におけるどの製品よりも、根本劇な改善を実現できます」と、Griffin氏は述べています。

Adobe Experience Manager SitesとAdobe Commerceを組み合わせることで、HanesBrandsはさらなる変革を実現しています。

「当社は長年、Adobe Commerceを運用してきました。モジュール、構成可能な機能、優れた柔軟性を備えたAdobe Commerceは、当社に最適なツールです。最大の課題であったスピードも、Edge Delivery Servicesのおかげで解決できました」と、Griffin氏は述べています。

6ヶ月後には、Edge Delivery Servicesがもたらすビジネス効果を包括的に把握できるでしょう。同社は、SEOとSEMによるトラフィックの増加、直帰率の低下、コンバージョンの向上、トランザクションあたりのユニット数の増加を期待しています。新しいアーキテクチャにより、サイトの更新が大幅に迅速かつ容易になりました。

「これまでサイト速度の向上を強調してきましたが、サイトの更新と管理が容易になったことも、当社にとって大きな変化でした。これにより、UI／UXチームと開発者の負担を軽減し、より生産的なプロジェクトに専念できるようになりました。サイト運用チームは、サイトの更新をより迅速かつ頻繁におこなえるようになり、開発方法は大きな変革を遂げるでしょう」

夢を実現

Griffin氏のチームは今後、世界的なスポーツウェアブランドであるChampionを皮切りに、自社の全サイトでAdobe Experience Manager SitesのEdge Delivery ServicesとAdobe Commerceを導入する予定です。

「Edge Delivery Servicesを使用すれば、複数のバックエンドと連携しながら、主要な地域をまたいで、統合された顧客体験をはるかに容易に構築できます。当社の目標は、Adobe Commerceのインスタンスを統合し、各地域のカタログ、通貨、価格を反映させた、単一のグローバル体験を創出することです」と、Griffin氏は述べています。

同氏のチームは、過去1年にわたって革新的なコラボレーションに貢献できたことを誇りに思っています。

「いつでも真のイノベーションを実現できるわけではありません。当社には多くの時代遅れなシステムがあり、それらのシステムを近代化することが私の使命でした。その一方で、私は大きな変革をもたらす機会を常に模索していました。アドビは、競合他社を圧倒し、優位性を確保するのを後押ししてくれる、優れたパートナーです」と、同氏は述べています。

Adobe Experience Manager Sitesはまた、同社がビジネスパートナーの期待を上回る成果を達成するのに役立っています。

同社は現在、データ主導型のデジタルファーストな企業になるための取り組みを推進しています。これにより、より顧客を重視することが可能になります。顧客の声に耳を傾けることは、ビジネスの成功に不可欠です。消費者は、操作が容易で迅速に動作するコマースサイトを通じて、信頼できるサービスがすばやく提供されることを期待しています。Griffin氏のチームは、その期待に応え、目標を達成しました。

「ビジネスの俊敏性を向上させるという、長年の夢が叶いました。スピードを追求し続けた結果、世界最速のコマースサイトを実現できました」と、同氏は述べています。

アドビのオンデマンドウェビナーでは、Adobe Experience Manager Sitesの最新のイノベーションを解説しています。また、Adobe Experience Manager SitesとAdobe Commerceを連携し、webサイトを高速化させる方法については、こちらをご覧ください。