Обзор и отзывы о конструкторе сайтов Webflow

Целевая аудитория

Это в первую очередь инструмент для профессионалов. Несмотря на отсутствие прямой поддержки кода, только опытные специалисты смогут справиться с интерфейсом панели администрирования и рядом дополнительных функций, таких как CMS или инструменты дизайнера. Вместо этого они получают очень удобный инструмент, который позволяет им гибко настраивать формы, логику привязки к базе данных, связи между объектами, а также быстро создавать проекты, анимацию и т. Д. С помощью нескольких щелчков мыши. Кроме того, вы сразу видите результат своих действий, а вероятность ошибки минимальна. Ключевые приемы для профессионалов: вы можете загрузить код своего веб-сайта в HTML (использование самостоятельного хостинга), вы можете показывать прототипы интерфейсов клиентам, не публикуя весь проект, и, что лучше всего, вы можете настраивать разных клиентов для управления их веб-сайтами и каждым клиентом. будут платить за собственные функции и хостинг.

Вторая категория клиентов — это бизнес-сегмент. Дело в том, что крупные компании могут нанимать новых людей, менять людей, сокращать штат и т. Д., И вам не нужно поддерживать базу данных. Фактически вы работаете только с интерфейсом сайта, весь бэкэнд предоставляется «как услуга». Хостинг работает на Amazon Web Services (AWS), одном из столпов облачных сервисов. Обеспечивает максимальную эффективность и неограниченные возможности развития. Начинающим веб-мастерам Webflow можно использовать только в учебных целях. Наличие в каталоге готовых шаблонов ускоряет процедуру запуска, но не упрощает ее.

Функциональность

Логически элементы интерфейса управления проектами платформы Webflow разделены на три части (три отдельных раздела):

Панель управления (панель управления) , здесь находятся настройки учетной записи и все пользовательские проекты (можно создавать, клонировать, удалять, перемещать в другие учетные записи, перемещать между папками и т. д.)
Интерфейс дизайнера , по сути, это веб-IDE с множеством расширенных функций для работы с холстом и элементами интерфейса, вот основные шаблоны и настройки для системы CMS, параметры магазина и т. дИнтерфейс редактора — используется для управления содержимым веб-сайта: текстовым содержимым страниц, содержимым блога, управлением заказами и товарами, коллекциями магазинов, базами данных и т. Д

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

Следует помнить, что у Webflow нет русской локализации. Интерфейс только на английском языке. Основным преимуществом веб-сайта является свобода создания, реализации и настройки внешнего вида целых разделов и отдельных элементов (кнопок, значков, текстовых контейнеров и т. Д.). По функциональности дизайнер сравним с Adobe Muse и другими профессиональными редакторами. Можно визуально создавать макеты практически с нуля. Никаких ограничений, минимум элементов шаблона. Слои, переходы и другие параметры можно настраивать с точностью до пикселя. Также существует множество вариантов создания анимации и интерактивных элементов.

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

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

Ключевые особенности Webflow можно описать следующим образом:

Создание чистого кода HTML/CSS, который можно экспортироватьПолная свобода для профессиональных дизайнеровГотовые анимационные эффекты
и все для моушн-дизайнаМножество бесплатных и платных шаблонов, демонстрация готовых шаблонов, например, с возможностью копированияДоступ к большому количеству встроенных шрифтов, возможность загрузки собственных, интеграция с Google Fonts и TypekitАвтоматическое масштабирование и адаптация изображенийДоработка мобильной версии и поддержка адаптивной готовой верстки для всех готовых компонентовАналоги сквозных блоков («символы»), подразумевающие централизованное управление контентом и имуществомВстроенная функциональность CMS (гибкие структуры данных, которые можно адаптировать к вашему проекту) и возможность загрузки данных в таблицы CSVГотовый API и интеграции (популярные платежные системы, системы рассылки и поддержка Zapier, что само по себе позволяет интегрировать тысячи внешних сервисов без написания кода)Полностью адаптирован под SEOГотовый модуль для электронной коммерции, ведения блогов и RSS-каналовВставьте свой собственный HTML-кодГотовы к интеграции с сервисом CDNВозможность создания прототипов интерактивных интерфейсов с демонстрацией для частного клиентаВедение нескольких клиентских проектов (у каждого будет свой хостинг-план и отдельная учетная запись)Функционал совместной работы для сложных проектов с разделением ролей для подрядчиковАвтоматическое создание файлов Sitemap в формате xml и robots.txtВстроенный поиск по страницам
Интерактивные обучающие программы совершенно бесплатно.

