Tvorba webu podle návrhu grafika: web prodejny přesně podle předlohy

Salaš Farmářka v Litoměřicích prodává poctivé potraviny od malých slovenských salaší a českých farmářů – brynzu, sýry, klobásy podle rodinných receptur, paštiky, koláče i bylinkové čaje z podhůří Tater.

Na rozdíl od většiny zakázek tady vzhled vznikal jinde: hotový grafický návrh dodal grafik. Podmínka byla jednoznačná – dodržet všechny grafické prvky. Mým úkolem bylo z obrázku udělat web, který vypadá přesně tak a přitom funguje.

Co v grafickém návrhu vidět není

Grafický návrh je obrázek pro jednu šířku obrazovky. Web ale musí zvládnout mobil, tablet i velký monitor, načíst se rychle a dát vyhledávačům čitelný text místo obrázku s písmeny. Tohle všechno se v návrhu nekreslí, a přesto na tom záleží.

Při převodu jsem proto u každého prvku řešil, jak se zachová na menší obrazovce, aby se nezměnil charakter návrhu. Barvy, písma, ilustrace i rozvržení zůstaly podle předlohy, technika pod nimi je moje práce.

Jedna stránka, která vypráví

Web je jednostránkový – menu nevede na podstránky, ale posouvá k jednotlivým částem: O nás, Naše představy, Co u nás najdete, Oslava & party, Spolupráce a Kontakt. Pro malou prodejnu je to přirozené: návštěvník projede celý příběh jedním tahem.

A příběh tu hraje hlavní roli. Web nepředstavuje zboží, ale lidi za ním – bači z Tater, vnuky mistra, podle jehož receptur vznikají klobásy, pekařku, která peče koláče a pagáče. Zákazník tak ví, odkud jídlo pochází, ještě než do prodejny vejde.

Oslavy a spolupráce

Salaš připravuje i pohoštění na oslavy – chlebíčky, kanapky, miniburgery nebo party boxy. Web je představí a celou nabídku dá ke stažení v PDF. Vlastní část má i spolupráce: výrobci a obchodní partneři v ní najdou kontakty přímo na lidi, kteří ji mají na starosti.

salasfarmarka.cz

Když máte návrh od grafika

Domluvte se předem, co je v návrhu pevné a co se smí přizpůsobit obrazovce.

Pokud návrh nemá mobilní verzi, počítejte s tím, že se dotvoří – v duchu předlohy.

Texty nechte jako text, ne jako součást obrázků. Vyhledávač je jinak nepřečte.

Na co se u hotového webu dívat, ať už ho navrhl kdokoli, shrnuje článek Jak poznat kvalitní webové stránky.

Máte grafický návrh, nebo začínáte úplně od nuly? Obojí jde – podívejte se, jak tvořím webové stránky pro firmy a živnostníky. A když návrh nemáte, první návrh webu vám připravím zdarma.