02 / strona z podstronami
Strona bistro sezonowego „Pora”
Wyrazista, apetyczna strona wrocławskiego bistro, którego karta zmienia się cztery razy w roku. Ma pobudzać apetyt i prowadzić do rezerwacji stolika.
Projekt koncepcyjny — klient i dane kontaktowe na stronie są fikcyjne.
To działająca strona — możesz w niej klikać, przewijać i wypełniać formularze.
Wyzwanie
Punkt wyjścia
Gość restauracji chce w kilka sekund wiedzieć trzy rzeczy: co dziś jedzą, czy jest otwarte i jak zarezerwować stolik. Strona musi odpowiedzieć na te pytania od razu — także na telefonie, w drodze.
Odbiorcy: osoby w wieku 25–50 lat, które wpadają na lunch, kolację we dwoje albo spotkanie ze znajomymi.
Cel strony: rezerwacja stolika. Drugi cel: pokazanie aktualnej, sezonowej karty.
Decyzje projektowe
Dlaczego tak wygląda
#F7F1E6#1F3A2E#B44A17#F2A36B#5B2E4A#22302Atypografia
Young Serif nagłówki
Instrument Sans tekst
Wyrazisty, jesienny charakter
Kremowy papier, grafitowa zieleń i dyniowy pomarańcz. Duże zdjęcia od krawędzi do krawędzi — przeciwieństwo cichej strony gabinetu.
Menu jak drukowana karta
Kropkowane linie między nazwą dania a ceną. Oznaczenia „wege” i „bez glutenu” mają tekst, a nie tylko kolor — są czytelne dla każdego.
Pięć podstron zamiast jednej
Każda podstrona ma jedno zadanie: menu, o nas, rezerwacja, kontakt. Kategorie menu mają własne adresy, więc można wysłać komuś link prosto do deserów.
Kolory gotowe na zmianę pory roku
Cała paleta jest zdefiniowana w jednym miejscu. Zmiana pory roku to podmiana kilku kolorów, bez przebudowy strony.
Funkcje
Co potrafi ta strona
- Status „Otwarte do 22:00” / „Zamknięte · otwieramy jutro o 12:00” liczony na żywo według czasu w Polsce
- Zakładki menu obsługiwane klawiaturą (strzałki, Home, End) i z własnymi adresami
- Rezerwacja: dostępne godziny wyliczane z godzin otwarcia, zablokowane dni zamknięcia
- Galeria z powiększaniem zdjęć, zamykana klawiszem Esc
- Przyklejony przycisk „Zarezerwuj stolik” na telefonie, który chowa się, gdy jest zbędny
- Menu i godziny otwarcia łatwe do zmiany w jednym miejscu
Dalsze kroki
W wersji produkcyjnej dodałbym
- Menu w pełni widoczne dla wyszukiwarek, żeby lepiej pozycjonowało się w Google
- Lunch dnia pobierany z arkusza Google, który właściciel edytuje z telefonu
- Automatyczne przełączanie kart i kolorów według pory roku
- Połączenie formularza rezerwacji z systemem rezerwacji lokalu
- Politykę prywatności i informację RODO przy formularzu