Recenze Webflow a postřehy od Alexeye Andrushchenka

Alexey Andrushchenko, seniorní Full-Stack developer, se dělí o své zkušenosti s Webflow

Table of contents

Ahoj lidi! Chci se podělit o svůj příběh poznávání Webflow.

Běžně vpracuji s tradičními CMS, jako jsou Drupal, WordPress a Joomla, a moderními frontendovými frameworky, jako jsou React.js, Angular.js a Vue.js. Vždy ale hledám nástroje, které mohou zefektivnit můj vývojový proces bez obětování flexibility nebo výkonnosti. Potřeba rychlého vývoje a rychlejších iterací však začala převažovat nad výhodami flexibility headless CMS + JavaScript frameworků, což mě přimělo prozkoumat svět  NoCode vývojových platforem .

A víte co? Bylo to pro mě jako závan čerstvého vzduchu! Za pouhých pár týdnů jsme migrovali na Webflow ze Strapi + NextJS s celým naším webem, databází a nastavením SEO. byla to trochu dobrodružná cesta, ale celkově to bylo úžasné a stálo to za to!

Výhody a nevýhody Webflow: očima vývojáře a obchodníka

Co je webflow? Jedná se o platformu pro návrh a vývoj webových stránek bez kódu, která umožňuje uživatelům vytvářet responzivní webové stránky vizuálně, aniž by museli psát kód. Obvykle jej používají obchodníci, designéři a vývojáři. Níže popisuji své zkušenosti s Webflow z pohledu vývojáře a podělím se o zkušenosti odbornice na marketing z mého týmu.

Vývojář

Rychlost je naše všechno! Webflow je ve srovnání s tradičním vývojem jako vysokorychlostní vlak. Potřebujete rychle spustit vstupní stránku nebo otestovat nápad? Webflow je váš nejlepší přítel!

Vizuální editor je potěšením! Žádné únavné kódování, vše je ovládáno myší v uživatelsky přívětivém rozhraní. I když nejste programovací guru, rychle na to přijdete. Určitě to bude mnohem jednodušší, pokud máte zkušenosti s CSS.

Flexibilita je pro nás vše! Webflow vám dává dostatek svobody pro kreativitu. Chcete jedinečný design nebo přidat vlastní skripty? Žádný problém! K dispozici je blok CustomCode, který může pracovat s CSS, Javascript i HTML.

Integrace — vše na dosah ruky! Webflow se přátelí se spoustou užitečných služeb: CRM, platební brány, analytika - vše, po čem vaše srdce touží.

API pro práci s typy obsahu CMS. To byla naprostá pecka pro migraci webu. Téměř 80% migrace ze Strapi na Webflow CMS bylo provedeno automaticky pomocí skriptu. Dokonce i spojení mezi entitami byla nastavena prostřednictvím API.

Systém komponentů adesignových nástroju. Další klíčovou vlastností Webflow je možnost nastavit a používat globální styly na všech stránkách. To vám umožní snadno vytvářet stránky jednoduše přiřazením názvů tříd prvkům. Můžete také využít vlastní nebo externí knihovnu komponent, která zajistí konzistenci v celém projektu. Tyto komponenty, při zachování jejich základní struktury, lze přizpůsobit pomocí proměnných, které fungují podobně jako rekvizity v rámcích JavaScript.

Ale je tu háček...

Webflow je stále NoCode, takže existují omezení. Pokud potřebujete super složitou logiku nebo vlastní funkce, bez kódu se neobejdete.

Hosting - ne všechno je tak hladké. Webflow poskytuje svůj vlastní hosting, který není dedikovaný. Pokud se na webu sejde dav návštěvníků, mohou nastat problémy s jeho výkonem. Abych byl férový, musíte vynaložit určité úsilí, abyste se dostali na úroveň provozu, kdy vidíte problémy. Musíte však očekávat, že k tmomu dojde, pokud způsobíte Streisand efekt.

Týmová práce je docela fuška. Práce na jednom projektu ve Webflow s celým týmem je docela adrenalin. Je snadné něco náhodou rozbít, zvláště pokud si kolegové nedavají patřičně pozor..

Marketér

