Kwant - e-commerce dla ogólnopolskiej sieci hurtowni

Zespół Boring Owl zajął się zaprojektowaniem i wdrożeniem warstwy front-end, korzystając z gotowego backendu oraz makiet dostarczonych przez klienta. W ramach tego projektu stworzono także customowy CMS oparty na Strapi oraz narzędzie do generowania treści blogowych, które jest zintegrowane 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.

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.

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

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.