Webflow Review 2024: чи варто спробувати? Чи підходить він вам?

Огляд Webflow

ЗАГАЛЬНИЙ ВЕРДИКТ

Webflow — це універсальний магазин для веб-дизайнерів і розробників, які хочуть реалізувати свої ідеї від концепції до завершення. Використовуючи HTML, CSS і Javascript, Webflow забезпечує більш візуальний підхід до веб-створення.
8.5

З 10

профі

  • Веб-хостинг включено
  • Доступ до складних інструментів SEO
  • Численні навчальні ресурси у вигляді курсів та занять
  • Плани облікових записів доступні для агентств і фрілансерів
  • Кожен елемент сайту можна налаштувати

мінуси

  • Наявність меншої кількості шаблонів
  • Створення блогу здається надто складним

РЕЙТИНГ:

Ціна: 12 XNUMX$

Ця стаття заснована на Webflow Review, і якщо ви хочете знати про це, залишайтеся з нами до кінця.

Якщо ви працюєте дизайнером-фрілансером або в агентстві, ви, напевно, чули про Webflow. Будучи випускником інкубатора стартапів Y Combinator, цей бізнес із Сан-Франциско залучив значний капітал.

Дійсно, вони щойно залучили 140 мільйонів доларів США в рамках серії B інвестицій – на додаток до початкового раунду в 72 мільйони доларів – що дозволило їм подвоїти базу користувачів до понад мільйона в усьому світі.

Що відрізняє Webflow від інших конструкторів веб-сайтів? Хоча інші платформи більше орієнтовані на нетехнічних споживачів, Webflow є дещо незвичайним, оскільки пропонує рішення, орієнтоване на дизайнерів.

Вони роблять це за допомогою системи, здатної перетворювати висококласні дизайни на повністю робочі веб-сайти – без необхідності будь-якого кодування. Ось чому протягом багатьох років Webflow часто порівнюють із WordPress.

Однак вони стверджують, що мають кілька переваг перед ними, включаючи більшу творчу гнучкість, покращену безпеку сайту та підвищену простоту використання. Як давніх користувачів WordPress, це привернуло нашу увагу, тож давайте подивимося, чи справді Webflow справляється із цим завданням.

Огляд Webflow: простота використання

Webflow чудово залучає вас, щойно ви приєднаєтеся. Ви можете приступити безпосередньо до процесу проектування, якщо почуваєтеся впевнено, але ми запропонуємо підручник Webflow усім, хто вперше користується ним.

Після завершення уроку та вибору шаблону ви отримаєте доступ до редактора. Не хвилюйтеся, якщо ви вважаєте, що ваш комп’ютер випадково запустив Photoshop — редактор Webflow виглядає дуже схожим.

І, як і у Photoshop, є кілька можливостей дизайну. У той час як веб-професіонали почуватимуться, як у кондитерській, широка громадськість може бути налякана.

Webflow

Є багато чого для вивчення, і багато функцій не відразу очевидні навіть після вступного навчання. Однак, як каже Webflow, ідеально уявити свій веб-сайт як набір коробок.

Як називається Webflow, «модель коробки» — це процес побудови коробки для кожного елемента вашого сайту та накладання їх один на інший.

Макет вашого сайту містить поля зображень, текстові поля та поля кнопок. Хоча підхід до вашого веб-сайту таким чином полегшує уяву того, що ви хочете, редагування все одно може бути складним.

Якщо ви новачок у створенні веб-сайтів, радимо присвятити кілька годин ознайомленню з Webflow, перш ніж почати створювати свій веб-сайт.

 Огляд Webflow: Webflow CMS

Окрім редагування на сайті, яке дає вам змогу редагувати будь-який текст або медіа безпосередньо на сторінці, яку ви розробляєте, Webflow CMS дозволяє визначати спеціальні типи вмісту з повністю настроюваними полями вручну, що значно спрощує життя тих, хто відповідає за більше значні веб-проекти зі складною структурою.

Окрім серверної частини CMS, існує редактор Webflow, який дає змогу додавати нові матеріали такого ж типу до опублікованого веб-сайту, що корисно як для виробників веб-сайту, так і для співавторів і для їхніх клієнтів.

Це означає, що ви отримаєте повністю робочий веб-сайт, який містить редаговані статичні сторінки та динамічні матеріали, як-от публікації в блогах, портфоліо-проекти тощо, без необхідності встановлення будь-яких плагінів.

CMS веб-потоку

Webflow підтримує багато типів вмісту, включаючи публікації в блогах, що означає, що він перевершує WordPress та інші системи керування вмістом з відкритим кодом, такі як Drupal, з точки зору універсальності CMS.

