KLIENT:
Kwant

Dziesiątki tysięcy produktów, jeden interfejs - e-commerce dla ogólnopolskiej sieci hurtowni elektrycznych

Rezultaty

  • Sklep uruchomiony w niespełna 6 miesięcy

    kompletny, responsywny front-end od zera

  • Dziesiątki tysięcy produktów w jednym interfejsie

    zaawansowana wyszukiwarka i filtrowanie kategorii

  • Stany magazynowe w wybranym oddziale

    klient widzi dostępność, zanim złoży zamówienie

  • Treści blogowe bez ręcznej pracy

    CMS zintegrowany z ChatGPT

WYZWANIE

Celem projektu było stworzenie nowoczesnego, responsywnego i wydajnego interfejsu użytkownika dla hurtowni elektrycznej, który:

  • Umożliwia sprawne i wygodne zakupy online z poziomu różnych urządzeń.
  • Obsługuje dużą liczbę produktów oraz rozbudowaną strukturę kategorii.
  • Współpracuje z istniejącym backendem i mobilną aplikacją klienta „Kwant App”.
  • Pozwala na dynamiczne zarządzanie treściami i blogiem.

 

Głównym wyzwaniem było dokładne dopasowanie nowoczesnego front-endu do już istniejącego backendu oraz gotowych makiet, przy jednoczesnym zapewnieniu wysokiej wydajności, intuicyjności interfejsu i elastyczności w dalszym rozwoju platformy.

ROZWIĄZANIE

Nasz zespół zaprojektował i wdrożył warstwę front-end sklepu internetowego, korzystając z najnowszych technologii webowych. Projekt realizowany był w modelu tygodniowych sprintów z regularnymi spotkaniami z zespołem klienta.

  • Frontend: Next.js (React), TypeScript, Material UI - zapewniające wysoką wydajność, dostępność i responsywność interfejsu.
  • CMS: Strapi z integracją z ChatGPT - umożliwiający zarządzanie treścią i automatyczne generowanie treści blogowych.
  • Hosting: Vercel - zapewniający błyskawiczne wdrożenia i podgląd prac w czasie rzeczywistym.

 

nowa strona kwant

KLUCZOWE FUNKCJONALNOŚCI

  • Zaawansowana wyszukiwarka i filtrowanie produktów.
  • Możliwość wyboru oddziału i przeglądanie stanów magazynowych.
  • Rozbudowany panel klienta do zarządzania kontem.
  • „Strefa Pracownika” - dedykowany panel dla pracowników sklepu.
  • Moduły: aktualności, „Akademia Kwant”, informacje o firmie.
  • Strony oraz produkty promocyjne z systemem nagród.
  • Program lojalnościowy dla klientów
  • Rejestracja kont jako osoba fizyczna lub firma.

nowa strona kwant

REZULTATY

  • Stworzenie kompletnego, responsywnego front-endu sklepu w niespełna 6 miesięcy.
  • Skrócenie czasu dostarczania nowych funkcji dzięki zastosowaniu Vercel i CI/CD.
  • Automatyzacja treści blogowych dzięki integracji CMS ze sztuczną inteligencją.

 

nowa strona kwant

PODSUMOWANIE

Realizacja front-endu platformy Kwant to doskonały przykład efektywnej współpracy między zespołem developerskim a klientem, który ma wyraźną wizję swojego produktu. Dzięki starannie zaplanowanemu procesowi, zastosowaniu nowoczesnych technologii oraz bliskiej integracji z istniejącymi systemami, udało się stworzyć szybki, stabilny i funkcjonalny sklep internetowy. Projekt nie tylko spełnił oczekiwania użytkowników końcowych, ale także otworzył drzwi do dalszego rozwoju.

Korytarz z geometrycznymi liniami oświetlenia LED odbijającymi się w podłodze
Strona została wdrożona, działa dobrze i szybko. Dużym plusem jest to, że dobrze się pozycjonujemy. Zespół Boring Owl pracuje profesjonalnie i jest bardzo zaangażowany w projekt. Do tego są elastyczni i mają dużą wiedzę.

Michał Rugiełło E-Commerce Director, Kwant Hurtownie Elektryczne sp. z o.o.

Opinia z Clutch (tłum. z angielskiego)

Wykorzystane technologie

FRONTEND

framework React do budowy responsywnego interfejsu hurtowni

FRONTEND

warstwa interfejsu obsługująca dziesiątki tysięcy produktów

FRONTEND

bezpieczeństwo typów w rozbudowanym katalogu

FRONTEND

biblioteka komponentów interfejsu

FORMULARZE I DANE

obsługa formularzy zamówień i zapytań

FORMULARZE I DANE

zarządzanie stanem i cache'owanie danych produktowych

FORMULARZE I DANE

komunikacja HTTP z API hurtowni

BACKEND

headless CMS do zarządzania treścią i blogiem

INFRASTRUKTURA

błyskawiczne wdrożenia i podgląd prac w czasie rzeczywistym

Wyceń swój projekt