Обзор Webflow 2024: стоит ли пробовать? Это правильно для вас?

Обзор веб-потока

ОБЩИЙ ВЕРДИКТ

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

Из 10

Плюсы

  • Хостинг включен
  • Доступ к сложным SEO-инструментам
  • Многочисленные учебные ресурсы в виде курсов и классов
  • Тарифные планы доступны для агентств и фрилансеров.
  • Каждый элемент сайта настраивается

Минусы

  • Наличие меньшего количества шаблонов
  • Создание блога кажется излишне сложным

РЕЙТИНГ:

Цена: $ 12

Эта статья основана на обзоре Webflow, и если вы хотите узнать об этом, следите за обновлениями до конца.

Если вы работаете дизайнером-фрилансером или в агентстве, вы, вероятно, слышали о Webflow. Будучи выпускником стартап-инкубатора Y Combinator, эта компания из Сан-Франциско привлекла значительный капитал.

Действительно, они только что привлекли 140 миллионов долларов инвестиций серии B — помимо начального раунда в 72 миллиона долларов — что позволило им удвоить свою пользовательскую базу до более миллиона по всему миру.

Что отличает Webflow от других конструкторов сайтов? В то время как другие платформы больше ориентированы на нетехнических потребителей, Webflow несколько необычен, поскольку предлагает решение, ориентированное на дизайнеров.

Они делают это с помощью системы, способной преобразовывать высококачественные дизайны в полностью работающие веб-сайты без необходимости какого-либо кодирования. Вот почему на протяжении многих лет Webflow часто сравнивают с WordPress.

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

Обзор Webflow: простота использования

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

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

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

WebFlow

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

Как его называет Webflow, «блочная модель» — это процесс создания блока для каждого элемента вашего сайта и наложения их друг на друга.

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

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

 Обзор Webflow: CMS Webflow

Помимо редактирования на месте, которое позволяет вам редактировать любой текст или мультимедиа непосредственно на странице, которую вы разрабатываете, Webflow CMS позволяет вам вручную определять пользовательские типы контента с полностью настраиваемыми полями, что значительно упрощает жизнь тем, кто отвечает за более значительные веб-проекты со сложной структурой.

Помимо серверной части CMS, есть редактор Webflow, который позволяет добавлять новые материалы того же типа на опубликованный веб-сайт, что полезно как для создателей и сотрудников веб-сайта, так и для их клиентов.

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

Webflow CMS

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

С другой стороны, потребуется некоторая корректировка; однако университет Webflow (о котором мы подробно расскажем позже) может помочь в этом. Одна функция, которая, кажется, отсутствует в системе CMS Webflow с самого начала, — это локализация.

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

Может сложиться впечатление, что Webflow стремится сделать управление контентом как можно более беспроблемным, чтобы не отвлекать внимание от основного ценностного предложения Site Designer, что неплохо, учитывая его основное ценностное предложение.

В любом случае, CMS Webflow остается гораздо более адаптируемой и разнообразной, чем ядро ​​WordPress или популярные конструкторы сайтов, такие как Wix.

Варианты совместной работы WebFlow:

Если вы сотрудничаете хотя бы с одним человеком в онлайн-проектах, план Webflow Teams, безусловно, заслуживает внимания.

Он практически идентичен индивидуальному плану Pro, но включает дополнительные режимы и функции совместной работы за ежемесячную плату в размере 35 долларов США за участника (ежегодная оплата).

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

Это особенно выгодно для кросс-функциональных команд, в которых один человек отвечает, например, за дизайн, а другой — за контент.

Помимо общего доступа и ресурсов, в Webflow Teams есть специальная панель управления, которая объединяет все элементы совместной работы в единый согласованный пользовательский интерфейс.

Кроме того, более крупные команды могут связаться с Webflow для получения индивидуальных тарифных пакетов Enterprise и экономии на обновлении хостинга.

В целом, это указывает на то, что Webflow уделил пристальное внимание требованиям не только своих внештатных / индивидуальных клиентов, но и более широкого набора малых / средних команд и агентств — замечательная маленькая вишенка на вершине уже фантастического торта функций и возможностей. .

 Обзор Webflow: плюсы и минусы

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