З іншого боку, це потребуватиме певного коригування; однак Університет Webflow (про який ми детально розповімо пізніше) може допомогти в цьому. Однією з функцій, якої з самого початку не вистачає в системі CMS Webflow, є локалізація.

До появи сторонніх розширень (особливо Weglot), розробка багатомовного веб-сайту на Webflow була серйозною проблемою.

Може скластися враження, що Webflow прагне зробити адміністрування вмісту якомога простішим, щоб уникнути приниження основної цінності Site Designer – що непогано, враховуючи його основну цінність.

У будь-якому випадку CMS Webflow залишається набагато більш адаптивною та різноманітною, ніж ядро ​​WordPress або популярні конструктори сайтів, такі як Wix.

Варіанти співпраці WebFlow:

Якщо ви співпрацюєте принаймні з ще однією особою над онлайн-проектами, план Webflow Teams, безсумнівно, вартий того, щоб вивчити.

Він практично ідентичний індивідуальному плану Pro, але включає додаткові режими та функції співпраці за щомісячну плату в розмірі 35 доларів США за учасника (щорічне виставлення рахунків).

Хоча середовище Visual Designer наразі не пропонує співпраці в реальному часі, будь-який член команди може переглядати та змінювати будь-який компонент ваших проектів Webflow у будь-який час.

Це особливо вигідно для міжфункціональних команд, у яких, наприклад, одна особа відповідає за дизайн, а інша — за контент.

Окрім спільного доступу та активів, Webflow Teams має спеціальну інформаційну панель команди, яка об’єднує всі елементи співпраці в єдиний узгоджений інтерфейс користувача.

Крім того, більші команди можуть зв’язатися з Webflow, щоб отримати індивідуальні пакети корпоративних цін і заощадити на оновлення хостингу.

Загалом це вказує на те, що Webflow уважно врахував вимоги не лише своїх позаштатних/індивідуальних клієнтів, але й ширшого набору малих/середніх команд і агентств — чудова маленька вишенька на вершині і без того фантастичного пирога функцій і можливостей. .

 Огляд Webflow: плюси та мінуси

Давайте коротко розглянемо плюси та мінуси Webflow, щоб краще зрозуміти його.

Плюси Webflow:

  • Вбудований SSL-сертифікат включено, щоб гарантувати відповідність поточним вимогам онлайн-безпеки без додаткових витрат (зазвичай 50-100 доларів США на рік).
  • Без додаткових витрат інтегрована мережа доставки вмісту (CDN) пропонує як швидкість, так і безпеку для вашого веб-сайту, забезпечуючи доставку матеріалу з ідеальних географічних місць і переваги від посиленого захисту, який забезпечує рівень CDN.
  • Розширений розподілений хостинг, керований лідерами галузі, такими як Amazon Cloud Front гарантує, що ваші відвідувачі матимуть найшвидший час завантаження сторінки та мінімальний час простою.
  • Інтегрована система керування вмістом із універсальним конструктором користувацьких типів вмісту для створення будь-якої форми статичного чи динамічного вмісту, від сторінок і публікацій у блогах до проектів, оглядів і членів команди.
  • Швидке та просте розгортання двома клацаннями миші з Webflow Designer у проміжне середовище або ваш власний домен.
  • Розширені редактори CSS і JS, які забезпечують точне керування стилями та анімацією та просте адміністрування на всьому сайті
  • Створіть свій дизайн за допомогою одного із сотень безкоштовних і платних шаблонів, каркаса або чистого полотна.
  • Професійний інструмент веб-дизайну в режимі реального часу з вбудованою мобільною сумісністю, який створює чистий експортований код під час роботи

Мінуси Webflow:

  • Від людей, які ніколи раніше не працювали з веб-програмуванням, очікується дещо тривалий період навчання.

Електронна комерція Webflow:

Версія Webflow для електронної комерції є одним із найновіших (і найбільш очікуваних) доповнень до набору інструментів, що надає інструменту ексклюзивні функції онлайн-покупок.

Він включає в себе новий діапазон цінових опцій, які містять усе необхідне для проектів, які продають продукти в Інтернеті, як-от керування товарами та запасами, спеціальні візки, оформлення замовлення та інші кінцеві точки, повний контроль над електронними листами клієнтів і власне оформлення замовлення.

Основна пропозиція Webflow eCommerce — це можливість повністю персоналізувати кожен аспект вашого онлайн-магазину, від сітки продуктів і сторінок оформлення замовлення до появи сповіщень про купівлю.

Це на відміну від сучасного стану технологій створення веб-сайтів електронної комерції, таких як Shopify, Wixабо навіть WooCommerce + WordPress пакет, де детальне керування вимагає значної роботи (і технічної майстерності).

