Banerek z animowanym obiektywem

Zmienione 21.09. Duży przycisk z nagłówkiem, opisem i plakietką „Nowość" okazał się za ciężki — konkurował z koszykiem. Zastąpił go pasek wysokości 56 px z animowaną przysłoną aparatu: otwiera się, przytrzymuje i zamyka co pięć sekund, a przez szkło przechodzi złoty błysk. Rysowany wektorowo, kilkaset bajtów, bez doładowywania obrazków.

Skrót w dolnym pasku i stan oczekiwania przycisku

Na mobile, gdy klientka przewinie poniżej przycisku koszyka, przymierzalnia zostaje dostępna jako ikona aparatu w istniejącym pasku .stv-mobile-bar. Po tapnięciu przycisk przechodzi w stan „Otwieram przymierzalnię" — modal ładuje skrypt i widget Turnstile, co na słabym LTE trwa 1–2 s.

Zgoda i informacja o prywatności

Główne CTA jest nieaktywne, dopóki checkbox nie zostanie zaznaczony — nieaktywne, ale widoczne, żeby było jasne, co się stanie dalej. Pasek kroków u góry pokazuje, że to 1 z 4 etapów, więc nikt nie spodziewa się długiego formularza.

Nagłówek

„Przymierz na swoim zdjęciu"

Trzy fakty

zdjęcie nie jest zapisywane · wynik widzi tylko klientka · to wizualizacja poglądowa

Treść zgody

jedno zdanie + odsyłacz do Polityki prywatności

Stopka

Turnstile + limit 3 wizualizacji

CTA aktywne, licznik widoczny

Po zaznaczeniu zgody przycisk wypełnia się złotem, a pod nim pojawia się licznik dostępnych wizualizacji. Licznik od początku ustawia oczekiwania — potem nie zaskakuje komunikatem o limicie.

Skąd weźmiemy zdjęcie

Dwa kafle: aparat (domyślny na telefonie) i galeria. Pod nimi cztery wskazówki — krótkie, każda mówi o jednej rzeczy do zrobienia. Wskazówki są przed wyborem pliku, bo po wgraniu złego zdjęcia klientka traci cierpliwość, nie limit.

Wskazówki

portret do połowy klatki · odsłonięty dekolt · światło z przodu · bez filtrów

Ograniczenia techniczne

JPG lub PNG, min. 800 px szerokości, maks. 10 MB — podane przy kaflu, nie w regulaminie

Dobry kadr / zły kadr

Rozwijany panel pod wskazówkami. Zamiast opisu — dwa rysunki: kadr prawidłowy (twarz i ramiona, odsłonięta szyja) i typowy problem (zbyt daleko, profil, obcięte ramiona). Rysunki są schematyczne, bez zdjęć osób.

Ustaw kadr

Przycisk generowania nosi w sobie informację o zużyciu limitu, więc nikt nie klika „w ciemno". Pod przyciskiem dwa zdania: ile to potrwa i że zdjęcie zostanie usunięte po wygenerowaniu.

Nagłówek

„Ustaw kadr"

Mikrotekst

„Przesuń zdjęcie tak, aby szyja i dekolt znalazły się w złotej pętli."

CTA

„Generuj wizualizację · zużyje 1 z 3"

Stopka

„Generowanie trwa 10–25 sekund. Nie zamykaj okna — zdjęcie usuwamy zaraz po wykonaniu obrazu."

Turnstile przed wysłaniem

Weryfikacja odpala się dopiero po naciśnięciu „Generuj", nie na wejściu do modala — dzięki temu klientka widzi ją raz i w kontekście. W 95% przypadków przechodzi bezgłośnie; ekran pokazuje się tylko, gdy Turnstile potrzebuje chwili lub interakcji.

Etap 1: analizujemy kadr

Pasek postępu rusza od razu do ok. 20% i idzie dalej płynnie — nigdy nie stoi w miejscu, bo stojący pasek czyta się jako zawieszenie. Link „Przerwij" jest dostępny od pierwszej sekundy; przerwanie nie zużywa limitu.

