Software house

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.

  • DesignDesign
  • DesignWWW
  • DesignBackend
  • DesignFrontend
Felga samochodowa
Sklep internetowy Rotateit.pl na ekranie monitora

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 logo Symfony logo

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 logo

MySQL

Najpopularniejszy system do zarządzania relacyjnymi bazami danych typu open source. Ceniony przede wszyskim za łatwość zarządzania i wysoką wydajność.

React logo Typescript logo

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.

Żuraw
UX Designer

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.

Rotate IT - zrzuty ekranu z latopa i telefonu

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.

Porozmawiajmy

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

Design

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

  • Warsztaty Przeprowadziliśmy z klientem warsztaty projektowe, po których zdecydowaliśmy o dalszym kierunku prac.
  • Wybór technologii Po wewnętrznych konsultacjach rekomendowaliśmy wybór PHP (Symfony), MySQL oraz React (TypeScript).
  • Integracja z bazami danych Największym wyzwaniem była integracja systemu z bazami danych dystrybutorów produktów.
  • Stworzenie designu Projekt wymagał stworzenia dedykowanego designu, łącznie ze projektem nowego logotypu oraz nazwy marki - Rotate it.
  • Testowanie Po zakończeniu prac programistycznych przystąpiliśmy do testów systemu.
  • Copywriting Po fazie testów powstały wszystkie teksty znajdujące się na stronie oraz treść regulaminu i polityki prywatności.
  • Uruchomienie sklepu Zakończyliśmy pracę w ustalonym czasie, dzięki czemu mogliśmy udostępnić sklep klientom firmy.
  • Porozmawiajmy Jeśli potrzebujesz podobnej realizacji, nie wahaj się do nas napisać. Porozmawiaj

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.

Nasz projekt wymagał wiele pracy badawczej, a zespół poradził sobie z tym bez problemu. Członkowie zespołu zaproponowali wiele pomysłów, które pomogły nam ulepszyć nasz sklep, ułatwiając pracę nie tylko nam, ale i naszym klientom.

Rotate IT opinia klienta
Back to blog
Ta strona używa plików cookies.
Polityka Prywatności    Jak wyłączyć cookies?    Cyberbezpieczeństwo
OK