Strona
https://masterdom.od.ua
Cele redesignu
1. Zwiększyć dostępność informacji kontaktowych.
2. Uprościć nawigację.
3. Zwiększyć konwersje z ruchu mobilnego.
4. Zminimalizować pionowe odstępy.
Główne zadania
1. Zastąpić stare logo adresem sklepu
2. Menu burger
3. Nazwa sklepu
Aktualne problemy UX
— Logo zajmuje zbyt dużo miejsca.
— Menu burger znajduje się na dole nagłówka i po prawej stronie, a puste miejsce jest niewykorzystane.
— Przewijanie do kluczowych elementów.
— Elementy nie są przyklejone.
Nowa struktura nagłówka
1. Góra (przyklejona i nie podlega zmianom):
- Wyszukiwarka po lewej
- Przełącznik języka na środku
- Koszyk po prawej
2. Blok menu i logo (przyklejony):
- Po lewej menu burger
- W centrum: tekst 'MASTERDOM' w stylu firmowym
3. Blok z telefonami i adresem (nieprzyklejony):
- Pod logo: telefony po prawej, jak w wersji oryginalnej
- Pod nimi: przycisk 'Zadzwoń do mnie'
- Adres sklepu (po lewej zamiast starego logo)
- Usunąć napis „Sprzedaż drzwi i podłóg...” pod telefonami.
Wytyczne UI
- Czcionka: używać obecnej czcionki strony (jeśli brak, zaproponować odpowiednik).
- Kolory: trzymać się odcieni brandowych.
- Odstępy: minimalizować pionowe odstępy, unikać zbędnego przewijania.
- Ikony: minimalistyczne, czytelne (wyszukiwanie, telefon, adres, burger).
Responsywność
— Obsługa od 320 px
— Testować: 320px, 375px, 414px
— Elementy w strefie palca użytkownika
Zachowanie
— Górny blok (wyszukiwarka, języki, burger, logo) — przykleja się podczas przewijania.
— Po tapnięciu: menu, telefon, 'Zadzwoń do mnie' są aktywne
— Telefony są klikalne
Oczekiwania od projektanta
Makieta w Figma (lub innym narzędziu):
1 ekran wersji mobilnej (przyklejony górny pasek + struktura nagłówka).
Możliwy osobny ekran stanu „przy przewijaniu”.
Uwagi UX:
Podpisy, które elementy są interaktywne, które są przyklejone, które się ukrywają.
Wytyczne odnośnie odstępów i stylów.
Rozmiary czcionek, przycisków, odstępów, kolory.
Terminy
— Makieta: do 3 dni roboczych
— Wprowadzenie poprawek (jeśli konieczne): +1 dzień.
