Prípadová štúdia
Ako sme malej rodinnej pizzérii Mirola spravili web, na ktorý dostanete chuť
Pizzéria Mirola je rodinná pizzéria v Nitrianskom Pravne. Majú 28 druhov pizze, rozvoz po obci aj okolí a svoju špecialitu, pizzu č. 26 Mirola, ktorá nie je pre malý hlad. Na mieste to funguje. Online však mali len dočasnú stránku, ktorá o ich pizze nepovedala takmer nič.
A to je problém mnohých malých podnikov: jedlo majú výborné, no keď si ich niekto večer o šiestej s chuťou na pizzu hľadá v mobile, nenájde nič, čo by ho presvedčilo zavolať.
Čo Mirola potrebovala
Hneď na začiatku sme si stanovili jasný cieľ. Web má:
- do 10 sekúnd vzbudiť chuť a do 30 sekúnd povedať, akú pizzu si objednať a kam zavolať,
- na mobile umožniť zavolať jedným ťuknutím, lebo odtiaľ objednáva väčšina ľudí,
- mať prehľadné menu s cenami, gramážou a alergénmi pri každej pizzi,
- ukázať otváracie hodiny, ceny rozvozu a cestu k pizzérii,
- rýchlo sa načítať aj na slabšom mobilnom signáli.
Čo sme spravili
Postavili sme svetlý, teplý web vo farbách pizze: krémový podklad ako múka, paradajkovo červená a výrazné, hravé písmo. Žiadne generické šablóny, všetko je navrhnuté presne pre Mirolu.
Úvod, ktorý si zapamätáte. Návštevníka privíta obrovský nápis MIROLA. Upečená pizza priletí s otáčkou, dopadne na stôl, zdvihne obláčik múky a potom sa pomaly točí. Pri nej je nálepka so špecialitou č. 26. Pod úvodom beží červený pás s tým najdôležitejším: rozvoz 0,80 €, otváracie hodiny, telefón.
Menu ako v dobrej reštaurácii. Všetkých 28 pízz je na jednom prehľadnom lístku s číslom, surovinami, gramážou a cenou. Dajú sa filtrovať (mäsové, vegetariánske, pikantné…) a hľadať podľa suroviny, napríklad „klobása“. Pri každej pizzi je jej fotka a po kliknutí sa otvorí detail s alergénmi a veľkým tlačidlom Zavolať a objednať. Pri objednávke stačí povedať číslo.
Príbeh jednej pizze. Pri scrollovaní vidno, ako vzniká Mirola: poctivé cesto, bohatá omáčka, veľa syra a kopa surovín, krok po kroku, priamo pred očami.
Všetko praktické na jednom mieste. Otváracie hodiny s vyznačeným dnešným dňom a živým stavom „otvorené / zatvorené“, ceny rozvozu, mapa a navigácia k pizzérii.
Na mobile je telefón vždy po ruke. Dole je stále prilepená lišta Zavolať a objednať s aktuálnym stavom, napríklad „Dnes otvárame o 15:00“. Od otvorenia stránky po hovor stačí jedno ťuknutie, dokonca ešte počas úvodnej animácie.
Technológia pod kapotou
Pre rýchlosť a plynulosť sme nesiahli po klasickom WordPresse:
- Astro: moderný framework, ktorý vygeneruje čistú, bleskovo rýchlu stránku bez zbytočného balastu.
- GSAP a ScrollTrigger: profesionálne animácie, rovnaké nástroje, aké používajú oceňované svetové weby. Animácie bežia plynulo aj na lacnejšom telefóne.
- Fotky pripravené na web: každú pizzu sme vyrezali z pozadia a skomprimovali do formátu WebP, takže stránka pri prvom načítaní váži len zlomok bežného webu.
- Písmo orezané na slovenčinu: namiesto stoviek kilobajtov len to, čo web naozaj potrebuje.
- Prístupnosť na 100 %: kontrast, ovládanie klávesnicou, čitateľné aj bez animácií.
- Pripravené pre Google: štruktúrované dáta s menu, cenami a otváracími hodinami, aby Google vedel, že ide o pizzériu a čo ponúka.
Celý web sme testovali na 10 rôznych obrazovkách, od malého telefónu po 4K televízor.
Výsledok
Mirola má web, na ktorý dostanete chuť ešte skôr, než pizzu uvidíte. Vyzerá skvele na mobile, tablete aj počítači, načíta sa rýchlo a zákazníka vedie k jedinému cieľu: vybrať si číslo a zavolať.
Celé to trvalo pár dní.
Chcete podobný web?
Ak vaša prevádzka chutí lepšie, než vyzerá online, vieme to zmeniť. Postavíme vám moderný a rýchly web, ktorý na mobile vyzerá skvele a privádza zákazníkov.
Napíšte nám na ahoj@webaktual.sk alebo zavolajte na +421 914 502 639.