Kompleksowe frontendowe rozwijanie e-commerce na OpenCart
Zrealizowano kompleksowy rozwój frontend internetowego sklepu z kuponami na paliwo na bazie OpenCart z pełną adaptacją do logiki biznesowej projektu.
Projekt obejmuje nie tylko szablonowanie, ale budowę całościowego doświadczenia użytkownika: od pierwszego wejścia na stronę do składania zamówienia i pracy z osobistym kontem.
W ramach pracy:
- zrealizowano pełny zestaw stron e-commerce: strona główna, katalog (z różnymi poziomami), strony produktów, koszyk oraz składanie zamówienia
- opracowano osobiste konto użytkownika (zarządzanie danymi, historia zamówień, zmiana hasła)
- zrealizowano skomplikowaną logikę interfejsu do pracy z kuponami paliwowymi (wybór nominałów, ilości, dynamiczne obliczanie kosztów)
- dostosowano scenariusze dla różnych typów użytkowników (osoby fizyczne / osoby prawne)
- stworzono strony transakcyjne oraz szablony e-mailowe (zamówienia, kupony QR)
- zrealizowano dodatkowe strony: “O nas”, “Dostawa i płatność”, “Kontakty”, “Mapa stacji paliw”, 404
- zapewniono pełną responsywność oraz poprawne działanie na urządzeniach mobilnych
Technologie:
HTML, CSS (SCSS), JavaScript, OpenCart (Twig)
Szczególną uwagę poświęcono:
- dokładnemu odwzorowaniu makiet Figma
- czystej i skalowalnej strukturze kodu
- przygotowaniu szablonów do integracji z backendem bez “kółek ratunkowych”
Demo: https://uni.it-lobster.com/
Projekt obejmuje nie tylko szablonowanie, ale budowę całościowego doświadczenia użytkownika: od pierwszego wejścia na stronę do składania zamówienia i pracy z osobistym kontem.
W ramach pracy:
- zrealizowano pełny zestaw stron e-commerce: strona główna, katalog (z różnymi poziomami), strony produktów, koszyk oraz składanie zamówienia
- opracowano osobiste konto użytkownika (zarządzanie danymi, historia zamówień, zmiana hasła)
- zrealizowano skomplikowaną logikę interfejsu do pracy z kuponami paliwowymi (wybór nominałów, ilości, dynamiczne obliczanie kosztów)
- dostosowano scenariusze dla różnych typów użytkowników (osoby fizyczne / osoby prawne)
- stworzono strony transakcyjne oraz szablony e-mailowe (zamówienia, kupony QR)
- zrealizowano dodatkowe strony: “O nas”, “Dostawa i płatność”, “Kontakty”, “Mapa stacji paliw”, 404
- zapewniono pełną responsywność oraz poprawne działanie na urządzeniach mobilnych
Technologie:
HTML, CSS (SCSS), JavaScript, OpenCart (Twig)
Szczególną uwagę poświęcono:
- dokładnemu odwzorowaniu makiet Figma
- czystej i skalowalnej strukturze kodu
- przygotowaniu szablonów do integracji z backendem bez “kółek ratunkowych”
Demo: https://uni.it-lobster.com/