Теперь давайте подробнее рассмотрим наиболее важные технические моменты

Браузер

Это то место, куда вы попадаете сразу после входа в систему. Более того, вы можете быстро перейти к панели инструментов из редактора или инструментов дизайнера (переключатель между основными интерфейсами находится в верхнем левом углу IDE или в нижнем левом меню редактора).

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

Есть также настройки учетной записи, где вы можете:

присоединяйтесь к команде разработчиков,
создать публичный профиль,
Управление подписками (для учетной записи или команды разработчиков) и выставлением счетов клиентам,
Получение новостей о платформе (обновления и изменения функций),
отслеживать свои покупки (если, например, вы приобрели премиум-шаблон),

Управляйте уведомлениями и настройками безопасности (включая двухфакторную аутентификацию)

У Webflow есть тесно связанное сообщество дизайнеров, профили которых можно просмотреть, щелкнув вкладку «Дизайнеры» на панели инструментов. Здесь вы можете нанять их для своего проекта. Примеры крутых работ можно найти в разделе «Витрина». Многие «кейсы» можно раздвоить (скопировать) бесплатно, поэтому вам не придется начинать с нуля. В разделе Learn вы можете не только принять участие в бесплатных курсах на платформе, но и улучшить свои навыки в определенных областях.

Кроме того, здесь есть разделы Поддержка , Шаблоны , Сообщество , Электронные книги , Форум и Блог . Они не имеют прямого отношения к панели управления, но могут быть полезны при работе с платформой.

В настройках выбранного проекта (пункт меню «Настройки») вы можете управлять опциями для конкретного сайта:

имя (заголовок);
технический домен (бесплатный интернет-адресдля сайта);
основной часовой пояс и язык;
фавикон;
исключение авторских прав на платформу;
статистика сайта и количество используемых ресурсов хостинга;
управление подписками на хостинг;
покупка домена;
базовые оптимизации (минимизация кода HTML/CSS/JS, поддержка SSL, перенаправления и т. д.)
Установление полномочий для редакторов и дизайнеров (в случае совместной работы или аутсорсинга);
Управляйте своими собственными подписками на хостинг или просматривайте подписки клиентов;
Параметры SEO (создание карты сайта, robots.txt, разрешения на сканирование и т. Д.)
управление формами ввода и уведомлениями из них (включая конфигурацию интеграции);
управление шрифтами (подключение учетных записей к сторонним веб-сайтам или загрузка собственных шрифтов);
просмотр и восстановление резервных копий;
подключение аналитических кодов, социальных пикселей и настройка других интеграций;

добавьте свои собственные глобальные коды HTML/JS

Структура и особенности визуального редактора
(Инструменты для дизайнеров, Дизайнер)

Это не классический редактор WYSIWYG, а полноценная среда разработки (IDE).

Редактор (режим конструктора) разделен на три логические области: холст, левая боковая панель и правая боковая панель. Левая боковая панель содержит элементы структуры и функциональности макета: список страниц в проекте, виджеты, библиотеку элементов, параметры магазина, блог и навигатор для быстрого переключения между разделами и блоками в вашем макете. На правой боковой панели есть настройки и свойства, которые меняются в зависимости от того, какой элемент выбран в макете или навигаторе.

