Pizza Coloseum: komplexní UI design restauračního webu

Pro Pizza Coloseum jsem ve spolupráci s Freely Agency vytvořil komplexní vizuální návrh webu. UI design propojuje nabídku jídel, představení restaurací a další obsah do jednoho celku. Výraznou roli v něm mají fotografie, které přenášejí atmosféru italské kuchyně přímo na obrazovku.

Vizuál, který nechává vyniknout jídlo

Návrh staví na velkých fotografiích jídel, kontrastu světlých a tmavých ploch a červených akcentech značky. Fotografie jsem propojil s typografií a rozložením obsahu tak, aby jednotlivé stránky působily bohatě, ale zachovaly si přehlednou vizuální hierarchii.

UI designWebové stránky

Jednotný styl napříč celým webem

Komplexní UI návrh zahrnuje úvodní stránku i navazující části webu. Propojil jsem je společnými prvky navigace, tlačítky, typografií a způsobem práce s obrazovým obsahem. Střídání velkých fotografií, karet a textových bloků dává stránkám rytmus a drží jejich vizuální podobu pohromadě.

První dojem s chutí Itálie

Úvod webu představuje italskou kuchyni prostřednictvím výrazné fotografie a krátkého sdělení. Tmavý podklad zvýrazňuje jídlo i světlou typografii, zatímco červená tlačítka dávají hlavním akcím jasné místo. Tento kontrast jsem dále rozvíjel v jednotlivých částech návrhu.

Fotografie jako součást kompozice

S fotografiemi jsem v návrhu pracoval jako s hlavním vizuálním prvkem. Velké záběry jídel doplňují menší obrazové detaily a vzdušné textové plochy. Jejich rozmístění pomáhá oddělit témata a současně udržet atmosféru značky napříč stránkou.

Prostor pro aktuality a další obsah

Pro články a novinky jsem navrhl přehled karet s fotografiemi, nadpisy a krátkými popisy. Opakující se struktura sjednocuje různé typy sdělení a navazuje na zbytek UI. Obrazový obsah zůstává výrazný, aniž by přehlušil doprovodné informace.

Každá restaurace má svůj prostor

Prezentaci restaurací jsem postavil na fotografiích interiérů a přehledně členěných informacích. Jednotný styl karet propojuje jednotlivé pobočky, zatímco fotografie ukazují jejich vlastní atmosféru. Závěrečné části a patička uzavírají návrh ve stejném vizuálním jazyce.