쇼핑몰, 콘텐츠 & 구독을 하나의 플랫폼으로 통합

문제

Blue Ocean은 기존 시스템 환경을 현대화하고 단순화하고 싶다는 명확한 목표를 가지고 우리에게 왔어. 당시 온라인 환경은 서로 분리된 여러 시스템으로 구성되어 있었어. 이커머스를 위한 오래된 Shopware-5-Shop 하나, 그리고 매거진, 보도자료, 구독, 스티커 및 기타 제공 콘텐츠를 위한 별도의 TYPO3-Website가 있었고, 이 모든 게 서로 다른 두 개의 도메인에 나뉘어 있었지.

이 구조는 역사적으로 쌓여온 결과였지만, 몇 가지 과제가 있었어. 사용자는 여정 중에 서로 다른 도메인을 오가야 했고, 그 때문에 Customer Journey가 불필요하게 복잡해졌어. 동시에 다국어, 국가별 세팅(독일, 오스트리아, 스위스), 그리고 확장 같은 부분도 유연하게 구현하기가 제한적이었어.

기술적인 관점에서도 개선 여지가 있었어. SEO 세팅이 전체적으로 깔끔하게 정리되어 있지 않았고, 구조화 데이터(schema.org)는 일부만 적용되어 있었으며, 성능도 최적이 아니어서 Core Web Vitals가 잠재력을 충분히 발휘하지 못했지. 게다가 Shopware 5와 TYPO3 모두 장기적으로는 더 이상 미래지향적인 기반이 아니었어 — End of Life와 지원 종료가 가까워지는 문제 때문이야.

그래서 시작점은 명확했어. 가치 있는 콘텐츠도 많고, 강력한 제품/구독 모델도 갖고 있었지만, 여러 시스템에 흩어져 있었고 사용자에게는 불필요한 복잡함이, 기술적으로는 제한된 확장성이 있었지.

이전

해결책

Blue Ocean 팀과 함께 우리는 명확한 전략적 결정을 내렸어. 모든 시스템을 통합하고, 현대화해서, 미래에도 안전한 아키텍처로 끌어올리기로 했지.

기반은 Shopware 5에서 Shopware 6로의 마이그레이션이었어. 동시에 우리는 의도적으로 Shopware Frontends를 활용한 Headless 접근을 선택했어. 백엔드는 계속 Shopware로 운영하고, 프론트엔드는 Nuxt와 Vue로 구현했지 — 빠르고, 유연하고, 커스텀도 자유롭게.

핵심은 모든 콘텐츠의 통합이었어. 별도의 TYPO3 사이트 대신, 이제는 Strapi라는 Headless-CMS를 사용해서 매거진, 보도자료, 스티커카드 및 기타 콘텐츠를 구조적으로 관리할 수 있게 했어. Headless 세팅 덕분에 전체가 한 덩어리처럼 자연스럽게 보이고 — 하나의 도메인에서, 끊김 없이 이어져.

이를 바탕으로 우리는:

• 홈페이지, 카테고리, 상품 페이지, 구독 & 체크아웃을 위한 새로운 디자인을 개발했어
• Blue Ocean의 브랜딩, 컬러 컨셉, 브랜드 세계관을 일관되게 구현했어
• 구독 플로우 전체를 새로 구축했어
• E2B 고객을 위한 내부 광고 시스템을 통합했어(여러 페이지의 광고 슬롯)

추가로 기술 SEO, schema.org, 성능 최적화, 그리고 Google Tag Manager를 통한 완전한 트래킹 세팅도 구현했어 — 쿠키 동의, Google Analytics, Shopware Analytics까지 포함해서.

이후

결과

이제 Blue Ocean은 쇼핑, 콘텐츠, 마케팅을 완벽하게 연결하는 현대적이고 중앙화된 플랫폼을 갖추게 됐어.

새로운 사이트는 다음을 제공해:

• 훨씬 단순해진 Customer Journey
• 모든 콘텐츠와 제품을 하나의 도메인에서 제공
• 더 빠른 로딩과 최적화된 Core Web Vitals
• 완전한 schema.org를 포함한 깔끔한 SEO 구조
• 유연한 구독 모델과 내부 광고 옵션

리런치 후 얼마 지나지 않아 Google Search Console에서도 첫 번째 긍정적인 흐름이 보였어. 기술적 오류가 줄고, 순위가 개선되며, 클릭 수가 증가하고 있지.

특히 가치 있는 건 새로운 기술 기반이야. Shopware, Nuxt, Vue, Strapi를 결합한 Headless 접근 덕분에 Blue Ocean은 지금 훨씬 더 유연해졌어. 새로운 콘텐츠, 기능, 비즈니스 모델을 더 빠르게 구현할 수 있고 — 기존의 전통적인 CMS나 쇼핑몰 구조의 제약 없이 확장할 수 있어.

협업은 몇 달 동안 강도 높게 진행됐지만, 구조적이고 파트너십 기반으로 함께했어. 그래서 더더욱, 오늘 기술적으로도, 디자인적으로도, 전략적으로도 Blue Ocean의 다음 성장을 위한 강력한 기반이 되는 쇼핑몰을 선보일 수 있어 기뻐.