Всем привет от компания Thmoon! В этой статье мы рассмотрим, почему Webflow является одним из наиболее привлекательных решений на рынке конструкторов сайтов и no-code решений.

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

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

• это в разы дешевле — от вас или ваших сотрудников не требуется ни особенных компетенций, ни значительных инвестиций в MVP,
• это быстро. Конструкторы позволяют в максимально короткие сроки реализовать веб-сайт на более чем достойном уровне.

Если бы вас прямо сейчас попросили назвать несколько конструкторов, что бы пришло вам в голову в первую очередь? Tilda? Wordpress? Wix? Уверен, абсолютное меньшинство назвало бы Webflow — а зря, этот сервис определенно заслуживает внимания. Давайте же разбираться, чем Webflow отличается от других конструкторов сайтов и в чем его преимущества. Что такое Webflow? Webflow — это конструктор сайтов, направленный на реализацию сайтов, блогов, лендингов без необходимости написания кода. Звучит довольно типично, однако давайте взглянем на интерфейс.

Если вы когда-нибудь пользовались Tilda или другими сервисами, вы сразу заметите, что в Webflow интерфейс заметно нагруженнее. Отсюда возникает первый и, пожалуй, главный недостаток — у Webflow выше порог входа. Если вы совсем не знакомы с основами верстки, не знаете что такое классы в CSS — пользоваться этим инструментом будет значительно тяжелее, чем аналогами. Вы можете спросить: а зачем тогда мучаться? А вот зачем — Webflow обладает множеством замечательных преимуществ, за счет которых уровень конечного продукта получается гораздо выше.

Главное преимущество — гибкость.

Как со стороны дизайнеров, так и со стороны фронтенд разрабочиков. В Webflow у дизайнеров есть реальная возможность не зацикливаться на использовании шаблонов (хотя представленная библиотека компонентов для неискушенных пользователей покажется более чем обширной) . Работа в Webflow гораздо больше похожа на самостоятельное написание сайта. Вы когда-нибудь создавали в Tilda сайт с более чем 30 страницами? Представьте, что на каждой странице вы используете один и тот же заголовок, но сегодня утром вам что-то стрельнуло в голову и вы решили изменить стиль каждого заголовка. В этом случае вам предстоит увлекательный процесс изменения каждого заголовка на отдельных страницах. А если таких страниц, например, 250? В Webflow реализована классическая работа с классами — нет никакой необходимости индивидуально изменять шрифт, цвет или размер каждого элемента — достаточно лишь добросовестно указывать классы объектов.

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

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

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

Это отдельная плюшка для дизайнеров — вам из коробки предлагают интеграцию с After Effects. Что это означает? Вы сможете с легкостью добавлять качественные и проработанные анимации, достаточно просто закинуть файл в редактор.

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

Еще одним недостатком является отсутствие полноценного превью изменений. Грустно, когда приходится постоянно катить новую версию для просмотра новых фичей. Также сильно хромает история изменений — было бы крайне полезно откатиться к тому или иному шагу. Ну и куда без денег — цены кусаются довольно сильно. Стоимость Business-версии — 39$ в месяц. Минимальная стоимость (мы не берем в расчет бесплатные версии) — 14$. Прочие конструкторы обойдутся вам заметно дешевле.

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

Спасибо, что прочитали статью! Обязательно оставляйте комментарии и делитесь своим мнением — мы всегда открыты к дискуссии.