Jednoduchost je naše všechno! Můžete může web sami upravovat, přidávat obsah, vytvářet vstupní stránky - to vše bez pomoci vývojářů! Nemusíte být odborníky na Webflow, abyste s ním mohli začít pracovat ještě dnes.

Webflow SEO je možné! Webflow poskytuje základní nástroje pro SEO, takže web je viditelný pro vyhledávače. Tento systém nemá typické SEO chyby, které existují v jiných CMS (webflow je pro základní SEO opravdu lepší než wordpress).

Ďábel se ukrývá v detailech...

V marketingu můžete dělat jen základní věci. Pokud potřebujete složité funkcionality nebo automatizaci, budete muset zavolat na pomoc vývojáře.

Proč Webflow nemusí oslovit markeťáky? Pokud váš marketingový tým nemá zájem a prostor učit se s novými nástroji nebo technologie, může být obtížné se v platformě vyznat a používat ji efektivně.

weflow development review Moravio
Náhled na vývoj ve Weflow - stránky Moravio

Webflow a SEO: I tady záleží na drobnostech

Webflow poskytuje slušný základ pro SEO. Můžete nakonfigurovat meta tagy, tituly, popisy, adresy URL a vše ostatní. Pojí se s tím však určitá úskalí:

Migrace je stresující. Když migrujete web na Webflow, provoz může klesnout (až o 20%), ale obvykle se později vrátí na původní úroveň.

URL adresy nejsou vždy úplně ideální. Struktura URL ve Webflow není vždy nejvhodnější pro SEO. Ale většinu corner cases můžete ošetřit pomocí přesměrování 301.

Provozní náklady

Webflow je placená platforma. Cena závisí na zvoleném plánu, který je určen počtem webů, uživatelů a potřebných funkcí. Podívejme se na dva typické scénáře a jejich potenciální náklady:

Klasický firemní web s katalogem produktů

Pro typické firemní webové stránky představující informace o společnosti a katalog produktů byste pravděpodobně potřebovali:

Možnosti CMS pro správu informací o produktech, blogových příspěvků a dalšího dynamického obsahu.

Funkce elektronického obchodu pokud plánujete prodávat produkty přímo prostřednictvím webových stránek.

Přístup pro více editorů, který umožní různým členům týmu přispívat k obsahu webu.

Doporučený plán Webflow:

Plán webu CMS: Tento plán poskytuje potřebné funkce CMS pro správu katalogu produktů a dalšího obsahu.

Standardní plán elektronického obchodu: Pokud prodáváte produkty, tento plán nabízí základní funkce elektronického obchodu pro menší podniky.

Odhadované náklady:

Plán webu CMS: 23 $/měsíc (účtováno ročně) nebo 29 $/měsíc (účtováno měsíčně)

Standardní plán elektronického obchodu: 29 $/měsíc (účtováno ročně) nebo 42 $/měsíc (účtováno měsíčně)

Celkem: 52 $/měsíc (účtováno ročně) nebo 71 $/měsíc (účtováno měsíčně)

Poznámka: Pokud požadujete pokročilejší funkce elektronického obchodu nebo máte vyšší objem prodeje, možná budete muset zvážit plány E-commerce Plus nebo Advanced, které mají vyšší cenu.

Webové studio s 10 klientskými stránkami

Pro webové studio spravující 10 klientských webů budete potřebovat:

Hosting více webů: Možnost hostovat a spravovat více webů v rámci jednoho pracovního prostoru Webflow.

Týmová spolupráce: Funkce, které umožňují více členům týmu efektivně spolupracovat na projektech.

Fakturace klienta: Možnost účtovat klientům přímo prostřednictvím Webflow.

Doporučený plán Webflow:

Plán týmového pracovního prostoru: Tento plán umožňuje hostovat více webů, spolupracovat se členy týmu a spravovat fakturaci klientů. Budete potřebovat dostatek přístupů pro členy Vašeho týmu.

Odhadované náklady:

Plán týmového pracovního prostoru: Začíná na 35 $/měsíc pro 3 místa (účtováno ročně) nebo 42 $/měsíc (účtováno měsíčně). Další místa mohou být přidána za příplatek.

