Poprawa sklepu internetowego NordWay.shop na WordPress + WooCommerce
Potrzebna jest poprawa sklepu internetowego z odzieżą NordWay.shop oraz wdrożenie nowoczesnego UX/UI dla wersji mobilnej i desktopowej w stylu nowoczesnych sklepów modowych.
Jako przykład UX/UI i funkcjonalności można się wzorować na VelesWorld.com.
Główny nacisk:
wygoda użytkowania
szybkie składanie zamówienia
nowoczesny mobile UX
minimalistyczny i schludny interfejs
Ważne:
zachować obecny styl strony
nie przeciążać strony ciężkimi rozwiązaniami
stworzyć responsywną i szybką funkcjonalność
---
Co należy zrobić
1. Strona produktu (Product Page)
1.1 Bloki akordeonowe (rozwijane sekcje)
Wdrożyć rozwijane bloki:
Opis produktu
Charakterystyki
Materiał i pielęgnacja
Opinie
Funkcjonalność:
otwieranie/zamykanie po kliknięciu
płynna animacja
wskaźnik “+ / –”
responsywność na urządzenia mobilne i desktopowe
---
1.2 Wybór wariacji produktu
Poprawić UX wyboru:
kolory — w formie kolorowych kółek/kwadratów
rozmiary — w formie przycisków
aktywny wariant podświetlony
efekty hover/focus
Ważne:
poprawna praca wariantowych produktów WooCommerce
aktualizacja ceny/dostępności bez przeładowania
---
2. Wysuwany koszyk (Side Cart)
Wdrożyć koszyk AJAX jak w nowoczesnych sklepach internetowych.
Funkcjonalność:
otwieranie z boku lub z dołu
bez przechodzenia na osobną stronę koszyka
zmiana ilości towaru przyciskami +/–
usuwanie towaru
wyświetlanie sumy
przycisk “Złóż zamówienie”
Wymagania:
aktualizacja AJAX
szybka praca
poprawna adaptacja na urządzenia mobilne i desktopowe
---
3. Składanie zamówienia (Checkout)
Uproszczenie strony checkout.
Pola:
Imię i nazwisko
Telefon
Email
Telegram/Instagram
Miasto
Oddział Nowej Poczty
Potrzebne:
minimalistyczny design
duże wygodne pola
mobilna adaptacja
usunąć zbędne pola WooCommerce
---
4. Wersja desktopowa
Potrzebna jest adaptacja UX również dla PC.
Stworzyć:
schludne odstępy
nowoczesny layout
efekty hover
wygodne wyświetlanie wariacji
poprawne wyświetlanie koszyka i checkout
---
5. Wersja mobilna
Specjalną uwagę należy poświęcić wersji mobilnej.
Potrzebne:
duże przyciski
szybki UX
minimum zbędnych działań
poprawna praca side cart
dobra responsywność
---
6. Ważne
CMS: WordPress + WooCommerce
Bez przeciążania strony ciężkimi konstruktorami
Czysty i schludny kod
Bez konfliktów z motywem i wtyczkami
Preferowane wdrożenie przez child theme
Kompatybilność z aktualizacjami WooCommerce
---
7. Czego oczekuję od wykonawcy
Potrzebny specjalista z doświadczeniem:
WooCommerce
AJAX
customizacja checkout/cart/product page
mobile UX/UI
Będzie plusem:
doświadczenie w projektach ecommerce/modowych
przykłady podobnych prac
---
8. Wynik
W wyniku potrzebny jest nowoczesny i wygodny sklep internetowy z odzieżą z:
nowoczesną stroną produktu
koszykiem AJAX
prostym checkout
dobrym UX na urządzeniach mobilnych i desktopowych
---
W odpowiedzi proszę podać:
terminy wykonania
koszt
przykłady podobnych prac
jak planujecie wdrożyć funkcjonalność (wtyczki/custom development)