Електронна комерція Webflow

Крім того, ми можемо передбачити варіанти купонів/знижок, підписки та цифрові/завантажувані елементи.

У довгостроковій перспективі команда Webflow хоче розширити свої плани електронної комерції за допомогою низки складних можливостей, включаючи відновлення залишених замовлень, мультивалютну сумісність, підключення до Amazon і облікові записи клієнтів.

Як бачите, останнє видання, хоча воно вже не в бета-версії, все ще триває. Якщо ви намагаєтеся створити складний веб-магазин, Webflow eCommerce все ще надто важливий для таких великих програм. Припустимо, що всі заплановані можливості реалізовані.

У цьому випадку Webflow eCommerce стане законним конкурентом спеціалізованих рішень, таких як Shopify та Instacart, що підтримується конструктором Webflow, CMS і хостингом.

Дизайн шаблону Webflow:

Webflow пропонує понад 100 шаблонів, у тому числі 40 безкоштовних. Ви можете сортувати теми за галуззю, безкоштовним/преміальним статусом або функціями електронної комерції.

Це дозволяє відносно легко знайти шаблон, який відповідає вашим вимогам. Ви також можете перевірити дизайни, перш ніж вибрати, щоб побачити, чи підтримує один із них динамічний вміст.

Усі шаблони Webflow адаптивні, що означає, що вони миттєво адаптуються до різних розмірів екрана залежно від пристрою, який використовується для перегляду вашого сайту.

Дизайн Webflow

Преміальні шаблони коштують від 19 до 149 доларів. Більшість коштує від 49 до 79 доларів США, що може здатися дорогим, але як одноразові витрати, ви повинні розглядати це як інвестицію.

Шаблони Webflow, як правило, добре розроблені, і вони можуть конкурувати з лідером галузі Squarespace щодо якості дизайну. Вони прості, швидко завантажуються та повністю налаштовуються.

 Огляд Webflow: основні функції

Webflow часто не має функцій порівняно з іншими розробниками веб-сайтів на ринку. Хоча Wix, Weebly і Squarespace надають багато можливостей, вибір Webflow дещо обмежений.

Інтеграція соціальних мереж є чудовим прикладом. Хоча ви можете легко пов’язати облікові записи Facebook і Twitter, додати пряму трансляцію чи підключитися до Instagram складніше.

Функції Webflow

Варто ознайомитись із довідковим сайтом Webflow – університетом Webflow – щоб визначити, що можливо, а що ні. Це заощадить ваш час на пошук функції, яка, на вашу думку, має бути очевидною.

Багато складніших функцій Webflow не включено. Замість цього, вони постачаються як інтеграція, яку ви можете включити у свій сайт.

Більшість провідних розробників веб-сайтів мають свої магазини програм. Інтеграції Webflow подібні, за винятком того, що їх створюють треті сторони, а не сам Webflow.

Давайте розглянемо деякі основні вбудовані можливості, які надає Webflow, незалежно від того, створюєте ви статичний веб-сайт чи онлайн-магазин.

1. Інтеграція з Facebook і Instagram:

Синхронізуйте свої товари з магазинами Facebook та Instagram. Це не тільки дає змогу здійснювати перехресні продажі на вашому веб-сайті та в соціальних мережах, але й дає змогу проводити більш розумні маркетингові кампанії.

2. Розраховуйте податки автоматично:

Webflow автоматично розраховує та додає відповідний податок із продажів і ПДВ, коли споживач доходить до вашої каси. Це може заощадити ваші години, дозволяючи вводити кілька податкових груп і коригувати витрати з ПДВ.

3. Численні способи оплати:

Окрім середніх платежів кредитними та дебетовими картками, які обробляє Stripe, підтримується Webflow Оплатити компанії Apple і PayPal.

4. Контролюйте Advanced SEO:

Пошукова оптимізація (SEO) — це практика оптимізації вмісту вашого веб-сайту для вищого рейтингу на сторінках результатів пошуку Google і Bing. Більшість систем дозволяють додавати/редагувати метадані, створювати альтернативний текст для зображень і націлювати ключові слова.

SEO веб -потоку

Webflow робить крок далі, автоматично генеруючи карти сайту та дозволяючи налаштовані перенаправлення 301.

5. Безпека та резервне копіювання:

У трохи більш приземленому (але критичному) аспекті Webflow також дуже серйозно ставиться до безпеки. Разом із автоматичним резервним копіюванням, яке дозволяє відновити ваш сайт до попередньої точки збереження у разі збою, він також включає безкоштовний сертифікат SSL.