Система широко использует систему классов для идентификации объектов с определенным набором свойств. Например, вы можете создать 2 кнопки с разными параметрами, а затем присвоить каждой кнопке имя класса. В результате вы можете добавить эти кнопки в свой макет через имя класса, поэтому вам не придется переделывать их с нуля и стилизовать так, как вы хотите. Это можно сделать с любым предметом. Главное, не запутаться с созданными вами классами. Когда вы наводите курсор на объект, вы можете выбрать для него класс в поле «Селектор» — вы увидите как настройки по умолчанию, так и свои настройки.

На правой боковой панели есть 4 вкладки: первая с классами и параметрами стиля объекта, вторая с параметрами для установки идентификаторов div и добавления собственных атрибутов, третий менеджер стилей со списком всех классов элементов, используемых на странице (как собственных, так и по умолчанию), а четвертый позволяет добавлять триггеры для объектов и целых страниц, то есть настраивать их поведение после активации (открытие или наведение). В совокупности этот набор свойств позволяет гибко создавать адаптивный макет во всех версиях (ПК, смартфон, планшет).

Знак + на левой боковой панели скрывает то, что мы использовали для вызова виджетов в других проектах. Основными элементами, которые начинаются с макета холста, являются: раздел, контейнер, сетка и столбцы. Основные из них — это блок-блоки, ссылки, кнопки и маркированные списки. Далее следуют заголовки и другие варианты текстовых элементов. Коллекции — наборы динамически изменяющихся элементов, таких как блоги или галереи, — могут быть связаны друг с другом. Это прямая аналогия с базой данных контента в готовой CMS.

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

Множество комментариевопределить разные варианты товаров, комплектов и т. д. А способ оплаты и оплаты доставки может зависеть от выбора покупателяСертификаты SSL активируются автоматически. Сторонние (профессиональные) сертификаты можно загрузить и настроить по мере необходимостиВы можете настроить разные валюты, способы доставки, платежные системы и т. Д. Платежные системы Stripe и PayPal уже интегрированыВы можете использовать API или Zapier (позволяет интегрировать множество внешних сервисов без программирования)Все активные и выполненные заказы легко отслеживать в интерфейсе редактораБлагодаря гибким возможностям дизайна вы можете создавать отдельные целевые страницы для всех своих продуктов

Есть система рассылки автоматических уведомлений покупателям и владельцу магазина. Шаблоны легко настраиваются. При необходимости можно интегрировать услуги массовой рассылки и запустить комплексные маркетинговые кампанииВ каталоге много готовых шаблонов для интернет-магазинов. При желании вы можете импортировать купленные макеты с ThemeForestШаблоны для создания заголовков и описаний можно использовать для ускорения массового создания атрибутов SEOАналитические системы и интеграция с социальными сетями связаны в несколько кликовЕсть встроенная система работы со скидками и купонами

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

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

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

Вместо
Вы можете использовать стороннее решение, такое как Ecwid, для создания встроенного интернет-магазина

Авторство блога в Webflow

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

Как и все аналогичные функции CMS, модуль блога добавляется через новый набор данных (в интерфейсе дизайнера), сообщения блога. Наряду с вашей коллекцией блогов вы можете добавлять наборы данных для поддержки категорий и авторов. Хотя они необязательны.

В настройках сбора сообщений блога вы можете:

устанавливает название коллекции;
устанавливает начальный префикс для всех элементов в блоге (slug);
добавлять настраиваемые поля (например, для отображения связанного содержимого)
удалить ненужное (например, базовый цвет для данного поста)

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

Шаблон страницы отдельной записи можно настроить по своему вкусу. Соответствующий макет можно найти в разделе страницы — CMS Pages Collection — Blog Post Template.

Как только у вас будет готов макет, вы можете публиковать новые сообщения как можно скорее, как и в любом классическом движке:

перейти в интерфейс редактора (Editor);
выберите вкладку «Сообщения блога»;
Нажмите на кнопку «Новый пост в блоге»;
В открывшемся окне вы можете ввести свои параметры: заголовок, URL публикации, изображение предварительного просмотра, основной текст, короткий текст и так далее;
Щелкните «Опубликовать»

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

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

