Rotyi Bistro: jelovnik koji se ne ispriječi sam sebi

Većina bistroa s kojima razgovaram nema problem s web stranicom koliko problem "Instagram-radi-sav-posao". Feed je pun energije — dnevne ponude, kuhinja u pokretu, stalni gosti koji označavaju mjesto. Onda kliknete na link u bio i sletite na nešto što djeluje kao da je izgrađeno za posve drugačiji, mnogo tiši posao. PDF jelovnik. Kontakt obrazac koji nitko ne ispunjava. Energija jednostavno stane.

Rotyi Bistro, jedan od naših vlastitih bistro koncepata, izgrađen je da testira što se dogodi ako web stranica ne zaustavi tu energiju — ako nosi isti ritam kao Instagram feed, dok i dalje radi ono što Instagram ne može: prima rezervaciju.

Pravi problem s "drskim i zauzetim"

Evo napetosti: cijela osobnost bistroa je glasna, šarena, pomalo kaotična na najbolji mogući način. Ali web stranica koja je glasna i kaotična na isti način obično zatrpa dvije stvari zbog kojih su ljudi zapravo došli — što je danas na jelovniku, i kako doći do stola. Drskost ne mora značiti neorganiziranost. To je bio cijeli dizajnerski problem u jednoj rečenici.

Što smo izgradili

Drsko sučelje koje i dalje zna gdje što stavlja. Boja i energija posvuda, ali dnevni jelovnik i gumb za rezervaciju nikad nisu dalje od pogleda, na svakoj veličini ekrana. Nismo utišali osobnost da bismo stranicu učinili "upotrebljivom" — samo smo osigurali da se glasni i funkcionalni dijelovi međusobno ne sukobljavaju.

Dnevni jelovnik strukturiran tako da se stvarno ažurira. Dnevna ponuda bistroa neprestano se mijenja. Ako je ažuriranje stranice gnjavaža, prestane se događati unutar mjesec dana i stranica zastari dok se Instagram feed i dalje kreće. Zato je sekcija jelovnika izgrađena posebno da bude laka za održavanje — istaknuta, jednostavna za uređivanje, ne naknadna misao zalijepljena na dno naslovnice.

Rezervacija dizajnirana za nekoga tko stoji na pločniku, ne sjedi za stolom. Većina ljudi koji rezerviraju stol u ovakvom bistrou to rade s mobitela, usred hoda, odlučujući u sljedećih deset sekundi hoće li skrenuti. Cijeli proces optimizirali smo baš za taj trenutak, ne za korisnika na desktopu koji ima vremena pregledavati — što je u praksi značilo obraćati pažnju na Interaction to Next Paint jednako kao na brzinu učitavanja. Stranica koja se brzo učita ali djeluje trapavo čim nešto dodirnete iznevjerava tu osobu jednako loše kao i spora.

Broj koji nam je bio bitan

Ponude i rezervacija stola udaljeni su jedan dodir od jelovnika. Ne dva, ne tri — jedan. Ta je ograda oblikovala layout više od bilo čega drugog, jer je prisilila svaku drugu odluku da opravda svoje mjesto: ako sekcija nije pomagala nekome da dođe od "što je dobro danas" do "imam stol", morala je imati jako dobar razlog da postoji između te dvije stvari.

Zašto je ovaj projekt djelovao drugačije

Većina bilješki koje pišemo bavi se time kako nešto komplicirano napraviti ispravno — sustav rezervacija, više jezika, CMS koji netehnički tim stvarno može koristiti. Ovaj je bio o suzdržanosti. React i Tailwind omogućili su nam da budemo brzi i zadržimo sučelje šarenim bez da postane buka — utility klase umjesto prilagođene CSS datoteke značile su da se pravilo "drsko ali organizirano" moglo dosljedno provoditi kroz svaku komponentu, ne samo one koje smo se sjetili dvaput provjeriti. Vercelov hosting značio je da nismo morali razmišljati hoće li stranica izdržati ručak — jednostavno izdrži.

Pouka koju bih prenio bilo kojoj maloj kuhinji koja razmišlja o vlastitoj stranici: vaš Instagram već dokazuje da imate energiju. Posao vaše web stranice nije to ponovno dokazati. Njezin posao je primiti rezervaciju prije nego netko skrola dalje.