Це допомагає захистити ваш сайт і демонструє, що відвідувачі можуть довіряти вам свою особисту інформацію.

6. Прокрутка в паралаксі, анімації та взаємодії:

Webflow приділяє велику увагу дизайну. Відповідно до сучасних веб-тенденцій, ви можете включити низку дивних рухів.

Унікальні функції Webflow включають паралаксну прокрутку, багатокрокову анімацію та мікровзаємодії.

Огляд Webflow: довідка та підтримка

Webflow має один із найретельніших розділів самодопомоги серед усіх розробників веб-сайтів, з якими ми стикалися. Поряд з університетом Webflow, який підготував списки відтворення відео для перегляду (наприклад, Intro to Design, Web Elements або SEO Fundamentals), існують також окремі курси, де ви можете глибше заглибитися в певну тему.

Тепер доступні курси Webflow 101 Crash Course і Ultimate Web Design Course. Якщо цифрове (або онлайн-навчання) вам не подобається, ви завжди можете завантажити одну доступну електронну книгу для вивчення того самого матеріалу.

Довідковий центр Webflow

Спільнота Webflow — це загальнодоступна платформа, на якій ви можете знайти рішення для своїх проблем та ідей. Якщо ви хочете зв’язатися з членом команди Webflow, ви можете зробити це за допомогою онлайнової контактної форми з понеділка по п’ятницю з 6:6 до XNUMX:XNUMX.

Тихоокеанський час (UTC-8). Запити щодо функцій можна робити на сторінці списку бажань веб-сайту Webflow. Хоча Webflow не надає консультаційних послуг, він підтримує каталог експертів Webflow, які можуть допомогти вам розпочати роботу.

Ви можете шукати фрілансерів або агентства за різними факторами, включаючи географію, тип наданої підтримки, тип проекту та розмір команди.

Завдяки угоді про рівень обслуговування Webflow ви завжди можете перевірити стан його систем на сторінці підтримки.

Огляд Webflow: ціни

Ціноутворення — ще одна функція Webflow, яка може переконувати деяких користувачів — вона може стати досить дорогою!

Оскільки Webflow представляє себе як досконаліший розробник веб-сайтів, який надає споживачам більше творчої сили, його витрати цілком природні.

Проблема полягає в тому, що звичайний користувач може не потребувати, не бажати або не розуміти, як використовувати половину предметів, за які він платить. На даний момент Webflow пропонує шість цінових рівнів: три для веб-сайтів і три для онлайн-бізнесу.

Хоча ви можете створити веб-сайт безкоштовно, найдешевший спосіб опублікувати його в Інтернеті – це підписка на Webflow «Basic» за 12 доларів США на місяць. Це підходить для простих веб-сайтів, які потребують кількох стандартних функцій, таких як галереї зображень, контактні форми або меню.

Ціни Webflow

План CMS орієнтований на блоги та веб-сайти, орієнтовані на вміст, тоді як бізнес-план, як передбачувано, орієнтований на маркетинг і масштабування.

Плани електронної комерції Webflow варіюються від продажу кількох речей збоку (стандартний план) до ефективного кількісного продажу (план плюс) до маркетингу та керування вашими продуктами для всесвітньої аудиторії (глобальна стратегія) (розширений план).

Крім того, доступ до Webflow for Enterprise доступний за окремими цінами. Саме тут Webflow допоможе вам створити сайт і підтримуватиме вас протягом усього процесу.

Це відмінний сервіс. Однак це підходить лише для великих підприємств.

Огляд Webflow: ціноутворення та виставлення рахунків

Безсумнівно, ви можете продовжувати користуватися WebFlow безкоштовно необмежений час, але ваш обліковий запис залишатиметься в пробному режимі.

Ви матимете повну гнучкість дизайну та можливість опублікувати свій сайт у субдоміні webflow.io, але ви будете обмежені двома проектами одночасно.

Коли ви вирішите заплатити за членство, ви можете вибрати з безлічі різних варіантів. Ви можете платити за свій план щомісяця або наперед за повний рік обслуговування.

Якщо ви виберете останнє, ви зменшите свої щомісячні витрати, які будуть нижчими, ніж вони були б, якби ви платили щомісяця.

Ви можете припинити дію свого облікового запису або пакета хостингу в будь-який час. Webflow не передбачає відшкодування, і ваш план буде продовжувати діяти до завершення вашого поточного платіжного циклу.

Якщо ви повністю скасуєте обліковий запис і вже маєте один або кілька веб-сайтів, ваш веб-сайт не буде стерто чи «заблоковано» – ваш обліковий запис буде переведено на безкоштовний план.

