Re.bro: dwa oblicza lokalu na jednej stronie.

Wersja komputerowa dzieli ekran pomiędzy dwie sceny wnętrz. Każda strona ma własne zdjęcie w ramce i podpis lokalu. Różnica jest widoczna przed długim wyjaśnieniem, ale wspólna typografia i oprawa łączą obie części w jedną markę. Kompozycja ma powód: odwiedzający rzeczywiście wybiera między różnymi propozycjami.

Wnętrze pomaga wyobrazić sobie wizytę, atmosferę i otoczenie spotkania. Nazwa oraz lokalizacja wiążą to wrażenie z realnym miejscem. Bez podpisów dwa atrakcyjne kadry można byłoby odczytać jako fotografie jednej restauracji. Dlatego różnicy wizualnej towarzyszy informacja, która pozwala świadomie kontynuować wybór.

Dla grupy lokali warto wcześniej ustalić, które informacje są wspólne, a które zależą od miejsca. Menu, adres i droga do rezerwacji nie powinny przypadkowo zmieniać kontekstu. Ma to szczególne znaczenie przy kilku miastach: rozpoznawalność marki nie usuwa potrzeby wyjaśnienia konkretnej wizyty.

Przy takim układzie trzeba zachować czytelność także bez samych fotografii. Nazwa miejsca, miasto i znaczenie odnośnika powinny pozostać zrozumiałe dla osoby przeglądającej stronę pobieżnie lub korzystającej z innego sposobu nawigacji. Zdjęcia nadają charakter, lecz nie mogą być jedynym nośnikiem różnicy. W podobnym projekcie warto więc sprawdzić podpisy razem z trasą linków: czy wybrany lokal prowadzi do własnych informacji, a nie jedynie do kolejnej ogólnej prezentacji całej grupy.

W zapisie projektu znajduje się przykład poprawki: pasek adresu Safari na iPhonie nachodził na link prowadzący do menu. Położenie elementu zostało skorygowane. Pokazuje to, dlaczego ocena restauracyjnej strony nie kończy się na dopracowanym układzie komputerowym. Kontrolka przeglądarki może zasłonić dokładnie to działanie, dla którego ktoś otworzył stronę.

Nie wynika z tego, że jedna zmiana zwiększyła rezerwacje o określony procent. Taki wniosek wymaga pomiaru. Praktyczna lekcja dotyczy sposobu sprawdzania: na podobnej stronie należy otworzyć prawdziwe menu, przewinąć zawartość i zobaczyć, czy działania pozostają dostępne podczas pojawiania się i chowania paneli przeglądarki. Jeden nieruchomy zrzut nie odpowiada na te pytania.

Na niewielkim ekranie liczy się też różnica pomiędzy rozmiarem napisu a obszarem dotyku. Cienka etykieta może być czytelna, lecz niewygodna do naciśnięcia. W takim menu ocenia się rzeczywisty scenariusz użycia, a nie tylko podobieństwo do pomniejszonej kompozycji z komputera.

Zespół Re.bro może zmieniać menu i fotografie w Webflow. To istotne dla strony odwiedzanej po aktualne informacje. Aktualizacja potrzebuje właściciela: kto ją zatwierdza, którego lokalu dotyczy i czy trzeba poprawić powiązane podstrony. Edytor ułatwia publikację, ale nie rozstrzyga o prawdziwości nowego opisu.

Do podobnego zlecenia przygotuj listę lokali, obowiązujące menu, rzeczywiste adresy rezerwacji i zdjęcia każdego miejsca. Zaznacz treść wspólną oraz różnice. Te decyzje wpływają na strukturę mocniej niż abstrakcyjna liczba podstron. Jeżeli doświadczenia gastronomiczne się różnią, jeden uniwersalny opis rzadko oddaje je wystarczająco dokładnie.

Re.bro łączy prezentację lokali, menu czytelne na telefonie i treść aktualizowaną przez klienta w Webflow. Poprawka układu na iPhonie dotyczy zachowania witryny w rzeczywistym sposobie oglądania. Wizualny wybór miejsca pozostaje powiązany z praktycznymi informacjami o wizycie. Atmosfera przyciąga uwagę, a czytelne szczegóły pomagają zdecydować, dokąd pójść i jak wykonać kolejny krok, bez mylenia danych różnych restauracji.

Właściciel zamawiający podobną stronę powinien pokazać wykonawcy cały scenariusz, od wyboru lokalu po faktyczny adres rezerwacji. Pozwala to wcześnie wykryć pomylone kierunki i brakujące informacje. Ładny pierwszy ekran jest ważny, ale dopiero ta ciągłość decyduje, czy strona pomaga zaplanować konkretną wizytę.