10 x plán webu: Pro každý web klienta budete potřebovat samostatný plán webu. Cena bude záviset na konkrétních požadavcích každého webu (např. CMS, elektronický obchod). Za předpokladu kombinace plánů CMS a Basic odhadněme v průměru 20 $/měsíc na web.

Celkem: 35$ (pracovní prostor) +200 $ (10 webů) = 235 $/měsíc (účtováno ročně)

Poznámka: Skutečné náklady se mohou lišit v závislosti na konkrétních funkcích a plánech požadovaných pro každý web klienta.

Pamatujte: Jedná se pouze o hrubé odhady. Konečná cena bude záviset na vašich konkrétních potřebách a funkcích, které si vyberete. Doporučujeme prozkoumat cenovou politiku Webflow a zvážit konzultaci s jejich prodejním týmem ohledně plánu na míru.

Komu doporučuji Webflow

Webflow je vynikající volbou pro:

Malé podniky. Pokud máte malou firmu a potřebujete jednoduchý, ale krásný a uživatelsky přívětivý web, Webflow je pro Vás to pravé.

Návrháři. Webflow je jako mladší bratr Figmy, vše je intuitivní a pohodlné.

Startupy. Potřebujete rychle spustit MVP a otestovat nápad? Webflow vám pomůže udělat to rychle a bez zbytečných potíží.

Zamyšlení místo závěrů

Webflow je skvělý nástroj, pokud potřebujete krásný a funkční web rychle a bez bolesti hlavy. Ale pokud potřebujete složitou logiku nebo speciální funkce, možná budete chtít hledat něco jiného.

V každém případě před výběrem platformy pečlivě přemýšlejte o tom, co potřebujete a k čemu se Webflow používá. A nebojte se experimentovat!

Máte-li dotazy nebo se chcete podělit o své zkušenosti s Webflow, napište do komentářů nebo nás kontaktujte! Možná váš příběh pomůže někomu jinému přijít na chuť této problematice.

Read also

Blog posts you may be interested in

15
minut na čtení

What is WebRTC (Web Real Time Communications)?

In this article, we will reveal some of the features of using WebRTC and consider the advantages and disadvantages of this technology.
4
minut na čtení

Proč outsourcovat vývoj v České republice

Vývojáři v České republice jsou považování za jedny z nejlepších na světě, a proto řada společností stále častěji směřuje vývoj svých velkých i malých projektů právě do naší země.
4
minut na čtení

Knihovna dlib: Cesta do světa zpracování obrazu

V tomto článku se dozvíte, jak knihovna dlib, známá svými schopnostmi rozpoznávání obličejů a detekce objektů, využívá metodu HOG (Histogram of Oriented Gradients) a SVM (Support Vector Machines) k transformaci obrázků na vektory pro pokročilou analýzu. Zjistěte jak knihovna dlib zvládá určit, které obrazy jsou podobné a které nikoliv.
New articles

New blog posts you may be interested in

7
minut na čtení

Projektové řízení: Mezi flexibilitou a omezenými zdroji

Hsinyu Ko sdílí své postřehy k hledání rovnováhy mezi požadavky na flexibilní řízení projektů a efektivní využití zdrojů
6
minut na čtení

Sourcing Remote IT Talents by Barbora Thornton, COO in Moravio

Tips, Challenges, and Why It's the Right Choice
10
minut na čtení

Technický dluh - Část 2 - Na co si dávat pozor? Jak s tím v rámci agilního (scrum) vývoje pracovat?

Toto je druhá část našeho seriálu ohledně technického dluhu. V této části se podíváme více do hloubky jak technický dluh kontrolovat a také jak s ním pracovat. Na závěr se podíváme na tři různé případy technického dluhu.

Přemýšlíte o projektu? Napište nám.

Pomáháme korporacím, středním podnikům a startupům s digitálními produkty.

Napsat zprávu

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Odpovíme vám co nejdříve.
Vaše informace jsou u nás v bezpečí.
Rádi zodpovíme všechny vaše dotazy!

Zarezervujte si schůzku

Jakub Bílý

Vedoucí obchodu
Chcete s námi mluvit přímo? Zarezervujte si schůzku s Jakubem z rozvoje podnikání.
Zarezervujte si schůzku