Software house

Sklep internetowy
dla branży HVAC

Dla firmy w Polsce, działającej lokalnie, stworzyliśmy dedykowany sklep internetowy w oparciu o Sylius - Open Source Headless eCommerce Platform - w celu rozszerzenia sprzedaży na cały kraj. Takie podejście pozwoliło nam na obniżenie kosztów i przyspieszenie czasu wdrożenia, przy zachowaniu dużej elastyczności rozwoju.

  • DesignDesign
  • DesignWWW
  • DesignBackend
  • DesignFrontend
Panele fotowoltaiczne
Sklep internetowy Kombinat na ekranie monitora

Opis klienta

Kombinat Instalacyjny to wrocławska firma specjalizująca się w sprzedaży produktów HVAC, między innymi klimatyzatorów i urządzeń chłodniczych.

Na potrzeby dywersyfikacji sprzedaży, stworzyliśmy dla firmy multi-instalacyjny sklep online dla instalatorów (B2B) oraz klientów indywidualnych (B2C).

Główne założenia biznesowe

  • dywersyfikacja sprzedaży poprzez stworzenie sklepu internetowego
  • sprzedaż produktów dla dwóch typów odbiorców: B2B oraz B2C
  • przywiązanie odbiorców do firmy poprzez program lojalnościowy
  • ekspercki wizerunek sklepu

Jakich technologii użyliśmy?

Do budowy sklepu zastosowaliśmy framework e-commerce Sylius (1.9), oparty o PHP w wersji 7.4 i framework Symfony w wersji 5.3. Ponadto użyliśmy bazy danych MariaDB (10.6) i Redis (6.2) oraz wykorzystaliśmy rozwiązania takie jak: RabbitMQ (3.1). Front-end stworzyliśmy w oparciu o system szablonów Twig, kodując responsywne widoki przy użyciu HTML5 i CSS3 (z wykorzystaniem SCSS) oraz używając JavaScript.

  • Sylius logoSylius
  • PHP logoPHP
  • Redis logoRedis
  • RabbitMQ logoRabbitMQ
  • MariaDB logoMariaDB
  • Twig logoTwig

Wyzwanie

Klient dotychczas nie posiadał sklepu internetowego, dlatego musieliśmy również wypracować wspólnie z nim szczegółowy zakres funkcjonalny, uwzględniający wszystkie założenia biznesowe. Działania rozpoczęliśmy od prac koncepcyjnych oraz warsztatów, podczas których opracowaliśmy założenia projektowe. Jednym z pierwszych wyzwań, przed jakim stanęliśmy, był wybór odpowiedniego rozwiązania, które pozwoliłoby w optymalny i dopasowany do budżetu sposób stworzyć sklep internetowy, otwarty na dalszy rozwój i rozbudowę w przyszłości. Po konsultacjach z klientem zdecydowaliśmy o wyborze platformy e-commerce Sylius. Jest to rozwiązanie stworzone od podstaw w Polsce, na którym oparto już ponad 3,5 tysiąca sklepów internetowych na całym świecie. Więcej o tym rozwiązaniu pisaliśmy na naszym blogu.

Po potwierdzeniu założeń technologicznych przystąpiliśmy do właściwych prac z zakresu UX/UI, w tym m.in. szczegółowej analizy grupy docelowej, przygotowania szkiców UI i badań prototypu. Następnie, po dopracowaniu wszystkich założeń, przeszliśmy do prac designerskich oraz programistycznych. Kompleksowe prace nad powstaniem sklepu trwały ok. 7 miesięcy.

Główne założenia biznesowe

  • dostosowanie wyświetlania produktu do branżowych wymogów (różnica w cenie VAT w zależności od tego czy wybrana została opcja montażu produktu oraz dostępność opcji w zależności od profilu nabywcy - B2B lub B2C)
  • stworzenie możliwości zmiany cech technologicznych produktu w trakcie zakupu, co prowadziło do zmiany wyglądu produktu i ceny
  • wprowadzenie algorytmu automatyzującego i ułatwiającego łączenie zestawów produktów (np. kompletnego systemu klimatyzacji)

Innym wyzwaniem w trakcie developmentu okazała się także optymalizacja całego systemu pod względem wydajności, wynikająca z wymagań biznesowych dotyczących, m.in. zaawansowanego filtrowania produktów. Wdrożyliśmy tutaj autorskie rozwiązania, które odciążają infrastrukturę.

Końcowym wyzwaniem było stabilne postawienie projektu w produkcyjnym środowisku. W tym celu wykorzystaliśmy odpowiednio dopasowane serwery, a całość infrastruktury zaprojektowaliśmy z uwzględnieniem przyszłego skalowania (między innymi użycie konteneryzacji). Aby zadbać o ciągłe i bezproblemowe aktualizowanie projektu, wdrożyliśmy również odpowiednie mechanizmy deployowania, które pozwalają na mniej obsługowe i zautomatyzowane deployowanie przyszłych wersji aplikacji.

