2022년 헤드리스 커머스의 모범 사례 15가지

전자 상거래 세계에 관심이 있는 사람이라면 '헤드리스 커머스'라는 용어가 너무 익숙할 것입니다. 결국, 요즘 모든 사람들이 머리가없는 것처럼 보입니다. 최고 브랜드의 결과가 압도적으로 긍정적임을 고려할 때 이는 놀라운 일이 아닙니다.

데모 목적으로 오늘 우리는 헤드리스 커머스의 더 두드러진 몇 가지 예와 이 새로운 접근 방식이 브랜드에 어떻게 도움이 되었는지 나열할 것입니다.

ReactJS와 헤드리스 커머스

Headless Commerce 사이트는 ReactJS 와 결합하여 PWA(Progressive Web Apps) 및/또는 SPA(단일 페이지 애플리케이션)의 형태로 사용자 여정에 방해가 되지 않는 앱과 유사하고 매끄럽고 간소화된 경험을 제공할 수 있습니다.

이러한 이유로 ReactJS와 Headless는 종종 전자 상거래 세계에서 손을 잡고 쇼핑객에게 전자 상거래 상점의 성공에 필수적인 반응형 모바일 우선 경험을 제공합니다.

ReactJS 기반 헤드리스 커머스 사이트의 예

참고 : 아래에 나열할 많은 웹사이트는 부분적으로 또는 완전히 헤드리스입니다. 즉, 앞서 언급한 헤드리스 커머스의 이점은 특정 장치(예: 모바일)에서만 볼 수 있습니다. 각 웹 사이트가 지원하는 장치에 대한 세부 정보는 이미지 설명에서 확인할 수 있습니다.

1. 나이키

세계적으로 유명한 신발 소매업체인 Nike에 대해 누구나 들어 보았지만 Nike도 머리가 없는 상태가 되었다는 사실을 모두가 아는 것은 아닙니다. 이 회사는 모바일 고객에게 더 많은 매출을 올리려는 전반적인 전략에 가장 잘 맞는 모바일 우선 접근 방식을 원했습니다. BFF(프론트엔드용 Node.js 백엔드)와 결합된 React SPA는 당시 논리적인 다음 단계처럼 보였습니다. 그리고 그것은 확실히 실망시키지 않았습니다. 점차적으로 Nike는 Adidas 경쟁자로부터 더 많은 시장 점유율을 확보하기 시작하여 Headless 캠페인을 처음 생각했던 것보다 더 큰 성공을 거두었습니다.

2. 금성

Venus Headless, 이제는 친숙하게 들립니다. 예, Venus Fashion은 고대 그리스의 유명한 동상일 뿐만 아니라 여성 의류를 제공하는 것으로 알려진 주요 소매업체이기도 합니다.

처음에는 사이트 페이지의 15.25%가 1초 이내에 로드되는 느린 로드 시간으로 어려움을 겪었습니다. 그러나 Venus가 Headless Commerce 접근 방식을 채택하고 상점을 Reactive Progressive Web App으로, 인프라를 BFF(Backend for Frontend)로 전환하면서 상황이 바뀌었습니다. Venus의 이러한 급진적이고 고위험 고수익 이니셔티브는 위에서 언급한 sie 페이지 로딩 비율이 15.25%에서 72.75% 로 50% 이상 증가한 것과 같이 근본적으로 긍정적인 결과를 가져왔습니다. 로딩 시간의 이러한 변화 덕분에 Venus는 전환율이 24% 증가하여 Headless 접근 방식을 충분히 가치 있게 만들 수 있었습니다.

3. 독특한 느낌

매월 수백만 명의 방문자가 방문하는 유럽의 선도적인 미용 제품 소매업체인 Feel Unique는 특히 규모가 비슷한 브랜드의 경우 더 많은 수익을 창출하기 위해 고객 경험을 향상시켜야 한다는 점을 이해했습니다. React Progressive Web App을 통해 Feel Unique의 사용자 쇼핑 경험은 쇼핑 여정의 중요한 단계(예: 제품 검색, 탐색, 구매)를 더 빠르고 간소화함으로써 크게 개선되었습니다.

4. 레드박스

모든 예 중에서 rexbox보다 Headless Commerce 접근 방식에 더 적합한 요구 사항을 생각할 수 없습니다. 시각적 콘텐츠를 전문으로 하는 다른 소매업체와 마찬가지로 redbox는 전환을 유도하기 위해 사용자의 마음을 사로잡고 참여를 유도하는 홈페이지가 필요하다는 문제에 직면했습니다. 이것이 단일 페이지 애플리케이션이 그들에게 완벽한 선택이었던 이유입니다. 그리고 실제로 그랬다. 단일 페이지 응용 프로그램으로 상점 첫 화면을 다시 시작한 후 rebox는 더 높은 성능은 아니더라도 그대로 유지하면서 더 매력적이고 반응이 빠른 콘텐츠를 제공할 수 있었습니다.

