Webflow #1: Jak vytvořit web 100x rychleji a ušetřit hromadu peněz za vývoj bez použití šablon?

Poprvé jsem použil na tvorbu webu nástroj Webflow. Byl jsem překvapen!

Několik let jsem navrhoval weby a sám si je kódoval. A to dobře. Nepotřeboval jsem poptávat kodéra. Myslím si, že píšu pěkný a validní kód. Jenže…

Bavme se o klasickém prezentačním webu. Vždy chci dodat perfektní produkt. Krásný a dobře nakódovaný. Ale klient, ten ocení jen pěkné barvičky. Nezajímá ho, že jste mu s láskou uhladili kód. Web prostě musí fungovat.

Úprava workflow (nebo spíš Webflow?)

Řekl jsem si, že se zaměřím na návrh a proces kódování si zkusím zefektivnit. Jaké jsou možnosti? Existují různé platformy pro tvorbu webu, které jsem vyzkoušel: Squarespace, WIX, Solidpixels, MioWeb, …

Skoro se všema jsem experimentoval. Laik si na nich dokáže poskládat pěkný web. Všechno jsou to ale krabicová řešení. To znamená, že vždy jste do určité míry limitováni.

Pak existuje ještě jeden nástroj — Webflow. V Česku není moc rozšířený. Ve světě je běžnou záležitostí. Nedávno jsem na něm postavil první web. Byl jsem nadšený!

V čem je Webflow jiné?

Webflow nabízí svobodu, neomezenost. Při tvorbě webu na základě vlastního designu máte naprosto volnou ruku. Nepoužíváte hotové komponenty, ale v podstatě používáte základní HTML prvky, CSS vlastnosti a třídy. S tím rozdílem, že vše probíhá vizuálně a nemusíte nic kódovat. A to je super.

Webflow byl původně určen pro laiky, kteří si jednoduše vytvoří webové stránky bez web designera.

Postupně se ale přidávalo tolik funkcí, že si ho stejně musíte najmout, aby vám web pomocí Weblow postavil.

Je to špatně? Za mě ne. Jen se změnila cílová skupina produktu. Jsou to web designeři, kteří mohou ušetřit čas a peníze za vývoj webu.

Má-li web designer znalosti a zkušenosti s kódováním a seznámí se s Webflow, tak věřím, že objeví opravdovou Ameriku!

Webflow umožňuje uživateli jednoduše použít a volně nastylovat často používané komponenty, jako je např. navigace, slider, víceúrovňové menu, lightbox apod.

Také použití formulářů na webu nemůže být jednodušší. Libovolně si formulář nastylujete a můžete začít odesílat.

Ale pozor. Komponenta v tomto případě znamená pouze „funkcionalita“ a ne hotový vizuální prvek jako u ostatních nástrojů (Wix, Solidpixels, …). To znamená, že si ji graficky zpracujete podle svého gusta.

Webflow nabízí použití často používaných komponent a formulářových prvků

Výhody a nevýhody použití Webflow

  • Rychlý převod grafického návrhu do kódu a mnohonásobné zrychlení vývoje webu;
  • validní kód;
  • důraz na responzivní řešení;
  • možnost exportu kódu (možno napojit klidně na Wordpress, ale za mě to je zbytečné házení si klacků pod nohy);
  • jednoduché používání a odesílání formulářů na webu;
  • rychlé nastavení webu (analytické nástroje, SEO parametry, apod.);
  • redakční systém (CMS) podle vašich představ (pro blog, projekty, portfolio, apod.);
  • jednoduchá možnost rozhýbat web pomocí animací;
  • možnost přidat vlastní fonty;
  • možnost napojit doménu, hosting a jedním klikem web publikovat;
  • … a mnoho dalšího (podrobněji příště).
  • Zatím jsem na žádné nenarazil. 🤩

Webflow je pro mě vítězným nástrojem pro tvorbu webu

Za vývojem takového nástroje musí být spoustu úsilí. Při používání jsem nenarazil na jediný bug. Zřejmě to netvoří amatéři. 🙂

Proto všem doporučuji nástroj Webflow vyzkoušet a dát mu šanci.

Pokud vás zajímá, proč ještě tolik lidí o Webflow neví nebo ho nepoužívá, přestože jde o skvělý nástroj, můžete si o tom přečíst další článek.

Komunita kolem Webflow

Vytvořil jsem facebookovou skupinu pro rozvoj česko-slovenské komunity týkající se návrhu a vývoje webu na platformě Webflow. Přidejte se, pozvěte kolegy a diskutujte.

https://www.facebook.com/groups/332943110833881/.

Váš názor?

Máte s Webflow zkušenosti? Podělte se v komentářích. Zajímá mě to. A pokud se vám názor líbí, klidně zatleskejte. 👏

Hledáte někoho na návrh nebo tvorbu webu?

👋 Chcete pomoct s tvorbou webu na Webflow? Dejte mi vědět nebo se podívejte na můj web https://www.lukasaugusta.cz/.

Moje sociální sítě

Budu rád když mě budete sledovat třeba na Facebooku, Instagramu nebo třeba Dribbblu.

Neunikne vám žádný nový článek a sem tam můžete nakouknout do mého workflow návrhu a tvorby webu. 🙂

Navrhujte weby a aplikace?

Možná by se vám mohl líbit můj nový projekt, kde najdete lekce, jak lépe navrhovat uživatelská rozhraní (UI). Jmenuje se Designui.

Web/UI/UX designér, copywriter a tvůrce—Navrhnu vám web, e-shop či aplikaci. 💼 www.lukasaugusta.cz — 👨🏻‍💻 www.designui.cz.

Web/UI/UX designér, copywriter a tvůrce—Navrhnu vám web, e-shop či aplikaci. 💼 www.lukasaugusta.cz — 👨🏻‍💻 www.designui.cz.