← Wszystkie projektyArchiwum · 2026

Beczka

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.

Zobacz na żywo

Klient
Beczka
Moja rola
Projektowanie UI
Rok
2026
Zakres
Koncerty i bilety / Menu / Zamówienia online
Strona główna Beczki w oknie przeglądarki, z plakatem koncertu, na którym muzycy stoją w kolorowym świetle sceny, i przyciskiem do biletów, oraz menu na telefonie, na ciemnoszarym tle
Rys. 01Strona główna, a na telefonie menu.

Notatki

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ń.

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 na telefonie, plakat koncertu z nazwą zespołu i przyciskiem „Kup bilety”
Strona główna otwiera się najbliższym koncertem.
Strona koncertu na telefonie z datą, nazwą zespołu i opisem oraz paskiem na dole z ceną i przyciskiem kupna biletu
Cena i przycisk zostają na ekranie.
Zamówienie na telefonie z koncertem, liczbą biletów, sumą, dwiema zgodami i przyciskiem zapłaty
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 w oknie przeglądarki z czterema częściami i ich licznikami, listą sekcji po lewej i daniami z cenami w dwóch kolumnach, a obok lista czterech części na telefonie
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ę.

Plansza z elementami strony, na której są karta koncertu, podsumowanie zamówienia z licznikiem biletów i przyciskiem zapłaty, wiersze nawigacji, cztery przyciski, dwa wiersze menu i trzy zasady koncertu z ikonami
Karta koncertu, podsumowanie zamówienia, przyciski, wiersze menu i zasady koncertu.
Strona zamówień online w oknie przeglądarki, ze zdjęciem dania i kartą z przyciskiem zamówienia i numerem telefonu, a obok ta sama strona na telefonie
Rys. 03Zamówienia na wynos: jedno zdjęcie, jeden przycisk, jeden numer telefonu.