Ogólne informacje:
CMS - OpenCart 3.0.3.7
Cel: Przenieść projekt z Figma na CMS OpenCart.
Języki: Ukraiński i Angielski
Waluty: Hrywna (UAH), Funt (GBP), Euro (EUR)
Typ strony: Katalog produktów bez płatności online (tylko zapytanie o produkt)
Podstawowe wymagania:
1. Adaptacja projektu
- Wykorzystać projekt z Figma (link do projektu) do stworzenia układu HTML/CSS/JavaScript.
- Układ musi być responsywny (na urządzenia mobilne, tablety i komputery stacjonarne).
- Wszystkie elementy projektu muszą odpowiadać makietom z Figma: kolory, czcionki, marginesy, ikony i inne elementy graficzne.
2. Struktura stron
Strona główna: Wyświetlanie głównych produktów, kategorii i banerów reklamowych.
Katalog produktów: Lista kategorii, filtrowanie według cech, sortowanie produktów.
Karta produktu: Opis produktu, cechy, zdjęcia, przycisk "Zapytanie o produkt".
Formularz zapytania o produkt: Możliwość złożenia zapytania o produkt (bez płatności online), zbieranie danych o kliencie (imię, dane kontaktowe, wiadomość).
Strona kontaktowa: Informacje o firmie, formularz kontaktowy.
Blog.
Strony informacyjne - o nas, nasze projekty, FAQ, opinie.
3. Wielojęzyczność i wielowalutowość
- Ustawić dwa języki: ukraiński i angielski.
- Ustawić trzy waluty: hrywna (UAH), funt szterling (GBP) i euro.
- Przełączanie języków i walut musi być dostępne ze wszystkich stron serwisu.
4. SEO i optymalizacja
- Optymalizacja układu pod SEO: semantyczne tagi, poprawne nagłówki, alt-teksty dla obrazów.
- Optymalizacja szybkości ładowania stron: minimalizacja CSS i JS, użycie czcionek webowych oraz zoptymalizowanych obrazów.
5. Współpraca z przeglądarkami
- Zapewnienie poprawnego działania strony we wszystkich nowoczesnych przeglądarkach: Google Chrome, Firefox, Safari, Edge.
6. Integracja z OpenCart
- Podłączenie układu do funkcjonalności OpenCart.
- Wykorzystanie standardowych modułów i komponentów CMS do realizacji katalogu produktów, formularzy zapytań itp.
- Realizacja multi-store z wykorzystaniem jednego interfejsu administracyjnego dla dwóch domen (Ukraina i Wielka Brytania).
7. Testowanie
- Testowanie funkcjonalności pod kątem poprawności działania.
- Testowanie wysyłania zapytań o produkty, sprawdzenie poprawności działania wielojęzyczności i wielowalutowości.