Вибираючи преміум-членство, ви можете вибрати рішення, призначені для людей з єдиним сайтом, дизайнерів, фрілансерів і команд.

1. Індивідуальні плани:

Якщо ви приватний підприємець з єдиним веб-сайтом, все, що вам доведеться заплатити, це за хостинг. Є три різні плани на вибір. Вони відрізняються кількістю відвідувань, дозволених щомісяця, і дозволеною подачею форм.

Однак майте на увазі, що безкоштовна підписка початкового рівня не пропонує жодних інструментів CMS або редактора.

2. Плани для дизайнерів і незалежних підприємств:

Якщо ви часто розробляєте веб-сайти, Webflow може допомогти вам у створенні вашого сайту. Пакет початкового рівня на цьому рівні дає змогу розробляти веб-сайти за допомогою інструментів WebFlow, а потім стягувати плату з клієнтів за виконану роботу.

Однак дорожчі варіанти дозволяють експортувати ваш код для використання в інших контекстах. З будь-яким із цих пакетів ви отримуєте доступ до всіх функцій Webflow і підтримку необмеженої кількості проектів.

Командні плани по суті подібні до тих, які доступні для дизайнерів і фрілансерів, але вони включають можливості співпраці та оптові знижки на веб-хостинг для тих, хто має достатньо великі пакети хостингу.

3. Веб-сайти для електронної комерції:

Наразі Webflow надає різні шаблони магазинів електронної комерції. Вони дозволяють створювати налаштовані сітки продуктів, сторінки продуктів, кошики для покупок і сторінки оформлення замовлення. Крім того, Webflow має повнофункціональну платформу електронної комерції (наразі в бета-версії).

Поширені запитання про Webflow Review:

Чи хороший Webflow?

Абсолютно. Webflow — чудовий інструмент перетягування для створення динамічних веб-сторінок. Якщо ви дизайнер, якому потрібна більша гнучкість у створенні характерних макетів без коду, Webflow — найкращий вибір. Якщо ви розробник, Webflow — чудовий інструмент для створення прототипів.

Чи варта Webflow ці витрати?

Якщо ви співпрацюєте принаймні з ще однією особою над онлайн-проектами, план Webflow Teams, безсумнівно, вартий того, щоб вивчити. Він практично ідентичний індивідуальному плану Pro, але включає додаткові режими та функції співпраці за щомісячну плату в розмірі 35 доларів США за учасника (щорічне виставлення рахунків).

Webflow чи WordPress краще?

І WordPress, і Webflow є фантастичними варіантами для розробки веб-сайтів. Який інструмент ви використовуєте, в кінцевому підсумку визначається функціями, які вам потрібні в системі керування вмістом. Для більшості людей і організацій, зацікавлених у створенні веб-сайту, WordPress є, мабуть, кращим варіантом завдяки своїй більшій гнучкості та інтеграції з більшою кількістю технологій.

Чи є Webflow найкращим конструктором веб-сайтів?

Webflow — це простий у використанні і легко настроюваний конструктор веб-сайтів із функцією перетягування. І Wix, і Weebly мають обмеження на кількість налаштувань, які ви можете внести — інші розробники сайтів також; це ціна відсутності необхідності розробляти веб-сайт! Конструктор сайтів Webflow є одним із найбільш доступних на ринку.

Швидкі посилання:

Висновок: Webflow Review 2024

Пропонуючи найкраще з обох світів, він чудово підходить для людей, які шукають більше можливостей персоналізації, ніж ті, що пропонують Wix і Weebly.

І, незважаючи на набір функцій, ми вважаємо, що це більш просте рішення, ніж WordPress, оскільки оновлення обробляються за допомогою візуального редактора, а не через код.

Де їм потрібно покращити? Ми хотіли б бачити більше готових можливостей, таких як багатомовні веб-сторінки та вхід користувачів.

Крім того, їхню цінову структуру можна зробити трохи прозорішою.

Таким чином, хоча ми віримо, що, здавалося б, нескінченна кількість тем і плагінів WordPress ніколи не буде перевершена, ми вважаємо, що Webflow пропонує оптимізовану, але потужну альтернативу – і дуже жорстку конкуренцію.

Айшвар Баббер

Айшвар Баббер — пристрасна блогерка та цифровий маркетолог. Він любить говорити та вести блог про останні технології та гаджети, що мотивує його бігати GizmoBase. Наразі він практикує свій досвід у сфері цифрового маркетингу, пошукової пошукової системи та оптимізації маркетингу як штатний маркетолог у різних проектах. Він є активним інвестором AffiliateBay і режисер в ImageStation.

Залишити коментар