Плюсы Webflow:

  • Встроенный SSL-сертификат включен для обеспечения соответствия текущим требованиям онлайн-безопасности без дополнительных затрат (обычно 50–100 долларов в год).
  • Без каких-либо дополнительных затрат интегрированная сеть доставки контента (CDN) обеспечивает скорость и безопасность вашего веб-сайта, гарантируя, что материалы доставляются из идеальных географических мест, и получает преимущества от повышенной защиты, обеспечиваемой уровнем CDN.
  • Расширенный распределенный хостинг от лидеров отрасли, таких как Облачный фронт Amazon гарантирует, что ваши посетители будут иметь максимально быстрое время загрузки страницы и минимальное время простоя.
  • Интегрированная система управления контентом с универсальным конструктором настраиваемых типов контента для создания любой формы статического или динамического контента, от страниц и сообщений в блогах до проектов, обзоров и членов команды.
  • Быстрое и простое развертывание в два клика из Webflow Designer в промежуточной среде или в вашем личном домене.
  • Расширенные редакторы CSS и JS, обеспечивающие как детальное управление стилями и анимацией, так и простое администрирование всего сайта.
  • Создайте свой дизайн, используя один из сотен бесплатных и платных шаблонов, каркас или чистый холст.
  • Профессиональный инструмент веб-дизайна в режиме реального времени со встроенной совместимостью с мобильными устройствами, который создает чистый экспортируемый код во время работы.

Минусы Webflow:

  • От людей, которые никогда раньше не работали с веб-программированием, ожидается довольно высокая кривая обучения.

Электронная коммерция веб-потока:

Версия Webflow для электронной коммерции является одним из самых последних (и наиболее ожидаемых) дополнений к инструментарию, предоставляя инструменту эксклюзивные функции онлайн-покупок.

Он включает в себя новый диапазон ценовых опций, в которых есть все необходимое для проектов, продающих продукты через Интернет, например, управление продуктами и запасами, настраиваемые корзины, оформление заказа и другие конечные точки, полный контроль над электронной почтой клиентов и самостоятельное оформление заказа.

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

Это контрастирует с нынешним состоянием технологий создания веб-сайтов электронной коммерции, таких как Shopify, Wixили даже WooCommerce + WordPress пакет, где детальное управление требует существенной работы (и технических навыков).

Webflow Ecommerce

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

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

Как видите, последняя версия, хотя и не в бета-версии, все еще находится в стадии разработки — если вы пытаетесь создать сложный интернет-магазин, электронная коммерция Webflow все еще слишком важна для таких обширных приложений. Предположим, что все запланированные возможности реализованы.

В этом случае Webflow eCommerce станет законным конкурентом специализированным решениям, таким как Shopify и Instacart, поддерживаемый компоновщиком Webflow, CMS и хостингом.

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

Всего Webflow предлагает более 100 шаблонов, в том числе 40 бесплатных. Вы можете сортировать темы по отраслям, бесплатному/премиум-статусу или функциям электронной коммерции.

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

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

Дизайн веб-потока

Премиум-шаблоны стоят от 19 до 149 долларов. Большинство из них стоят от 49 до 79 долларов, что может показаться дорогим, но как разовые расходы вы должны рассматривать это как инвестиции.

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

 Обзор Webflow: основные функции

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

Интеграция социальных сетей является прекрасным примером. Хотя вы можете легко подключиться к учетным записям Facebook и Twitter, добавление прямой трансляции или подключение к Instagram является более сложной задачей.

Особенности веб-потока

Стоит просмотреть справочный сайт Webflow, получивший название Webflow University, чтобы определить, что возможно, а что нет. Это сэкономит ваше время на поиск функции, которая, по вашему мнению, должна быть очевидной.

Многие из более сложных функций Webflow не включены. Вместо этого они поставляются как интеграции, которые вы можете включить в свой сайт.

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

Давайте рассмотрим некоторые из основных встроенных возможностей, которые предоставляет Webflow, независимо от того, создаете ли вы статический веб-сайт или интернет-магазин.

1. Интеграция с Facebook и Instagram:

Синхронизируйте свои товары с магазинами Facebook и Instagram. Это не только позволяет осуществлять перекрестные продажи на вашем веб-сайте и в социальных сетях, но также позволяет вам проводить более интеллектуальные маркетинговые кампании.

2. Автоматический расчет налогов:

Webflow автоматически рассчитывает и добавляет применимый налог с продаж и НДС, когда потребитель достигает вашей кассы. Это может сэкономить вам часы, позволяя ввести несколько налоговых диапазонов и скорректировать расходы по НДС.

3. Многочисленные способы оплаты:

Наряду со средними платежами по кредитным и дебетовым картам, обрабатываемыми Stripe, Webflow поддерживает Apple Pay и PayPal.

4. Управляйте расширенным SEO:

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

Веб-поток SEO

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

5. Безопасность и резервное копирование:

Что касается немного более приземленного (но критического) вопроса, Webflow также очень серьезно относится к безопасности. Наряду с автоматическим резервным копированием, которое позволяет восстановить сайт до предыдущей точки сохранения в случае сбоя, он также включает бесплатный сертификат SSL.

