Design na prvním místě
U řady tradičních systémů se už při návrhu musí přemýšlet nad tím, co daná šablona nebo platforma umožňuje. Výsledkem pak často bývá kompromis mezi původní vizí a tím, co lze reálně vytvořit.
Webflow funguje trochu jinak.
Dává nám výrazně větší kontrolu nad layoutem, typografií, strukturou stránek, responzivitou i interakcemi. Web tak můžeme navrhovat kolem konkrétní značky místo toho, abychom značku přizpůsobovali předem připravenému systému.
Pro nás je to důležité hlavně proto, že web nevnímáme jen jako několik stránek s textem a obrázky. Je to součást celé vizuální identity firmy.
Menší mezera mezi návrhem a hotovým webem
Klasický proces tvorby webu často vypadá následovně: designer připraví návrh, předá jej developerovi a ten jej následně znovu sestaví v kódu. Právě v této fázi mohou vznikat rozdíly mezi návrhem a výsledkem. Některé prvky se zjednoduší, jiné se technicky upraví a řada detailů se během vývoje postupně ztratí.
Ve Webflow je návrh a vývoj mnohem více propojený. Designér pracuje přímo se strukturou skutečného webu, nastavuje jeho chování a zároveň vidí, jak bude výsledná stránka fungovat. Díky tomu dokážeme zachovat větší množství detailů z původního návrhu a celý proces je zároveň rychlejší.
Web nemusí vypadat jako šablona
Jedním z hlavních důvodů, proč Webflow používáme, je svoboda při návrhu. Samozřejmě existují hotové Webflow šablony, ale není nutné na nich web stavět. Projekt můžeme vytvořit kompletně od začátku a navrhnout vlastní systém komponent, rozložení, animací i obsahu. To je důležité zejména u firem, které chtějí působit profesionálně a odlišit se od konkurence. Pokud mají všechny weby ve stejném oboru podobné sekce, stejné rozložení a téměř totožnou vizuální hierarchii, značka se velmi snadno ztratí mezi ostatními. Web by proto měl respektovat identitu firmy, ne omezení konkrétní šablony.
Responzivní design není dodatek
Velká část návštěvníků dnes přichází na web z telefonu nebo tabletu. Mobilní verze proto nemůže být jen zmenšenou variantou desktopu. Ve Webflow můžeme jednotlivé breakpointy řešit samostatně a upravovat velikosti, rozložení i chování prvků podle konkrétního zařízení.
Při návrhu tak můžeme kontrolovat například:
- velikost a hierarchii typografie,
- rozmístění jednotlivých prvků,
- navigaci,
- interakce,
- viditelnost obsahu,
- rychlost a jednoduchost používání webu.
Výsledkem není pouze web, který se „vejde na mobil“, ale rozhraní, které na něm skutečně funguje.
Pohyb a interakce jako součást designu
Moderní web nemusí být statický. Správně použité animace mohou návštěvníkovi pomoci pochopit strukturu stránky, upozornit na důležitý obsah nebo jednoduše vytvořit příjemnější pocit při používání webu. Webflow umožňuje vytvářet animace, přechody a mikrointerakce přímo v rámci webu. Nemusíme proto kvůli každému drobnému pohybu instalovat další plugin nebo připravovat samostatné řešení.
Neznamená to ale, že by se mělo na stránce hýbat všechno. Animace mají smysl tehdy, když podporují obsah a celkový charakter značky. Pokud na sebe upozorňují více než samotná informace, kterou mají prezentovat, bývá jich jednoduše příliš.
SEO už při tvorbě webu
Ani vizuálně perfektní web nemá velkou hodnotu, pokud ho nikdo nenajde. Proto už během realizace řešíme také základní technické předpoklady pro vyhledávače — strukturu nadpisů, názvy stránek, meta popisy, alternativní texty obrázků, URL adresy nebo indexaci jednotlivých stránek.
Webflow nabízí většinu těchto nastavení přímo v administraci a umožňuje je řešit i dynamicky u CMS obsahu.
Samotná platforma samozřejmě kvalitní pozice ve vyhledávačích nezaručí. SEO závisí také na obsahu, konkurenci, autoritě webu a celé řadě dalších faktorů. Dobře postavený web ale vytváří správný technický základ.
Pro koho dává Webflow smysl?
Webflow není automaticky nejlepší řešení pro každý projekt. Velmi dobře ale funguje u firemních a prezentačních webů, marketingových stránek, portfolií nebo obsahově řízených webů, kde je důležitý kvalitní design, rychlost a jednoduchá další správa.
Je vhodný zejména tehdy, když firma nechce pouze hotovou šablonu, ale web vytvořený podle vlastní značky a konkrétních potřeb na míru.
Proč Webflow používáme v Brandio
Pro nás není největší výhodou Webflow samotný nástroj.
Je to způsob práce, který nám umožňuje propojit design a vývoj do jednoho procesu. Můžeme začít u značky a uživatelského rozhraní, vytvořit vlastní vizuální systém a následně jej převést do plně funkčního webu bez zbytečných kompromisů mezi návrhem a realizací.
Výsledkem je web, který nejen dobře vypadá, ale zároveň dobře funguje, snadno se spravuje a může se dál rozvíjet společně s firmou. A právě tak by podle nás měl moderní web fungovat.
