← Case Studies

Nowa marka online w 2,5 miesiąca. Headless, komposable, gotowe na skalowanie.

Jak Divante zaprojektowało i uruchomiło sklep internetowy Trendhopper — nowej marki meblowej Einrichtungspartnerring VME, jednego z największych niemieckich dystrybutorów mebli — w 2,5 miesiąca, wykorzystując headless stack Vue Storefront, Shopify i Contentful.

2,5 miesiąca
Od briefu do działającego MVP
3 warstwy
Headless: VSF + Shopify + Contentful
Grudzień 2021
Premiera na czas, równolegle z otwarciem sklepów offline

Tło projektu

Einrichtungspartnerring VME jest jedną z największych niemieckich grup zakupowych i dystrybutorów mebli, założoną w 1964 roku i reprezentującą setki sprzedawców meblowych w Niemczech i Holandii. Organizacja zbudowała silną sieć sklepów fizycznych pod marką Trendhopper — już ugruntowaną w Holandii — i planowała wejście marki na rynek niemiecki, z równoczesnym otwarciem nowych sklepów offline i uruchomieniem obecności online.

Koncepcja Trendhopper opiera się na inspirowaniu do życia w pięknych wnętrzach, a nie na transakcyjnej sprzedaży mebli — to doświadczenie typu „window shopping”, mające zachęcać do wizyt w sklepach, a nie wyłącznie generować konwersję eCommerce. Ten model oparty na treści miał istotny wpływ na wybór technologii.

Wyzwanie

Brief był wymagający ze względu na liczne ograniczenia:

  • Premiera musiała przypadać precyzyjnie na moment otwarcia sklepów offline, co dawało projektowi nieprzesuwalny termin startu
  • MVP musiało zostać zaprojektowane i zbudowane od zera — bez istniejącego szablonu cyfrowego, bez istniejącego systemu projektowego
  • Model „window shopping” oznaczał, że początkowe doświadczenie nie obejmie koszyka zakupowego, co wymagało, by CMS był dominującą funkcjonalnością
  • Stos technologiczny musiał wspierać przyszłą ewolucję w kierunku pełnego eCommerce bez konieczności przebudowy
  • Harmonogram nie pozostawiał miejsca na długą fazę odkrywczą przed równoległym startem projektowania i budowy

Nasze rozwiązanie

Divante zaczęło od szybkich warsztatów user journey, aby wypracować kierunek projektowy i wysokiej jakości makiety. Zamiast tradycyjnej, monolitycznej platformy commerce, zespół wybrał trójwarstwową architekturę headless zaprojektowaną specjalnie pod model Trendhopper: Vue Storefront jako frontend (z wykorzystaniem Storefront UI dla lekkiej, wydajnej warstwy projektowej), Shopify jako backend (szybkie wdrożenie w połączeniu z nową, natywną integracją Shopify w VSF) oraz Contentful jako CMS (warstwa dominująca dla doświadczenia opartego na treści, w którym materiały redakcyjne i inspiracyjne kierują ruch do sklepów fizycznych).

MVP zostało uruchomione w grudniu 2021 roku — na czas, równolegle z otwarciem sklepów offline — a projekt był kontynuowany poprzez iteracyjne usprawnienia, zmierzające do pełnej funkcjonalności eCommerce.

Wpływ i rezultaty

  • MVP zostało uruchomione w grudniu 2021 roku zgodnie z planem, dostarczone w około 2,5 miesiąca od startu projektu
  • Architektura headless dała marce możliwość iteracyjnego rozwoju w kierunku pełnego eCommerce bez przebudowy platformy
  • Zespół marki ocenił współpracę jako efekt projektów graficznych, które „od razu dobrze odpowiadały tożsamości marki”, przy ciągłym uwzględnianiu feedbacku w trakcie procesu
"

Współpraca z Divante przebiegła bardzo dobrze — otrzymaliśmy bardzo dobre wstępne projekty dla naszej niemieckiej strony Trendhopper, które od razu dobrze odpowiadały tożsamości marki. Mogliśmy na bieżąco zgłaszać uwagi i jesteśmy bardzo zadowoleni z efektu.

IT
Brand Manager i Marketing Manager w TrendhopperIsabelle Taubitz & Lisa Haff