Dostosowanie szablonu Storefront w Shoper do projektu w Figmie (HTML, CSS)

Projekt nie wymaga stworzenia grafiki. Wszystkie są stworzone w projekcie w Figmie. Jeśli będzie konieczność przesłania dodatkowej/brakującej grafiki - to jest to po stronie zleceniodawcy.

1. Pełna konfiguracja szablonu Storefront zgodnie z Figmą ✅ Dostosowanie układu stron (6 podstron) na desktop i mobile ✅ Implementacja niestandardowego stylowania w CSS (np. typografia, odstępy, kolory, przyciski) ✅ Zmiana struktury HTML tam, gdzie konfigurator Storefront nie wystarcza 2. Modułowy system bloków w technologii Storefront Programista powinien stworzyć moduły, które w przyszłości będzie można łatwo dodawać w panelu Shopera, np.: ✅ Banner reklamowy – konfigurowalny w panelu admina, np. zmiana obrazu, tekstu, przycisku ✅ Slider – obsługa dynamicznych slajdów (np. z ręcznie dodanymi grafikami lub produktami) ✅ Hotinfo (np. pasek z informacjami o promocjach, darmowej dostawie) ✅ Formularz kontaktowy – z polami dostosowanymi do projektu ✅ Polecane produkty – moduł, który pozwala ręcznie dodawać promowane produkty ✅ Bloki tekstowe i graficzne – elastyczne sekcje do tworzenia stron informacyjnych ➡ Wymaganie: Każdy moduł powinien być łatwo edytowalny w panelu Shopera! 3. Stylowanie kluczowych elementów sklepu ✅ Nagłówki, menu, stopka – dostosowanie do projektu ✅ Kategorie w głównym menu i bocznym menu – specjalne fonty i stylizacja (np. Open Sans) ✅ Strona produktu – poprawne wyświetlanie opisu, zdjęć, wariantów produktów ✅ Koszyk i proces zakupowy – zachowanie spójności wizualnej 4. Responsywność i optymalizacja mobilna ✅ Poprawne działanie na smartfonach i tabletach ✅ Dostosowanie interakcji na urządzeniach dotykowych ✅ Optymalizacja szybkości ładowania (np. lazy loading dla obrazów) 5. Testy i wdrożenie na żywym sklepie ✅ Weryfikacja poprawności działania wszystkich modułów ✅ Sprawdzenie na różnych przeglądarkach i rozdzielczościach ✅ Wprowadzenie ewentualnych poprawek