Etap 3: dodajemy blask złota

Ten sam ekran w późniejszej fazie: dwa etapy odhaczone, trzecia ciekawostka, pasek przy 84%. Jeśli generowanie przekroczy 30 s, pod paskiem dochodzi jedno zdanie: „Trwa dłużej niż zwykle — jeszcze chwila" (bez zmiany kolorów, bez alarmu).

Gotowe — tak leży na Tobie

Na obrazie dwa trwałe oznaczenia: znak wodny „Wizualizacja" w narożniku i delikatna sygnatura Staviori u dołu. Oba zostają także w pobranym pliku, żeby obraz krążący po sieci nie był brany za zdjęcie produktu na modelce.

Nagłówek

„Gotowe — tak leży na Tobie"

Disclaimer

„Obraz powstał komputerowo…" — zawsze widoczny, nie w rozwijanym akordeonie

CTA główne

„Dodaj do koszyka · 2 750 zł"

Akcje drugorzędne

„Wygeneruj ponownie (zostają 2)" · „Pobierz obraz" · „Przymierz inny produkt"

Pasek „Pasuje do tego"

Trzy do czterech produktów z tej samej próby złota i podobnej skali kamieni — przewijane poziomo, po jednym tapnięciu do karty produktu. Naszyjniki i wisiorki mają dodatkowy odsyłacz „Przymierz", który wraca do przymierzalni z nowym produktem bez ponownego wgrywania zdjęcia (kadr zostaje w pamięci okna do jego zamknięcia).

Wynik z benefitem zmiany rozmiaru

Dla kategorii pierścionków zaręczynowych warstwa sprzedażowa dostaje jeden dodatkowy, wyróżniony punkt: bezpłatna jednorazowa zmiana rozmiaru, bezterminowo. To najmocniejszy argument w kategorii, w której największą obawą jest „a jeśli nie będzie pasować".

Wynik bez obietnicy 24 h

Gdy produkt jest wykonywany na zamówienie, blok dostępności zmienia treść — i to jedyna zmiana. Obietnica „24 h" nie może pojawić się przy takim produkcie, bo w sklepie oznacza konkret.

Dodano do koszyka

Po dodaniu do koszyka modal nie zamyka się — zostaje wynik i pojawia się grafitowy pasek potwierdzenia z odsyłaczem do koszyka. Klientka może dalej przymierzać kolczyki z paska „pasuje do tego", a koszyk rośnie.

Nie wykryto twarzy

Wykrywane po stronie serwera przed wysłaniem do modelu, więc limit pozostaje nietknięty. Obok komunikatu miniatura odrzuconego kadru — klientka od razu widzi, o którym zdjęciu mówimy.

Zdjęcie za małe lub rozmazane

Komunikat podaje wykryte parametry w szarej ramce diagnostycznej — to rozwiewa spór „ale moje zdjęcie jest dobre". Dwa wyjścia: inne zdjęcie z galerii albo zrób nowe teraz.

Limit wyczerpany (3 z 3)

Ściana limitu jest jedynym błędem, który dostaje ofertę zamiast przepraszania: kontakt z nami i ręczna wizualizacja. Limit pokazany jako trzy zużyte kropki, żeby było jasne, że to nie awaria.

Usługa chwilowo niedostępna

Bierzemy winę na siebie w pierwszym zdaniu i od razu mówimy o limicie. Trzecie wyjście to czat — klientka, która chciała zobaczyć produkt na sobie, jest gorącym leadem i nie wolno jej zgubić na błędzie 503.

Zdjęcie odrzucone przez moderację

Najwrażliwszy komunikat w całym przepływie. Nie sugerujemy, co dokładnie było nie tak — nie oskarżamy i nie tłumaczymy się. Mówimy, jakie zdjęcia przyjmujemy, i dajemy wyjście. Miniatura odrzuconego kadru nie jest pokazywana.