E-Garderobe

UŻYTE TECHNOLOGIE

vue magento php figma elastic nuxt redis integration

ZAKRES PROJEKTU

webanalytics audytux webdevelopment devops api integration prototyping

BRANŻA

Moda Premium

Brief

Klient poszukiwał rozwiązań pozwalających na sprawne i stabilne zarządzanie innowacyjnym projektem wypożyczalni fashion. Projekt przejęliśmy całkowicie od wcześniejszego wykonawcy.

Zidentyfikowaliśmy spore braki w funkcjonalnościach, głównie w obszarze automatyzacji wymiany danych w procesie logistycznym oraz w dostępności serwisu na urządzeniach mobilnych.

Początkowo e-garderobe.com funkcjonowało jako typowa wypożyczalnia luksusowej odzieży. Jej architektura Magento była skonfigurowana pod tą funkcjonalność, obejmując moduł wypożyczeń z kalendarzem dostępności, subskrypcje Stripe oraz dedykowaną logistykę zwrotów.

Z czasem jednak biznes zaczął ewoluować. Pojawiła się potrzeba wprowadzenia marketplace z odzieżą używaną oraz, co kluczowe, sprzedaż nowych produktów od autorskich projektantów. Wymagało to przesunięcia ciężaru działalności z wypożyczeń na sprzedaż, co wiązało się z koniecznością przebudowy strony głównej, nawigacji i architektury produktów, bez utraty istniejących funkcji rentalowych i marketplace’owych.

Potrzeby projektu

Wdrożenie funkcjonalności przymiarki kreacji.
Zarządzanie rezerwacjami i kalendarzem dla wypożyczeń na różną liczbę dni.
Obsługa wielu form odbioru i dostawy.
Stworzenie dedykowanego frontendu z wykorzystaniem nowoczesnych technologii.

Nasza rola w projekcie

Audyt przedwdrożeniowy: Dokładna analiza stanu zastanego i identyfikacja obszarów do poprawy.
Makieta serwisu: Opracowanie intuicyjnych projektów UX/UI, które odpowiadały na potrzeby użytkowników.
Wykonanie frontendu: Stworzenie responsywnego frontendu w technologii Vue Storefront, zapewniającego szybkość i płynność działania.
Konfiguracja Magento 2: Dostosowanie platformy do nowych modeli biznesowych oraz integracje z systemami ERP i PIM.
Architektura serwerowa: Utworzenie i utrzymanie stabilnej infrastruktury serwerowej, niezbędnej dla wysokiej dostępności serwisu.
Funkcjonalności customowe: Utworzenie dedykowanych funkcji, takich jak przymierzalnia.
Analityka webowa: Wdrożenie GA4 w celu monitorowania i optymalizacji wyników.

Kluczowe wymagania

Mobilne płatności

Dostarczenie natywnych płatności mobilnych Apple Pay i Google Pay. Ponad 80% użytkowników serwisu korzysta z iPhone

Fashion First

Lekki, modowy UX strony, z dużymi zdęciami i wideo produktowym. Styl inspirowany trendami z USA i Australii

Migracja

Przeniesienie bazy produktowej z poprzedniego custom'owego silnika eCommerce

Długofalowe utrzymanie

Wsparcie developerskie i wdrażanie nowych rozwiązań

Zrealizowaliśmy ponad 25 projektów rozwoju E-commerce

Porozmawiajmy o współpracy

„Szukając zaufanego podmiotu do obsługi nietypowych i wymagających wyzwań programistycznych, zdecydowanie warto postawić na Beecommerce sp. z o.o."

Karina Sobiś CEO & Founder e-garderobe

5.0

Reviewed on

Architektura Headless w Praktyce: Technologie i Funkcjonalności

Projekt e-garderobe.com to doskonały przykład wykorzystania architektury headless e-commerce do realizacji innowacyjnych pomysłów. Oddzielenie frontendu od backendu pozwoliło na niezależny rozwój i wdrożenie zaawansowanych funkcjonalności.

PWA mobile-first frontend

Stworzyliśmy szybki i wydajny frontend w technologii Progressive Web App (PWA), który jest w pełni zoptymalizowany pod kątem urządzeń mobilnych. Zastosowaliśmy zaawansowane techniki skalowania zasobów, wykorzystanie CDN oraz wielopoziomowy cache, aby zapewnić błyskawiczne ładowanie strony i płynne interakcje. To kluczowe dla serwisu, gdzie ponad 80% ruchu pochodzi z urządzeń mobilnych.

Więcej o zaletach PWA przeczytasz w artykule Czym jest PWA? Progressive Web Apps w eCommerce - krótki przewodnik.

Integracja z Vimeo PRO

