Projekt demonstracyjny

NOIR Restaurant

Ciemna, elegancka strona restauracji z kartą dań, kartą win i rezerwacją stolika w trzech krokach.

Gastronomia premiumBranża, pod którą przygotowano układ i treści.
Wersja do wyklikaniaTen projekt możesz otworzyć jako działającą stronę — rezerwacja, formularze i menu reagują naprawdę.
Zrzut strony — NOIR Restaurant
Wersja mobilna — NOIR Restaurant
BranżaGastronomia premium
ZakresProjekt + kodowanie + rezerwacja stolika
Czas realizacji3 tygodnie
TechnologieHTML, CSS, JavaScript, panel karty dań
Cel projektu

Co miało się zmienić

Restauracja z kuchnią sezonową zmienia kartę co kilka tygodni. Na stronie wisiał PDF sprzed pół roku, otwierany na telefonie jako nieczytelna kartka A4, a rezerwacje przychodziły na trzy różne komunikatory.

Strona miała wyglądać tak, jak wygląda wnętrze — ciemno, spokojnie, z dużymi zdjęciami — i pozwalać zarezerwować stolik bez dzwonienia, także o dwudziestej trzeciej.

Rozwiązanie

Jak to rozwiązaliśmy

Karta dań jest podzielona na zakładki (przystawki, dania główne, desery, menu degustacyjne) i przełącza się bez przeładowania strony. Karta win ma własną sekcję z opisem i rocznikiem.

Rezerwacja prowadzi przez trzy kroki: liczba osób, dzień i godzina z zaznaczonymi zajętymi terminami, dane kontaktowe z podsumowaniem. Galeria otwiera się w lightboxie obsługiwanym też strzałkami na klawiaturze.

Najważniejsze elementy

Co znalazło się
w projekcie.

Lista rzeczy, które faktycznie wchodzą w skład tego typu strony — nie deklaracji, tylko elementów do zaprojektowania, zakodowania i przetestowania.

Wizualizacje

Pozostałe widoki projektu.

Zrzuty z działającej wersji projektu — dokładnie to, co zobaczysz po kliknięciu „Otwórz działającą wersję”.

Karta dań z zakładkami
Karta dań z zakładkami
Karta win i galeria
Karta win i galeria
Kontakt, mapa i godziny
Kontakt, mapa i godziny
Podobny projekt

Chcesz podobną stronę dla swojej firmy?

Opisz w kilku zdaniach, czym się zajmujesz. Przygotujemy wycenę dopasowaną do Twojego zakresu — bez zobowiązań.

Poproś o wycenę →