5. 재고 과잉

2017년 "웹 경험을 위한 새로운 바" 강연에서 소개된 Overstock은 Headless Commerce 접근 방식의 모범적인 소매업체입니다. 제품 조사 및 제품 검색 페이지를 대화형 SPA 페이지로 재구축함으로써 Overstock은 수익이 36%, 전환율이 8% 증가했습니다. 그리고 상황은 그것으로 그치지 않았습니다. 브랜드는 힘을 얻었고 결국 최근 세계에서 가장 신뢰할 수 있는 100대 기업 중 하나로 선정된 상품화 업계의 10억 달러 규모의 선도적인 온라인 소매업체가 되었습니다.

6. 대상

Target만큼 인기가 있지만 고객이 한 브랜드에서 다른 브랜드로 쉽게 전환할 수 있는 Amazon 및 Walmart와의 치열한 경쟁에 직면해 있습니다. 분석을 통해 브랜드는 고객의 대다수(80%)가 하나의 장치에서 구매 여정을 시작하고 다른 장치에서 끝날 가능성이 높다는 것을 깨달았습니다. 기기 간의 이러한 격차가 성장의 기회가 될 수 있음을 보고 브랜드는 이 문제를 가장 잘 해결할 수 있는 솔루션을 찾았고 자연스럽게 다양한 기기에서 고객 경험을 통합하는 Headless Commerce 접근 방식이 답이었습니다.

7. 애니 셀케

월 170,000명 이상의 방문자가 방문하는 고품질 홈 데코 제공업체인 Annie Selke는 모든 전자 상거래 비즈니스의 핵심이라고 생각하는 더 빠르고 매력적인 경험을 위해 Headless Commerce 접근 방식을 선택했습니다. PWA 및 AMP 기술과 서버 측 렌더링의 조합을 통해 Annie Selke는 트래픽 소스 전체에서 평균 첫 페이지 로드 시간이 0.74초로 단축되어 사이트 성능을 개선하는 데 큰 성공을 거두었습니다. 개선된 로드 시간 덕분에 브랜드는 유기적 트래픽에서 갑작스러운 고객 유입이 40.41%까지 증가하는 것을 보았습니다.

이러한 결과를 통해 브랜드가 처음에 사실이라고 생각했던 것이 결국 헤드리스 접근 방식을 통해 얻은 더 빠르고 매력적인 경험이 실제로 성공을 가져온 것으로 나타났습니다.

8. 언더아머

Mobify의 프로그레시브 웹 앱을 보유한 최초의 브랜드 중 하나인 Under Armour 는 헤드리스 접근 방식, 특히 헤드리스 커머스에 대한 프로그레시브 웹 앱 접근 방식이 비교적 새롭기 때문에 목표가 무엇인지에 대한 일반적인 아이디어를 가지고 있었지만 거의 진전이 없었습니다. 당시. 그러나 헌신과 다이내믹한 사고 방식으로 그들은 점차 영국의 선도적인 스포츠웨어 소매업체의 성공하고 수익성 있는 모범 사례로 자신의 사이트를 조정했습니다.

소비자가 진입하는 순간부터 전체 소비자 여정이 객관적으로 더 좋고 더 빠르며 훨씬 더 빠르고 원활하게 여정을 진행할 수 있습니다. 제품 페이지에서 카테고리로 이동하는 것은 거의 고통스럽지 않습니다. 우리는 두 자릿수 매출 성장, 3배의 반품률, 65% 감소한 사전 바운스를 가지고 있습니다.

Patrick Grissinger, Under Armour 수석 제품 관리자 (출처: Mobify)

9. 커클랜드의

Kirkland's는 37개 주에 431개 이상의 매장이 있는 인상적인 브랜드로 미국 가정에 널리 퍼져 있기 때문에 Kirkland's를 모르는 미국인은 많지 않습니다. 그리고 대부분의 대형 브랜드와 마찬가지로 Kirkland의 주요 관심사는 속도였습니다.

전자 상거래에 대한 새로운 Headless 접근 방식을 통해 브랜드는 원하는 것 이상을 얻었습니다. Kirkland's는 이제 가장 빠른 소매 웹사이트 중 하나이며 지문 확인, 원 클릭 로그인 등과 같은 전자 상거래 세계의 다른 고유하고 최전선에 있는 실험 기능의 본거지입니다.

