Sklep internetowy dla branży motoryzacyjnej
Dla klienta prowadzącego stacjonarną sprzedaż opon i felg stworzyliśmy dedykowany sklep online, posiadający unikalny design i zaawansowaną wyszukiwarkę w formie konfiguratora produktów.
Design
WWW
Backend
Frontend
Opis klienta
Serwis Opon Kret jest małą, rodzinną firmą z siedzibą na Śląsku.
Ich specjalnością od lat jest najlepsza obsługa klientów w zakresie wymiany opon, drobnej mechaniki oraz sprzedaży nowych opon, felg i kompletnych kół.
Od kilku lat firma sprzedaje swoje produkty również przez Internet, korzystając z ogólnodostępnych platform sprzedażowych.
Główne założenia projektu
- zaawansowany konfigurator opon i felg
- unikalny, nowoczesny design
- dedykowane rozwiązanie dopasowane do potrzeb
Jakich technologii użyliśmy?
Po analizie potrzeb klienta i przeprowadzeniu warsztatów projektowych, zarekomendowaliśmy kierunek prac - dedykowane rozwiązanie, stworzone od podstaw. Jako narzędzia umożliwiające realizację projektu zostały wykorzystane powszechnie znane i stabilne technologie, typowe dla tego typu rozwiązań - PHP (framework Symfony), MySQL, React (TypeScript) oraz integracja z zewnętrznym systemem płatności.
PHP (Symfony)
PHP jest jednym z najczęściej wykorzystywanych języków programowania w Internecie. Framework Symfony zapewnia standaryzację kod oraz przyspiesza tworzenie i utrzymanie aplikacji.
MySQL
Najpopularniejszy system do zarządzania relacyjnymi bazami danych typu open source. Ceniony przede wszyskim za łatwość zarządzania i wysoką wydajność.
React (Typescript)
Popularna biblioteka JavaScript, która ułatwia tworzenie interfejsów użytkownika przy wykorzystaniu komponentów. React ma wysoką wydajność, jest stabilny, a jednocześnie stale rozwijany.
Wyzwanie
Ponieważ firma chciała stać się bardziej niezależna w zakresie sprzedaży swoich produktów online, wspólnie zdecydowaliśmy się stworzyć dedykowany sklep internetowy. Aby ułatwić klientom cały proces, stworzyliśmy wyszukiwarkę produktów w formie specjalnego konfiguratora, który pomoże odbiorcom znaleźć felgi i opony, pasujące idealnie do ich samochodów.
Jak to zrobiliśmy?
Kluczowe elementy systemu skupiają się wokół zaawansowanego konfiguratora, który pozwala na automatyczne dopasowanie opon i felg do konkretnego modelu samochodu lub poprzez określenie wybranych parametrów, takich jak szerokość czy średnica poszukiwanej opony lub felgi.
Głównym wyzwaniem okazała się automatyzacja - integracja sklepu z hurtowniami oraz optymalizacja warstwy bazodanowej, pozwalająca na sprawne wyszukiwanie artykułów. Innymi słowy możliwość powiązania konkretnych modeli pojazdów z pasującymi oponami i felgami różnych producentów. Dane dostarczane przez hurtownie nie były usystematyzowane, dlatego każda integracja wymagała stworzenia indywidualnych parserów, które umożliwiły sprowadzenie danych do jednego formatu. Duża liczba pozycji, a także rozbudowane opcje konfiguracyjne oraz konieczność korzystania z zewnętrznej bazy danych, udostępniającej profile samochodów, wymagały dużego nakładu pracy związanego z optymalizacją całego systemu.
Po wykonaniu prac programistycznych i spełnieniu wymagań systemowych, wybrano środowisko produkcyjne, na którym uruchomiono sklep. Zastosowane technologie automatyzacji wdrożeń CI/CD, w połączeniu z systemem kontroli wersji GIT, pozwalają w prosty, szybki i niezawodny sposób utrzymać i rozwijać dalej cały system, a przy tym znacznie skrócić czas potrzebny na wdrożenie nowych funkcjonalności.
Konfigurator felg i opon
Kluczowym elementem sklepu internetowego jest konfigurator felg i opon, który umożliwia dokładne dopasowanie produktu do posiadanego pojazdu, bez znajomości technicnych parametrów szukanego produktu. W przypadku, gdy użytkownicy nie znają parametrów opon, mają do dyspozycji takie filtry, jak:
- marka samochodu
- model samochodu
- typ nadwozia
- generacja
- producent
- cena produktu
Jeśli dany użytkownik zna rozmiar opon pasujących do swojego samochodu, wówczas może wykorzystać takie filtry, jak wybór sezonu (lato/zima/całoroczne), nośność, prędkość czy nazwę producenta. Ponadto użytkownik ma również możliwość sortowania według cen oraz popularności produktu.
Osiągnęliśmy nasz cel, jakim było uniezależnienie się od innych platform zakupowych.
Do dyspozycji klientów udostępniono także konfigurator felg, z wyborem takich parametrów, jak szerokość, odsadzenie ET, otwór centralny oraz nazwę producenta.
Konfigurator został zbudowany od podstaw. Jednocześnie oferta klienta oraz stany magazynowe są połączone ze sklepem stacjonarnym.
website
Strona internetowa
Zbudowany od podstaw sklep internetowy posiada w swojej strukturze kilka zakładek. Najważniejszą częścią sklepu są podstrony z ofertą felg oraz opon.
Sklep posiada integrację z bazami produktów producentów, które są pobierane poprzez API. Użytkownik ma możliwość wyboru interesującego modelu, a także liczby sztuk produktu.
Do dyspozycji użytkownika jest także konfigurator felg i opon. Dzięki temu użytkownik może łatwo znaleźć i dopasować produkt do posiadanego samochodu.
Porozmawiajmy
Masz pomysł na podobną realizację? Skontaktuj się z nami!
Branding
W ramach realizacji projektu zaproponowaliśmy nazwę marki - Rotate It, opracowaliśmy nowe logo oraz dedykowane elementy graficzne. Jako dominujący wybraliśmy kolor granatowy. Design strony internetowej zawiera również elementy z kolorem zielonym.
Ponadto w designie strony internetowej umieszczono także tematyczne zdjęcia, zaprojektowane przez nas ikony oraz inne grafiki.
Zgodnie z obecnymi standardami, sklep posiada również wersję responsywną.
Zespół projektowy
W projekt zangażowany został zespół specjalistów w skład, którego wchodzili m.in. Back-end Developerzy doświadczeni w PHP i Symfony, Front-end Developerzy, UI/UX Designer oraz coprywriter. Nad całością realizacji czuwał doświadczony Project Manager, który realizował również rolę Product Ownera i wspierał klienta podczas całej realizacji.
- 3 PHP / Symfony Developer
- 2 Front-end Developer
- 1 UI/UX Designer
Proces powstawania projektu
- WarsztatyPrzeprowadziliśmy z klientem warsztaty projektowe, po których zdecydowaliśmy o dalszym kierunku prac.
- Wybór technologiiPo wewnętrznych konsultacjach rekomendowaliśmy wybór PHP (Symfony), MySQL oraz React (TypeScript).
- Integracja z bazami danychNajwiększym wyzwaniem była integracja systemu z bazami danych dystrybutorów produktów.
- Stworzenie designuProjekt wymagał stworzenia dedykowanego designu, łącznie ze projektem nowego logotypu oraz nazwy marki - Rotate it.
- TestowaniePo zakończeniu prac programistycznych przystąpiliśmy do testów systemu.
- CopywritingPo fazie testów powstały wszystkie teksty znajdujące się na stronie oraz treść regulaminu i polityki prywatności.
- Uruchomienie sklepuZakończyliśmy pracę w ustalonym czasie, dzięki czemu mogliśmy udostępnić sklep klientom firmy.
- PorozmawiajmyJeśli potrzebujesz podobnej realizacji, nie wahaj się do nas napisać. Umów spotkanie
Opinia klienta
"WebMakers Software House pomógł nam osiągnąć nasz cel, jakim było uniezależnienie się od innych platform wysyłkowych i sprzedażowych. Produkt końcowy nadal pomaga nam w naszej codziennej pracy i jesteśmy bardzo zadowoleni z tego obrotu sprawy."
Michał Kret
Rotate It