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.
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.