Aplikacja
Interfejs użytkownika końcowego • katalog.promax.blog
Aplikacja wspiera klienta w sklepie stacjonarnym: znajdź produkt, dodaj do listy, wróć do listy później. Działa jako PWA i zachowuje przewidywalność nawet przy słabym internecie.
Wartość dla klienta
Szybsze zakupy, mniej szukania, lista w telefonie.
Wartość dla sklepu
Mniej pytań do obsługi, lepsza konwersja, nowoczesny wizerunek.
Poniżej zebrane są wszystkie kluczowe widoki i mechanizmy dostępne dla użytkownika końcowego.
Ekran startowy sklepu
Krótki opis, wyszukiwarka, promocje, informacje o sklepie.
Wyniki globalne
Wyszukiwanie w całym katalogu + lista produktów + lista zakupów.
Ekran kategorii
Szukasz tylko w obrębie wybranej kategorii; CTA do globalnego przy braku wyników.
Ekran produktu (strona)
Breadcrumbs, nazwa, opis, powrót do katalogu.
Modal produktu
Szczegóły + galeria zdjęć + dodanie do listy bez opuszczania widoku.
Lista zakupów + PDF
Dodawanie, ilości, usuwanie, eksport do PDF.
Nawigacja globalna
Menu kategorii, dolny pasek skrótów, sekcja kontaktu.
Instalacja PWA
Strona instalacyjna, prompt kontekstowy, instrukcja iPhone.
Tryb offline
Otwarcie aplikacji i wcześniej odwiedzonych widoków, komunikat bez awarii.
To jest „kontrakt UX” — opis zachowania interfejsu bez technikaliów.
| Funkcja | Co widzi użytkownik | Co może zrobić |
|---|---|---|
| Start | Nagłówek sklepu, pole wyszukiwania, promocja, dane kontaktowe | Zacząć wyszukiwanie, przejść do kategorii z sugestii, przejść do kontaktu |
| Wyszukiwanie globalne | Tytuł wyników, input, sugestie, licznik wyników, karty produktów | Szukać globalnie, wyczyścić zapytanie, zmienić zapytanie, otworzyć modal produktu |
| Wyszukiwanie w kategorii | Nazwa kategorii, breadcrumbs, input, licznik wyników | Szukać lokalnie w kategorii, przy 0 wyników przejść do wyszukiwania globalnego |
| Sugestie | Panel sugestii podczas pisania, historia wyszukiwań | Kliknąć kategorię, kliknąć produkt, wybrać klawiaturą |
| Brak wyników | Komunikat „Brak wyników”, zapytanie użytkownika | Wyczyścić, zobaczyć wszystko, przejść do globalnego szukania |
| Karta produktu | Zdjęcie/placeholder, nazwa, kategoria, CTA „Zobacz”, „Dodaj do listy” | Otworzyć modal, dodać produkt do listy bez opuszczania ekranu |
| Modal produktu | Nazwa, kategoria/opis, zamknięcie, wejście do galerii | Zamknąć X/ESC/tło, dodać do listy, przeglądać galerię |
| Lista zakupów | Produkty z ilościami, przycisk eksportu PDF | Dodawać i kumulować ilości, usuwać pozycje, zapisać jako PDF |
| Instalacja PWA (strona) | Korzyści, CTA: „Zainstaluj teraz”, „Przejdź do katalogu”, instrukcje | Zainstalować lub pominąć i wejść do katalogu |
| Instalacja PWA (prompt) | Mały prompt po czasie lub po dodaniu do listy | Zainstalować, odłożyć decyzję, przeczytać instrukcję iPhone |
| Offline | Aplikacja nadal się otwiera mimo braku sieci | Korzystać z wcześniej odwiedzonych treści, zobaczyć komunikat offline |
Najczęstsza ścieżka użytkownika. To jest to, co „sprzedaje” aplikację.
Krok 1
Klient skanuje QR i trafia na ekran instalacyjny.
Krok 2
Widzi 2 ścieżki: szybka instalacja albo przejście do katalogu.
Krok 3
Przechodzi do katalogu i zaczyna od wyszukiwarki.
Krok 4
Wpisuje frazę, wybiera sugestię lub zatwierdza Enter/przyciskiem.
Krok 5
Trafia na wyniki globalne albo kategorię — zgodnie z kontekstem.
Krok 6
Otwiera produkt w modalu i dodaje do listy zakupów.
Krok 7
Lista rośnie lokalnie — można usuwać pozycje lub eksportować PDF.
Krok 8
Prompt instalacji pojawia się po czasie / po akcji zakupowej.
Krok 9
Kolejne użycie: uruchomienie z ikony; przy słabym internecie nadal dostęp do wcześniej odwiedzonych treści.
To nie są błędy krytyczne — to punkty, gdzie użytkownik może chwilowo stracić orientację.
Spójność komunikatów
Ujednolicić copy o liście zakupów na starcie vs w ekranach produktowych.
Nawigacja skrótów
Nazwy skrótów powinny odpowiadać temu, gdzie użytkownik trafia.
Kontekst wyszukiwania
Wyraźniej pokazać „globalnie” vs „w kategorii” jeszcze przed wynikami.
Ekran instalacyjny
Skrócić treść dla „pierwszego kontaktu” w sklepie stacjonarnym.
Aplikacja już dziś realizuje główny cel zakupowy: znajdź produkt → dodaj do listy → wróć do listy później. Kolejny etap to dopracowanie punktów orientacji (nawigacja, copy, różnica global/kategoria) bez zmiany fundamentu.