Есть много готовых шаблонов блогов, некоторые из них совершенно бесплатны.

Если вы решите создать блог, вы сможете их редактировать

Сообщения на свои страницы можно встраивать с помощью готовых виджетов из раздела Коллекции CMS.

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

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

Подведем итоги функциональности Webflow. Рабочий процесс выглядит примерно так:

Вы создаете новый проект
Расположение страниц выполняется в режиме дизайнераМакеты заполняются или редактируются в интерфейсе WYSIWYG (редактор)Проект опубликован

Данные в макете могут быть статическими или динамическими (функциональность CMS и использование коллекций данных). При необходимости активируются интеграция и/или необходимые внешние сервисы (аналитика, CRM, службы рассылки и т. Д.).

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

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

Проекты и работа с шаблонами

Webflow имеет огромное количество готовых шаблонов — их несколько сотен, в одностраничном и многостраничном вариантах, для статических страниц и
для проектов с функционалом CMS, особенно для блога, интернет-магазина и т. д. Большинство шаблонов платные, стоят от 24 до 149 долларов. Доступно чуть более сорока.

С помощью шаблонов вы можете быстро запустить:

сайт агентства;
специалист по визиткам/портфолио;
интернет-магазин (есть разделение шаблонов на разные тематики);
кредитование;
блог;
веб-сайты онлайн-образования или обучения;
так далее

Многие платные шаблоны имеют макеты для Figma.

Вместо встроенного каталога шаблонов вы можете использовать проекты в разделе «Витрина» на панели управления. Это примеры готовых тематических страниц, которыми поделились другие пользователи платформы (хотя не все эти макеты можно скопировать в вашу учетную запись, некоторые показаны здесь только для гарантии качества).

Третий , но не все доступны в разделе Витрина .

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

Каждый шаблон можно изменить и адаптировать под свои нужды уже в интерфейсе дизайнера (в среде разработки Webflow — инструменте дизайнера).

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

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

С полученными файлами HTML можно делать все, что угодно. Существуют инструменты для адаптации шаблонов Webflow, например, для WordPress или других систем CMS/CMF. Или вы можете просто разместить страницы для статических сайтов, таких как бесплатные страницы GitHub.

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

Какие функции будут полезны профессионалам:

Блокирующие символы (их содержание меняется на всех страницах одновременно)Свободное размещение элементов на холсте (без вложенности в разделы, как во многих других онлайн-инструментах)Поддерживает единообразную структуру элементов на выбранной странице — очень легко ориентироваться и находить нужный блокИнтеграция с популярными сервисами шрифтов (Google Fonts и Typekit), возможность загружать собственные шрифты
Полный доступ к атрибутам CSS элементов и привязка их к классам CSSАвтоматическая адаптивная системаДействительно чистый и читаемый код, который генерируется сервисом во время экспортаВы можете добавлять блоки со своим кодом и скриптамиДоступ к триггерам и расширенным эффектам анимации (After Effects и Lottie)Встроенная система аудита, которая выявит проблемные области и недостающие атрибутыСистема автоматического резервного копирования
Адаптивные изображения, оптимизированные под размер контейнера и разрешение экрана пользователя

Оптимизация (SEO) и продвижение

Webflow автоматически записывает HTML для страниц на основе макетов, созданных в режиме конструктора и редакторе WYSIWYG. Код довольно высокого качества, а страницы адаптивны, что нравится поисковым системам. Каждый проект имеет свои собственные настройки SEO: редактирование robots.txt, создание sitemap.xml, отключение индексации страниц на временных поддоменах (формат mysupersite.webflow.io), принудительная проверка страницы в Google.

Каждая страница позволяет вам установить метатеги заголовка, ключевые слова и контент DeepL, а также есть параметры для тегов OpenGraph. Каждое сообщение в блоге и каждый продукт в магазине также включают настройки SEO. Возможно подключение внешних аналитических систем путем вставки кода (Google, Facebook Pixel и т. Д.).

