Rotyi Bistro: egy étlap, amely nem áll a saját útjába

A legtöbb bisztró, akikkel beszélek, nem weboldal-problémával küzd, hanem azzal, hogy "az Instagram végzi el helyette az összes munkát". A feed tele van energiával — napi ajánlatok, mozgásban lévő konyha, törzsvendégek, akik megjelölik a helyet. Aztán rákattintasz a bio linkjére, és egy teljesen más, sokkal csendesebb vállalkozásnak épült oldalon kötsz ki. Egy PDF étlap. Egy kapcsolatfelvételi űrlap, amit senki nem tölt ki. Az energia egyszerűen megszűnik.

A Rotyi Bistro, az egyik saját bisztró-koncepciónk, azt tesztelte, mi történik, ha a weboldal nem állítja meg ezt az energiát — ha ugyanazt a tempót hordozza, mint az Instagram-feed, miközben azt is megteszi, amire az Instagram nem képes: fogad egy foglalást.

A valódi probléma a "merész és nyüzsgő" megközelítéssel

Íme a feszültség: egy bisztró egész személyisége hangos, színes, a legjobb értelemben kicsit kaotikus. De egy weboldal, amely ugyanúgy hangos és kaotikus, általában maga alá temeti azt a két dolgot, amiért az emberek tényleg jöttek — mi van ma, és hogyan jutok asztalhoz. A merészségnek nem kell szervezetlenséget jelentenie. Ez volt a teljes tervezési probléma egyetlen mondatban.

Amit építettünk

Egy merész felület, amely mégis tudja, hova kell tenni a dolgokat. Szín és energia mindenütt, de a napi étlap és a foglalás gombja soha nincs több mint egy pillantásnyira, minden képernyőméreten. Nem halkítottuk le a személyiséget, hogy "használhatóvá" tegyük az oldalt — csak gondoskodtunk róla, hogy a hangos és a funkcionális részek ne harcoljanak egymással.

Egy napi étlap, amelyet úgy építettünk, hogy valóban frissüljön. Egy bisztró napi ebédkínálata folyamatosan változik. Ha az oldal frissítése macerás, egy hónapon belül abbamarad, és az oldal elavul, miközben az Instagram-feed tovább mozog. Ezért az étlap szekciót kifejezetten úgy építettük, hogy könnyű legyen naprakészen tartani — feltűnő, egyszerűen szerkeszthető, nem utólagos gondolat a főoldal alján.

Olyan foglalás, amelyet a járdán álló embernek terveztünk, nem az asztalnál ülőnek. A legtöbben, akik egy ilyen bisztróban asztalt foglalnak, telefonról teszik, séta közben, a következő tíz másodpercben eldöntve, betérnek-e. Az egész folyamatot kifejezetten erre a pillanatra optimalizáltuk, nem egy olyan asztali felhasználóra, akinek van ideje böngészni — ez a gyakorlatban azt jelentette, hogy ugyanúgy figyeltünk az Interaction to Next Paintre, mint a betöltési időre. Egy oldal, amely gyorsan töltődik be, de akadozva reagál, amint valamire ténylegesen rákoppintasz, ugyanúgy cserbenhagyja ezt az embert, mint egy lassú oldal.

A szám, ami nekünk számított

Az ajánlatok és az asztalfoglalás egy érintésnyire vannak az étlaptól. Nem kettő, nem három — egy. Ez a megkötés alakította a layoutot a legjobban, mert minden más döntést arra kényszerített, hogy igazolja a helyét: ha egy szekció nem segített valakit eljuttatni attól, hogy "mi jó ma", addig, hogy "van asztalom", nagyon jó okának kellett lennie, hogy egyáltalán ott legyen a kettő között.

Miért érződött ez máshogy

A legtöbb esettanulmány, amit írunk, arról szól, hogyan oldunk meg valami bonyolultat helyesen — egy foglalási rendszert, több nyelvet, egy CMS-t, amelyet egy nem technikai csapat valóban tud használni. Ez a projekt a visszafogottságról szólt. A React és a Tailwind lehetővé tette, hogy gyorsan haladjunk, és az felület színes maradjon anélkül, hogy zajossá válna — az utility osztályok egy egyedi CSS-fájl helyett azt jelentették, hogy a "merész, de rendezett" szabályt minden komponensben következetesen be lehetett tartatni, nem csak azokban, amelyeket eszünkbe jutott kétszer átnézni. A Vercel hosztolása azt jelentette, hogy nem kellett azon gondolkodnunk, bírja-e az oldal az ebédidős rohamot — egyszerűen bírja.

A tanulság, amit bármelyik kis konyhának átadnék, aki a saját oldalán gondolkodik: az Instagramod már bizonyítja, hogy van energiád. A weboldalad feladata nem az, hogy ezt újra bizonyítsa. Az a feladata, hogy megszerezze a foglalást, mielőtt valaki továbbgörget.