Quiz Embassy: strona z rezerwacją prywatnych pokoi quizowych

Klient i cel

Quiz Embassy to prywatne pokoje quizowe dla grup od 1 do 6 osób. Zamiast pubowego quizu z obcymi drużynami grupa dostaje własny pokój, duży ekran i wybraną grę: od popkultury po geografię. To pomysł na wieczór ze znajomymi, urodziny, wieczór panieński albo integrację w firmie.

Klientami są w dużej części turyści i obcokrajowcy, a decyzja zapada szybko, często na telefonie. Strona musiała więc zrobić trzy rzeczy: od pierwszego ekranu oddać klimat miejsca, wyjaśnić, jak to działa, i pozwolić zarezerwować termin oraz zapłacić bez zakładania konta. Wszystko w kilku językach.

Co zrobiliśmy

• projekt UX/UI i identyfikację stylu strony w oparciu o logo marki,
• autorskie wdrożenie front-endu (HTML, CSS, JavaScript) bez ciężkich gotowych motywów,
• animowane tło 3D w Three.js, własny kursor i efekty neonu,
• wielojęzyczność: angielski, polski, czeski, hiszpański i niemiecki, przełączane bez przeładowania strony,
• czterostopniowy proces rezerwacji: data, liczba graczy, gra i płatność,
• sekcje: jak to działa, opinie, FAQ, vouchery podarunkowe i oferta dla firm.

Rozwiązanie

Klimat od pierwszego ekranu. Ciemne tło z delikatnie poruszającymi się punktami (Three.js), czerwone neony i bardzo szeroka typografia w nagłówku „Where Brains Compete” dają poczucie wejścia do pokoju gry. Pod hasłem są dwa przyciski: „Book a room” i „How it works”, a niżej trzy liczby, które budują zaufanie: liczba quizów, maksymalna liczba graczy i ocena.

Jak to działa w trzech krokach. Sekcja „Three Steps to Game Night” tłumaczy cały proces: wybierz termin, zapłać i potwierdź, przyjdź i graj. Każdy krok ma ikonę i jedno, dwa zdania, bez regulaminowego języka.

Rezerwacja w minutę. Sercem strony jest moduł „Book in 60 Seconds”. Klient wybiera dzień w kalendarzu, godzinę z dostępnych slotów, liczbę graczy i grę, a cena aktualizuje się na bieżąco. Rezerwacja nie wymaga konta, a potwierdzenie przychodzi e-mailem. Obok modułu wypisaliśmy najważniejsze obietnice: prywatny pokój tylko dla grupy, natychmiastowe potwierdzenie, gry w pięciu językach i bezpłatne odwołanie do 3 dni przed terminem.

Mobile first. Na telefonie układ upraszcza się do jednej kolumny, menu chowa się pod ikoną, a przycisk rezerwacji jest zawsze pod kciukiem. Przełącznik języka jest widoczny od razu, bo to pierwsza rzecz, której szuka turysta.

Efekt

Quiz Embassy dostaje stronę, która jest jednocześnie wizytówką klimatu i sprawnym systemem sprzedaży: od wejścia na stronę do opłaconej rezerwacji prowadzi jedna, krótka ścieżka, w języku klienta. Autorski kod bez rozbudowanych wtyczek daje pełną kontrolę nad wyglądem i szybkością działania. Strona jest na etapie wdrożenia przed publikacją pod docelową domeną.

Masz pomysł na usługę, którą klienci mają rezerwować online? Zobacz, jak pracujemy przy projektowaniu UX/UI i tworzeniu stron internetowych.