Кроме того, Webflow поддерживает

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

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

Ценовая политика ebflow (тарифные планы)

Webflow — отличный визуальный редактор рабочего стола (режим дизайнера) и довольно хороший редактор WYSIWYG. Оба они бесплатны для тестирования и обучения новичков. Однако некоторые параметры, особенно параметры SEO-оптимизации, вставки HTML и связывания доменов, отключены. Если вы хотите в полной мере воспользоваться услугой и опубликовать страницысо своей учетной записи корпоративного хостинга, вы должны заплатить.

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

Тарифы Designer делятся на обычные и онлайн-планы, ежемесячные цены при оплате за год вперед (скидка 20%):

Базовый веб-сайт ( 12 долларов в месяц ) — подключение к домену, бесплатный SSL, CDN, 100 статических страниц, 25 000 уникальных посетителей в месяц, 100 отправок из веб-форм Сервис CMS ( 16 долларов в месяц ) — активация CMS (динамический контент), 100 статических страниц, 100 000 уникальных посещений, 1000 отправленных форм, 2000 элементов для базы данных CMS (Коллекции ), доступ к CMS API, поисковой системе, возможность пополнения 3-х контент-менеджеров для проекта Website Business ( 36 $/мес ) — 500 000 посетителей в месяц, 100 статических страниц, 10 000 элементов CMS, 10 контент-менеджеров, возможность загружать файлы в формы и увеличенные лимиты запросов API

Технические ограничения для всех ставок магазина соответствуют плану CMS. Они различаются комиссией и объемом продаж:

Стандарт ( 29 $/мес ) — все функции тарифа «CMS», включая оплату, доставку, налоговые настройки, 3 аккаунта для менеджеров, интеграцию с витриной Facebook/Instagram , настройка форматов электронной почты, лимит продаж до $ 50к в год, комиссия 2% на транзакции Плюс ( 74 доллара США в месяц ) — все функции бизнес-плана, отсутствие комиссии за транзакцию, порог прибыли в 200 тысяч долларов в год, отсутствие подписания контракта на обслуживание при рассылке, 10 управляющих аккаунтов Advanced ( 212 долларов США в месяц ) — все, что включено в план Plus, плюс 15 управляющих аккаунтов, неограниченный годовой оборот, нулевая комиссия с продаж

Планы экспорта кода позволяют временно публиковать проекты на бесплатном хостинге в демонстрационных целях, а затем продавать их клиентам. Существует бесплатная версия, с которой запускаются все новые пользователи системы. Это позволяет создать 2 проекта, но без экспорта кода. Платные пакеты следующие (ежемесячная плата за подписку на 1 год вперед):

Lite ( 16 долларов в месяц ) — 10 проектов, выставление счетов клиентам, экспорт кода, перенос проектов в другие системные аккаунты, публикация до ста статических страниц и 50 динамических элементов на бесплатный хостинг Pro ( 35 $/мес ) — неограниченное количество проектов, доступ к White Labeling (снятие авторских прав), защита паролем

Существуют также планы группы по разработке командной страницы. Там все разблокировано и позволяет все, стоимость в месяц на 1 члена команды — 35 долларов. Если необходимо добавить более 25 человек, то вступают в силу другие условия, которые необходимо согласовывать индивидуально с менеджером сервиса. Это бизнес-тариф.

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

Цена указана за обслуживание одного веб-сайта в одном домене

Преимущества и недостатки

Webflow отлично подходит как редактор веб-сайтов. Это отличная альтернатива Muse и другим программам для настольных издательских систем:

