Problém, který má každá kavárna
Podnik, který jede od půl osmé ráno do půlnoci, je ve skutečnosti tři různé podniky. Ráno je to místo na tichou kávu a rozečtenou knížku. V poledne je to obědovka, kde jde o rychlost. Po sedmé je to bar s vinylem a koktejly. Běžný web tohle vyřeší tak, že to všechno napíše pod sebe — a návštěvník, který hledá klidné ráno, si přečte odstavec o DJ setech a odejde.
Co jsem postavil
- Tři režimy dne — ráno, poledne, večer — mezi kterými se přepíná fotka, text i nálada. Nejsou to záložky s obsahem, je to tři různé verze téhož podniku.
- Nabídku rozdělenou tak, jak ji člověk skutečně hledá: snídaně, polévky, hlavní jídla, koktejly, víno, pivo — s cenami, ne s výzvou „zeptejte se obsluhy“.
- Rezervace a otevírací dobu na jednom místě, protože to jsou dvě věci, kvůli kterým na web kavárny většina lidí vůbec přijde.
- Program večerů — vinylové noci, koncerty, ochutnávky — jako důvod se na web vrátit i podruhé.
- Struktura pěti kapitol místo běžného menu, aby se stránka dala číst jako zin, ne jako leták.
Rozhodnutí, které za to stálo
Původně se režimy dne přepínaly automaticky podle hodin v prohlížeči. Vypadalo to chytře a fungovalo to špatně: kdo si web otevřel v jedenáct večer, aby si naplánoval ráno, dostal koktejlový bar. Přepnul jsem to na ruční volbu s výchozím nastavením podle času. Chytrost, kterou nejde přebít, není chytrost — je to překážka.
Web restaurace neprodává jídlo. Prodává představu toho večera.
Co si z toho beru
Že u gastro webu je atmosféra funkční požadavek, ne dekorace — ale nesmí stát v cestě člověku, který si jen potřebuje ověřit otevírací dobu. Celá práce byla v hledání téhle rovnováhy: aby stránka měla náladu a přitom odpověděla do pěti vteřin.
Máte podnik, který si zaslouží víc než odkaz na Facebook?Napište mi
Na čem to stojí
- HTML, CSS a JavaScript bez frameworku
- GSAP a ScrollTrigger pro scrollem řízenou choreografii
- Lenis pro vážené plynulé scrollování
- Typografie Fraunces a IBM Plex Mono
- Nasazeno na GitHub Pages
— Filip