Это помогает защитить ваш сайт и демонстрирует, что посетители могут доверять вам свою личную информацию.

6. Прокрутка в Parallax, анимациях и взаимодействиях:

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

Уникальные функции Webflow включают прокрутку параллакса, многошаговую анимацию и микровзаимодействия.

Обзор Webflow: справка и поддержка

Webflow имеет один из самых подробных разделов самопомощи среди всех конструкторов веб-сайтов, с которыми мы сталкивались. Наряду с университетом Webflow, в котором есть плейлисты видео для просмотра (например, «Введение в дизайн», «Веб-элементы» или «Основы SEO»), существуют также отдельные курсы, на которых вы можете углубиться в конкретную тему.

Ускоренный курс Webflow 101 и курс Ultimate Web Design уже доступны. Если вам не нравится цифровое (или онлайновое) обучение, вы всегда можете загрузить одну доступную электронную книгу для изучения того же материала.

Справочный центр Webflow

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

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

Вы можете искать фрилансеров или агентства, используя различные факторы, включая географию, тип предоставляемой поддержки, тип проекта и размер команды.

Благодаря соглашению об уровне обслуживания Webflow вы всегда можете проверить состояние своих систем на странице поддержки.

Обзор Webflow: цены

Ценообразование — еще одна особенность Webflow, которая может отпугнуть некоторых пользователей — она может стать довольно дорогой!

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

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

Хотя вы можете создать веб-сайт бесплатно, самый дешевый способ опубликовать его в Интернете — подписка Webflow «Basic» за 12 долларов в месяц. Это подходит для базовых веб-сайтов, которым требуется несколько стандартных функций, таких как галереи изображений, контактные формы или меню.

Цены на Webflow

План CMS ориентирован на блоги и веб-сайты, ориентированные на контент, в то время как бизнес-план, как и ожидалось, ориентирован на маркетинг и масштабирование.

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

Кроме того, Webflow для предприятия доступен на основе каждой цитаты. Именно здесь Webflow поможет вам в создании вашего сайта и будет поддерживать вас на протяжении всего процесса.

Это отличный сервис. Однако это подходит только для крупных предприятий.

Обзор Webflow: цены и выставление счетов

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

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

После того, как вы решили заплатить за членство, вы можете выбрать один из множества различных вариантов. Вы можете оплачивать план ежемесячно или авансом за полный год обслуживания.

Если вы выберете последнее, вы уменьшите свои ежемесячные расходы, которые будут ниже, чем если бы вы платили ежемесячно.

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

Если вы отмените полную учетную запись и у вас уже есть один или несколько веб-сайтов, ваш веб-сайт не будет стерт или «заблокирован» — ваша учетная запись перейдет на бесплатный план.

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

1. Индивидуальные планы:

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

Однако имейте в виду, что бесплатная подписка начального уровня не предлагает никаких инструментов CMS или редактора.

2. Планы для дизайнеров и независимых компаний:

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

Однако более дорогостоящие варианты позволяют экспортировать ваш код для использования в других контекстах. Вы получаете доступ ко всем функциям Webflow и поддержку неограниченного количества проектов с любым из этих пакетов.

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

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

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

Часто задаваемые вопросы по обзору Webflow:

Webflow хорош?

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

Стоит ли Webflow своих денег?

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

Webflow или WordPress лучше?

И WordPress, и Webflow — отличные варианты для разработки веб-сайтов. Какой инструмент вы используете, в конечном итоге определяется функциями, которые вы хотите получить в системе управления контентом. Для большинства людей и организаций, заинтересованных в создании веб-сайта, WordPress, возможно, является лучшим вариантом из-за его большей гибкости и интеграции с большим количеством технологий.

Является ли Webflow лучшим конструктором сайтов?

Webflow — это простой в использовании и легко настраиваемый конструктор веб-сайтов с функцией перетаскивания. У Wix и Weebly есть ограничение на количество корректировок, которые вы можете сделать — у других конструкторов сайтов тоже; это цена отказа от разработки веб-сайта! Конструктор сайтов Webflow — один из самых настраиваемых на рынке.

Быстрые ссылки :

Заключение: обзор Webflow 2024

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

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

Где им нужно улучшить? Мы хотели бы видеть больше готовых возможностей, таких как многоязычные веб-страницы и входы пользователей.

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

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

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

Айшвар Баббер — страстный блогер и специалист по цифровому маркетингу. Он любит говорить и вести блог о новейших технологиях и гаджетах, что мотивирует его работать ГизмоБейс. В настоящее время он практикует свои знания в области цифрового маркетинга, SEO и SMO ​​в качестве штатного маркетолога в различных проектах. Он является активным инвестором в AffiliateBay и директор ImageStation.

Оставьте комментарий