background illustration
screenshot strony Kombinat

Kluczowe funkcjonalności sklepu

  • dwa typy kont użytkowników (instalator oraz odbiorca indywidualny), wpływające na różne parametry i dopasowanie działania sklepu do danego typu
  • weryfikacja konta instalatora na podstawie przesłanego zgłoszenia i załączonych dokumentów
  • możliwość zakupu produktu wraz z montażem
  • rozbudowany system rabatowy, umożliwiający nadawanie rabatów na poziomie produktu lub typu klienta czy też indywidualnego rabatu dla wybranego użytkownika
  • możliwość częściowej realizacji zamówienia, w zależności od dostępności asortymentu
  • wbudowany system lojalnościowy
  • integracja z systemem płatności online (operator: Przelewy24.pl)
  • integracja z systemem ERP - Comarch ERP Optima z wykorzystaniem Sellintegro
  • możliwość dostosowania parametrów technicznych na etapie dodawania produktu do koszyka
  • blog z artykułami branżowymi
  • możliwość ratingu i recenzowania produktów oraz marek przez ekspertów pracujących w sklepie

Stawka VAT a wyświetlanie produktu

Jedną z ważnych kwestii w związku z budową sklepu była wdrożona funkcjonalność, polegająca na prezentacji różnej stawki VAT, w zależności od tego, czy produkt został zakupiony wraz z usługą montażu. W tym wypadku stawka VAT wynosi 8%. Jeśli klient zdecyduje się wyłącznie na produkt, wówczas podatek wyniesie 23%. Takie przepisy spowodowały, że konieczna stała się automatyczna zmiana wyświetlanej ceny, w zależności od wyboru samego produktu lub produktu z montażem.

Porozmawiajmy

Masz pomysł na podobną realizację? Skontaktuj się z nami!

Napisz do nas
Design

Branding & design

Początek współpracy z klientem obejmował również konsulting, wsparcie i prace w zakresie brandingu sklepu. Na bazie przeprowadzonej analizy i warsztatów z klientem przygotowaliśmy logo oraz identyfikację wizualną. W ramach prac wsparliśmy również proces negocjacji i zakupu domeny internetowej na rynku wtórnym.

Kombinat logo
screenshot strony Kombinat

Zakres projektu obejmował zaprojektowanie intuicyjnego UI oraz nowoczesnego, zgodnego z bieżącymi trendami designu całego sklepu. Strona główna składa się z modułów, wraz ze sliderem promującym różne produkty lub akcje prowadzone przez klienta. Postawiliśmy również na zaakceptowanie ważnych dla klienta elementów, jak atuty jego sklepu, listę najważniejszych producentów, których produkty oferuje klient, informacje o programie lojalnościowym czy moduł z najnowszymi wpisami na blogu eksperckim. Strona ofertowa produktu zawiera wszystkie najważniejsze elementy jak m.in. szczegółowe informacje o produkcie, specyfikację czy ważne parametry, będące jednocześnie funkcjonalnością pozwalającą skonfigurować parametry techniczne produktu przed dodaniem do koszyka. Odwiedzający sklep ma również łatwą możliwość kontaktu i zadawania pytań dotyczących oglądanego produktu.

screenshot strony Kombinat

Zespół projektowy

Do realizacji zaangażowaliśmy zespół projektowy składający się z 11 ekspertów takich jak m.in. UX/UI i graphic designer, architekt, back-end i front-end developerzy, tech lead, tester manualny, dev-ops oraz project manager.

liczba 11

Proces powstawania projektu

  • Konsultacje & warsztaty Wspólnie z klientem wypracowaliśmy specyfikację funkcjonalną odpowiadającą potrzebom biznesowym.
  • Wybór technologii Na podstawie szczegółowej analizy założeń dobraliśmy zestaw technologii, w tym framework e-commerce Sylius.
  • Projektowanie Na podstawie założeń i strategii marketingowej klienta opracowaliśmy branding sklepu, a następnie zaprojektowaliśmy od podstaw cały sklep - od strony głównej, poprzez stronę produktową i flow zakupowe, aż po statyczne strony informacyjne.
  • Development Równolegle z pracami projektowymi prowadziliśmy prace programistyczne, podczas których dopasowaliśmy i rozbudowaliśmy funkcjonalności Syliusa, zaprogramowaliśmy customowe funkcjonalności i przygotowaliśmy niezbędne integracje.
  • Testy Po zakończeniu prac programistycznych sklep przeszedł finalne testy na bazie opracowanych wcześniej scenariuszy testowych.
  • Porozmawiajmy Jeśli potrzebujesz podobnej realizacji, nie wahaj się do nas napisać. Porozmawiaj
Powrót do bloga

Zobacz również:

Ta strona używa plików cookies.
Polityka Prywatności    Jak wyłączyć cookies?    Cyberbezpieczeństwo
OK