Webflow
Удобный веб-интерфейс IDE (инструмент для профессиональных дизайнеров)
Отдельный интерфейс для работы с контентом(Редактор)Встроенная поддержка CMS для многостраничных сайтов (блоги, магазины и т. Д.)Наборы данных гибко настраиваются (путем создания дополнительных полей)Кросс-блоки (символы) и поддержка сложной анимацииВозможность интеграции внешних сервисов (встроенная интеграция, поддержка API и Zapier)Достаточный выбор готовых шаблонов с удобной фильтрацией по тематике и тематике. Бесплатные и платные вариантыПоддержка вставки собственного HTML-кода и переопределения классов CSS
Полностью бесплатные тесты без ограничений по времениОтличный справочный материалВсе полученные системы адаптивныВозможность выгрузки (экспорта) HTML кодаНа платформе может работать несколько веб-сайтов разных клиентовПоддерживается совместная работа с отслеживанием активностиДля работы над вашим проектом можно нанять профессиональных дизайнеров прямо из Личного кабинетаИмеет встроенный модуль интернет-магазина и обширный блог.

Недостатки в основном связаны с комиссиями:

Сложные и фрагментированные тарифные планыВысокая стоимость, особенно для магазинов
Только англоязычный интерфейс (включая документацию и обучающие видео)Плохая поддержка российских сервисов онлайн-трейдинга (отсутствие интеграции с платежными системами, CRM и т. Д.)На самом деле бесплатных шаблонов в каталоге очень мало (всего около 40)Высокая сложность интерфейса для дизайнеров (подходит только профессионалам)Очень сложно интегрировать и настраивать функции CMS (с динамическим контентом и наборами данных)Все тарифы имеют четкие ограничения, рано или поздно вы можете столкнуться с ними — вам придется сменить платформу (а это будет крайне сложно, если на кону не будет функционала CMS)

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

Альтернативы и конкуренция

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

Лучшие аналоги Webflow:

uKit это мастер, который позволяет легко создавать бизнес-сайты. Целевые страницы, визитки, портфолио те же дисциплины, в которых силен Webflow. Также поддерживаются магазины. Да, это все из шаблона дизайна, но оно красивое и адаптивное. В удобном визуальном редакторе нет кодировки, непонятных настроек и платных шаблонов. Эти страницы хорошо проиндексированы, обычно продвигаются и работают быстро. И, что немаловажно, по доступной цене для всех. Сайт подходит как для новичков, так и для разработчиков клиентских сайтов.

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

Wix хороший дизайнер для творческих людей. Его редактор дает вам приличную свободу для настройки макетов по нескольким параметрам. Также доступны размеры, цвета, ориентация элемента, слои, эффекты, анимация и многое другое. Но интерфейс самый простой. Встроенный магазин приложений позволяет добавлять функции несколькими щелчками мыши, а также интегрировать сторонние сервисы без программирования. Шаблоны хороши, их много и их легко редактировать. С этим вариантом одинаково хорошо справятся и дизайнеры, и новички. Здесь также есть веб-IDE (Wix Velo)

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

Примеры страниц, созданных с помощью Webflow

Проект существует с 2013 года. Его практически сразу полюбили дизайнеры со всего мира. За последние 6 лет было множество примеров. Мы сделали несколько из них, чтобы продемонстрировать возможности редактора.

Выводы и рекомендации

— это международный SaaS-сервис для дизайнеров. Интерфейс только на английском языке. Его можно использовать как платный редактор веб-сайтов для дизайнеров для создания/экспорта пользовательских шаблонов (от 16 долларов в месяц) и как тренировочную площадку для новичков — бесплатно. Как CMS это неоправданно дорого. Функционал отличный, реализовать можно все. Но чтобы реализовать этот потенциал, вам потребуются навыки обязательного кодирования HTML/CSS и макетирования.

Стоит ли использовать? Да, при минимальном индивидуальном плане в 16 долларов в месяц он того стоит для уникального макета клиентской страницы. В бесплатной версии он будет служить полигоном для новых пользователей, которые хотят попробовать свои силы в изучении HTML/CSS и попробовать свои силы в дизайне. В формате хостинга услуга убыточна по цене и возможностям конкуренции. Не стоит учиться создавать 1 веб-сайт для себя, это отнимает много времени и дорого для новичка.

Webflow хорош для того, чтобы научиться создавать веб-сайт.

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