Beczka to restauracja i pub w Elblągu, które są też sceną koncertową. Zaprojektowałem jej stronę internetową: stronę główną, która zaczyna od najbliższych koncertów, podstrony koncertów, które sprzedają bilety od ręki, menu do przeglądania i przeszukiwania oraz podstronę zamówień na wynos.
Beczka to dwa miejsca w jednym: kuchnia, do której się wraca, i scena, na którą przychodzi się na jeden wieczór. Strona daje każdemu z nich własne tempo. Koncert dostaje duże zdjęcie, datę i jeden przycisk, bo sprzedaje się przez kilka tygodni, a potem znika. Restauracja dostaje menu złożone jak drukowana karta, bo to po nie ludzie otwierają stronę w każdy inny dzień.
Rys. 02Po lewej: nadchodzące koncerty. Po prawej: nawigacja na telefonie.
Decyzja projektowa
Trzy ekrany od plakatu do biletu
Kupno biletu zajmuje trzy ekrany. Strona główna otwiera się najbliższymi koncertami, a każdy ma przycisk do biletów. Na stronie koncertu cena i ten przycisk zostają na dole ekranu telefonu, kiedy czytasz o zespole. Zamówienie to jedna strona: bilet, liczba sztuk, suma i jeden przycisk do zapłaty.
Strona główna otwiera się najbliższym koncertem.
Cena i przycisk zostają na ekranie.
Zamówienie: ile, suma, zapłać.
Decyzja projektowa
Menu, które czyta się jak kartę
Kuchnia i bar mają razem ponad dwieście pozycji, więc menu jest osobną stroną. Dzieli się na cztery części z licznikami, a każda ma listę sekcji i pole wyszukiwania. Każdy wiersz podaje danie, gramaturę i cenę, połączone cienką linią, tak jak w drukowanej karcie.
Menu na komputerze i jego cztery części na telefonie.
Komponenty
Wypełniony przycisk, jedno zadanie
Każda podstrona jest zbudowana z tych samych kilku elementów. Wypełniony przycisk jest zarezerwowany dla jednego zadania, czyli kroku, który prowadzi dalej: bilet, menu, zamówienie, płatność. Lżejszą pracę wykonuje link tekstowy w tym samym kolorze. Karty, wiersze list i zasady koncertu z rysowanymi ikonami powtarzają się ze strony na stronę.
Karta koncertu, podsumowanie zamówienia, przyciski, wiersze menu i zasady koncertu.
Rys. 03Zamówienia na wynos: jedno zdjęcie, jeden przycisk, jeden numer telefonu.