Hata Bagata
Restaurace domácí ukrajinské kuchyně se sálem u otevřeného ohně. Taková atmosféra se dá prodat jen obrazem.
Vše jsme změřili na živé verzi webu, tak jak ji vidí návštěvník.
Ruslan Display
NadpisyAa
- Хата БагатаRegular 400
АБВГҐДЕЄЖЗИІЇЙ abcdefghijklm 0123456789
Montserrat
TextAa
- Хата БагатаRegular 400
- Хата БагатаMedium 500
- Хата БагатаBold 700
АБВГҐДЕЄЖЗИІЇЙ abcdefghijklm 0123456789
Zaoblení
- 10 px
- kruh
Tlačítka: 10 px
Velikosti písma
- AaH2, 46,5 px
- AaH3, 37 px
- AaPerex, 29 px
- AaText, 18,5 px
Kontrast
- 13,6 : 1text na pozadí, AAA
- 7,8 : 1popisek tlačítka, AAA
Stíny
Měkký neutrální stín
Kontext
Hata Bagata funguje jako rodinná restaurace ukrajinské kuchyně v centru Ivano-Frankivsku od roku 2016. V budově je několik sálů: hlavní sál s tradičním interiérem, banketní sály pro 14 až 50 lidí, žebírkárna s otevřeným ohněm a dětský koutek „Chatynka“ o rozloze 150 m². O víkendech v sále hraje živá hudba.
Výzva
Restauraci lidé posoudí za pár vteřin scrollování. Hata Bagata měla domácí menu ukrajinské kuchyně, jídla na otevřeném ohni v žebírkárně a osobitý interiér s výšivkami a hliněným nádobím, ale neměla jak to ukázat: menu žilo v zalaminovaných deskách a příspěvky na sítích mizely ve feedech.
Omezení
Menu se v restauraci mění často, a web nesměl na každou úpravu vyžadovat vývojáře. Menu na webu jsou proto vyfocené dvoustrany papírového menu a objednávka rozvozu je vyčleněná do samostatné lehké webové aplikace.
Rozhodnutí, a kde v návrhu sedí
Proč jsme to tak udělali.
Větvička kaliny s bobulemi obklopuje každý blok webu a přeskakuje z jednoho okraje stránky na druhý, čímž podporuje lidové téma menu a interiéru.
Každý sál má jeden velký portrétní záběr a vedle něj dva horizontální pod sebou. Mřížka láme rytmus stejných dlaždic.
Na fotkách je servírka ve výšivce s hliněným nádobím a skutečný interiér sálu, nafocené speciálně pro web.
Vyšívané ručníky a hliněné nádobí se opakují na fotkách všech sálů: každé focení bylo nastylované stejně, aby sály působily jako jedna restaurace.
Větvička kaliny s bobulemi obklopuje každý blok webu a přeskakuje z jednoho okraje stránky na druhý, čímž podporuje lidové téma menu a interiéru.
Každý sál má jeden velký portrétní záběr a vedle něj dva horizontální pod sebou. Mřížka láme rytmus stejných dlaždic.
Na fotkách je servírka ve výšivce s hliněným nádobím a skutečný interiér sálu, nafocené speciálně pro web.
Vyšívané ručníky a hliněné nádobí se opakují na fotkách všech sálů: každé focení bylo nastylované stejně, aby sály působily jako jedna restaurace.
Co jsme udělali, a proč
Každý sál ukázaný ve skutečných fotkách
Hlavní, banketní a žebírkový sál mají vlastní bloky se skutečnými fotkami personálu, hostů a servírování. Pod každým blokem tlačítko „Detailněji“ otevře okno s další galerií a odkazem na rezervaci stolu.
Rozvoz udělaný jako výkladní skříň obchodu
Na stránce rozvozu má každé jídlo kartu s fotkou na dřevěném pozadí, složením a cenou v hřivnách, a filtr nahoře dělí menu na přílohy, polévky, saláty a hlavní jídla. Objednávka se skládá do košíku a dokončuje s adresou, výběrem rozvozu nebo osobního odběru a způsobem platby.
Menu jako stránky místo katalogu
Na stránce menu jsou vyfocené dvoustrany papírového menu, rozdělené do záložek „Základní“, „Banket“, „Žebírkárna“ a „Dětské“. Majitelé menu aktualizují výměnou fotky stránky, bez zásahu do kódu a volání vývojáři.
Co za tím stojí ze SEO
Celý obsah ve zdrojovém HTML
Texty sálů, menu a jídel se odesílají jako hotové HTML ze serveru na Pythonu, bez sestavování na klientovi: vyhledávač vidí obsah, aniž by spouštěl skripty.
Organization s odkazy na sociální sítě
JSON-LD Organization s adresou webu a odkazy na Instagram a Facebook v sameAs propojuje web se stránkami restaurace na sociálních sítích.
Lokální dotaz v title a meta
Title a meta description začínají frází „ресторан української кухні“ a meta keywords vyjmenovává „ресторан франківськ“ a „хата багата“ pro lokální vyhledávání.
Jak to dopadlo
Atmosféra restaurace konečně existuje online. Hosté přicházejí a už vědí, co si objednají.
Detailnější pohled
Klikni na záběr a otevře se přes celou obrazovku