Aby zapewnić pełną informację o wyglądzie i plastyczności kreacji na modelu, zintegrowaliśmy serwis z Vimeo PRO. Krótkie filmiki wideo zastąpiły statyczne zdjęcia, budując atmosferę marki i prezentując produkty w ruchu. Wyzwaniem było szybkie i nieobciążające strony wczytywanie wideo, dlatego wybór padł na white-labelowe rozwiązanie Vimeo, z osobnymi wersjami dla desktopa i mobile (autoplay, muted, looped).

Moduł Wypożyczeń i Zarządzanie Kalendarzem

Rozbudowaliśmy Magento 2 o zaawansowany moduł Rental. Dzięki temu możliwe jest efektywne zarządzanie rezerwacjami i kalendarzem dostępności kreacji. Rozszerzyliśmy API Magento i przygotowaliśmy dedykowany frontend z intuicyjnym kalendarzem, który umożliwia wybór dat wypożyczenia oraz automatyczne blokowanie dni przeznaczonych na logistykę.

Kup z drugiej ręki

Rozwinęliśmy serwis o funkcjonalność marketplace, gdzie użytkownicy mogą kupować i sprzedawać luksusowe modowe perełki z drugiej ręki. Wdrożenie wymagało integracji z Akeneo PIM, stworzenia dynamicznego formularza do wystawiania produktów, rozdzielenia logiki koszyka oraz zmian na kartach produktowych. W rezultacie powstał lekki i funkcjonalny marketplace, który oferuje atrakcyjne ceny. Takie rozwiązania wspierają także ideę Circular Economy.

Dwa smartfony prezentujące sklep e-garderobe.com z markowymi ubraniami z drugiej ręki, między nimi torebka Gucci i napis Sprzedaję

Concept Store: Nowy Filar Sprzedaży

Kluczową zmianą biznesową było otwarcie na sprzedaż nowych produktów od małych, autorskich marek — polskich i ukraińskich projektantów. To wymagało istotnych zmian w backendzie Magento: stworzenia nowej gałęzi w drzewie kategorii, nowego zestawu atrybutów dla produktów sprzedażowych (prostych i konfigurowalnych) oraz dostosowania konfiguracji do przekazywania danych na front przez GraphQL. Dla tych produktów powstały dwie nowe strony produktowe, spójne wizualnie z resztą platformy.

Redesign UX/UI Strony Głównej i Nawigacji

Strona główna przeszła gruntowną przebudowę, aby odzwierciedlić nowy kierunek biznesowy. Statyczne banery zostały zastąpione wideo, a Concept Store i Marketplace wyróżnione jako główne sekcje. Nawigacja została przeprojektowana na strukturę: "Sklep | Kup z drugiej ręki | Wypożycz | Sprzedaj swoje produkty", eksponując nowe filary biznesu. To pokazuje znaczenie UX designu dla konwersji.

Główne cele odświeżenia strony, które zrealizowaliśmy:

Concept Store

Uruchomienie nowego modelu sprzedaży dla produktów od polskich i ukraińskich projektantów.

Adaptacja Magento

Stworzenie nowej gałęzi kategorii dla sprzedaży oraz dedykowanego zestawu atrybutów dla produktów prostych i konfigurowalnych.

Nowe Strony Produktowe

Opracowanie dedykowanych layoutów dla produktów z Concept Store.

Redesign Homepage

Zastąpienie statycznych banerów dynamicznym wideo i wyróżnienie nowych sekcji.

Przebudowa Menu

Zmiana nawigacji, aby odzwierciedlić nowy priorytet biznesowy platformy.

Redesign Karty Produktu Wypożyczeń

Odświeżenie UX sekcji wyboru.

Rezultaty

Wdrożenie Concept Store dla e-garderobe.com jest dowodem na to, że architektura headless doskonale sprawdza się nawet przy najbardziej nowatorskich pomysłach biznesowych. Powstała szybka, lekka strona modowa, która osiąga doskonałe wyniki analityczne i efektywnie wspiera ewolucję biznesu.

Dzięki elastyczności architektury headless (Magento + Vue Storefront), e-garderobe przeszło drogę od wypożyczalni luksusowej odzieży do pełnego ekosystemu mody, łączącego:

Concept Store — nowe kolekcje od polskich i ukraińskich projektantów.
Marketplace — komis marek luksusowych z drugiej ręki.
Wypożyczalnia — rental designerskiej odzieży na okazje.
Sprzedaż — możliwość oddania własnych markowych rzeczy do komisu.

Nowe modele biznesowe działają obok siebie na wspólnej, stabilnej platformie technologicznej, co potwierdza wartość technologii headless w rozwijających się przedsięwzięciach e-commerce.