8. 12. 2021

Webflow: Budoucnost (malých) webů

Štěpán Landa
LinkedIn
šipka vpravo nahoru
Spoluzakladatel a CEO Semiboldu

Webflow je nástroj, který umožňuje designérům vyvíjet webové stránky bez aktivního kódování. Staví je v grafickém rozhraní a o zápis jednotlivých řádků kódu se systém postará za ně.

Designérské rozhraní Webflow

Samozřejmě se nejedná o jedinou možnost, jak se při vývoji webových stránek vyhnout programování. Ve světě se v posledních letech pro označení tohoto oboru rozšířil termín no-code.

Například do Wordpressu je možné nainstalovat Elementor nebo Semplice. Ty nahrazují základní wordpressovou administraci vlastním rozhraním, kde může uživatel celkem jednoduše uspořádat předdefinované prvky podle svých představ. Jestli vás zajímají detaily, přečtěte si článek zaměřený na srovnání Webflow s Wordpressem.

Existuje taky spousta samostatných platforem jako Squarespace, Wix, Cargo nebo český Solidpixels, které obsahují vlastní redakční systém.

Proč jsme si tedy oblíbili zrovna Webflow?

1. Jednoduchost

Většinu webů šijeme na míru, aniž bychom k tomu potřebovali součinnost vývojářů. Projektu se tak může od prvního návrhu až po spuštění webu primárně věnovat jeden člověk, který má po celou dobu kontrolu nad kvalitou výstupů. Pro naše klienty to ve výsledku znamená rychlejší proces a většinou i nižší rozpočty.

Snadná je i správa obsahu. Redakční systém vás překvapí nanejvýš svou jednoduchostí. Školení k jeho ovládání většinou stíháme do hodiny. Webflow kromě běžného přidávání, editování a mazání dynamických příspěvků umožňuje taky úpravy statického obsahu. Jakmile se klient přihlásí do administrace, stačí kliknout na jakýkoliv text nebo obrázek a rovnou ho na webu změnit.

Rozhraní redakčního systému Webflow

Webflow nám mimo jiné usnadňuje i schvalovací procesy. Pokud neřešíme nestandardně složitý projekt, vrháme se po schválení struktury rovnou do vývoje. Díky tomu neprezentujeme design formou obrázků, ale diskutujeme nad funkčním webem přímo v prohlížeči. Pro klienta jsou tak dílčí výstupy lépe představitelné, protože se přizpůsobují velikosti jeho monitoru a můžou obsahovat interaktivní a animované prvky.

2. Kvalita

Webflow mezi ostatními podobnými nástroji vyniká kvalitou generovaného kódu. V kombinaci s Webflow hostingem jsme schopni dodávat webové stránky, které se rychle načítají a jsou perfektně zabezpečené.

Výkon a zabezpečení jsou důležitými faktory SEO. Když navrch přidáme snadnou kontrolu metadat a dokonale přístupný a responzivní design, jdeme naproti nejenom uživatelům, ale i co nejlepším výsledkům ve vyhledávačích.

Ukázka práce s optimalizací pro vyhledávače

Webflow je zajímavé i z hlediska udržitelnosti. Na rozdíl od Wordpressu většinu funkcí obstaráme bez nutnosti použití externích nástrojů, a tak se naši zákazníci nemusí obávat problémů s kompatibilitou při každé aktualizaci systému.

3. Přizpůsobitelnost

Dříve každá složitější animace znamenala hodiny nebo dny práce. Dnes jsme schopni sami a v krátkém čase animovat vektory nebo 3D objekty a ještě je nechat reagovat na chování uživatele.

Samozřejmě občas s klienty narazíme na funkci, kterou Webflow nezná. Většinou si vystačíme s pluginy, kterým se věnujeme v našich dalších článcích. Pokud nám existující nástroje nestačí, necháme si poradit od kolegů vývojářů nebo s nimi rovnou dáme dohromady část kódu, která daný problém vyřeší.

Když jsme v roce 2017 Webflow poznávali, považovali jsme ho hlavně za nástroj vhodný k tvorbě malých webů a kampaňových microsites. Od té doby jsme na této platformě spustili skoro 50 webových stránek různého rozsahu a ověřili si, že je využitelná i pro robustní webové prezentace nebo dokonce interaktivní webové aplikace.

Autor

Štěpán Landa
Spoluzakladatel a CEO Semiboldu
LinkedIn