10. 순수한 공식

처음에는 높은 장바구니 포기율과 낮은 전환율에 직면했지만, 미국에서 가장 빠르게 성장하는 전자 상거래 소매업체 중 하나인 Pure Formulas는 헤드리스 커머스를 수용하고 비즈니스에 PWA를 구현하기 위해 온라인 건강 및 보조 식품 업계에서 처음으로 동기를 부여받았습니다. .

11. 랑콤

2019년 세계에서 가장 가치 있는 브랜드 중 하나인 Lancome(프랑스 고급 향수 및 화장품 회사) 역시 Headless Commerce에서 잠재력을 보았고 Progressive Web Applications를 통해 사용자 경험을 향상시키기 위해 다른 대형 브랜드와 합류했습니다. 헤드리스 접근 방식을 채택한 후 Lancom은 전환율이 17% 증가한 것을 확인했습니다. 이는 너무 크지는 않지만 여전히 이 정도 규모의 브랜드에 대해 고려해야 할 사항입니다.

12. 카니발 크루즈 라인

다양한 장치에서 일관성과 가용성에 의존하는 회사의 경우 세계 최대의 여행 레저 대행사 중 하나인 Carnival Cruise Line은 예약 관리에 헤드리스 방식이 자연스럽게 더 나은 선택이라고 느꼈습니다. PWA를 통해 헤드리스로 이동함으로써 회사는 예약 흐름을 개선했을 뿐만 아니라 푸시 알림을 통해 사용자 참여도를 높일 수 있었습니다.

13. 유나이티드 항공

예약 경험에 의존하는 업계의 경우 United Airlines는 가능한 최고의 앱과 같은 경험을 위해 React Progressive Web App을 선택했습니다. 이 접근 방식을 통해 United Airlines는 사용자 흐름이 크게 개선되어 착륙부터 예약까지 즉각적인 경험을 할 수 있었습니다.

14. 데벤햄스

영국의 다국적 소매업체인 Debenhams도 영국에서 왔습니다. Debenhams는 영국에서 처음으로 React PWA를 선택한 초기 솔루션으로 헤드리스로 전환한 소매업체 중 하나에 속합니다. 인프라의 이러한 갑작스러운 변화의 원인은 예상대로 자발적이 아니라 고객 이탈률과의 지속적인 싸움 때문입니다. Debenhams는 심층 분석을 통해 고객, 특히 모바일 고객이 쇼핑 여정의 여러 지점에서 이탈하는 경향이 있다는 사실을 깨달았습니다.

프로그레시브 웹 앱을 통해 Debenhams는 모바일 수익이 40% 증가하고 전환이 20% 증가하여 온라인 성장을 시장 이상으로 이끌었습니다.

15. 릴리 퓰리처

의류 소매업체 브랜드인 Lilly Pulitzer는 규모로 유명하지 않지만 Headless Commerce로의 성공은 무시할 수 없습니다. 소매업체 웹사이트의 주요 트래픽은 주로 모바일 장치에서 발생하기 때문에 이 브랜드는 PWA로 다시 시작하여 데스크톱과 모바일 사용자 간의 경험을 통합하도록 사이트를 최적화하기로 결정했습니다. 결과는 여기의 다른 많은 예와 마찬가지로 탁월했습니다. 전년 대비 브랜드의 모바일 트래픽은 80%, 모바일 수익은 33% 증가했습니다.

 추천 자료 : 모바일 커머스 2022: 모바일 커머스의 모든 것 안내

줄 바꿈 단어

모바일 쇼핑객의 요구를 충족시키기 위해 웹이 점점 더 반응적으로 변하고 있다는 것은 의심의 여지가 없습니다. 위의 예에서 볼 수 있듯이 ReactJS와 결합된 Headless Commerce 는 데스크탑과 모바일 장치 모두에서 완벽하게 작동하는 앱과 같은 경험을 제공할 수 있습니다. 헤드리스 접근 방식 채택으로 인한 지속적인 성공으로 이와 같은 구매 경험이 미래의 표준이 될 것으로 예상됩니다.
당신이 원하는 것이 전자 상거래 세계에서 현재 최고의 비용 효율적인 관행을 따라잡고 이를 Magento 매장 에 통합하는 것이라면 SimiCart는 당신을 도울 수 있는 바로 적합한 전문가 팀을 보유하고 있습니다.

여기 SimiCart에서 우리는 매우 긍정적인 고객 만족도를 제공하는 원활한 ReactJS 기반 프로그레시브 웹 앱 구축을 전문으로 합니다.