Зерокодинг — набирающий популярность способ создавать IT-продукты самостоятельно с помощью решений, не требующих навыков программирования. Зерокодинг используют стартаперы-одиночки и крупные компании. Способ снижает время разработки. То, на что раньше требовалось полгода, можно сделать за день. Соответственно снижаются издержки.
Последний тренд запуска стартапов — не обивание порогов инвесторов, а быстрый запуск MVP зерокодингом.
Третьи создают простые и сложные сайты и веб-сервисы.
Простые сайты, легкий вход, хорошая кастомизация. Как итог легкого входа — проблемы с адаптивом и СЕО.
Сайты, создаваемые на Webflow, разнообразнее и сложнее похожих сайтов Tilda
Сложные сайты, веб-приложения. Сложный вход, ограниченная кастомизация. Платформа незаменима при создании MVP сложных веб-сервисов (на Bubble за несколько дней можно запустить аналог Airbnb или Amazon). Bubble заточен под сложные интеграции, визуальная часть хромает.
В Bubble ставка не на дизайн, а на возможности
Если вы работали с Tilda и имеете представление о создании сайтов, самое время двигаться дальше. Webflow — логичный следующий шаг.
Tilda или Webflow: что выбрать под задачу
Tilda
Tilda позволяет быстро создать небольшой сайт и даже интернет-магазин из готовых блоков. По этой же причине все сайты на Tilda, созданные недизайнерами, похожи друг на друга.
Рваный адаптив
Tilda дает определенную свободу дизайнеру, позволяя делать свои блоки (zero block). Но из-за простоты наполнения (почти как Figma) у zero block плохо с адаптивом — это легко обнаружить изменяя размер окна браузера.
Верстка на Tilda ведет себя как один большой баг при сужении окна браузера
Проблемы с продвижением
Tilda проваливает тесты по CEO-оптимизации. Из-за отсутствия на странице иерархии стилей h1 — заголовок, h2 — подзаголовок и т. д. страницы плохо индексируются поисковиками.
Webflow
Разработчики Webflow пошли по принципиально другому пути. Webflow — визуальный конструктор true верстки. Он по сути имитирует работу верстальщика, создавая те же классы и стили, что присутствовали бы в обычной «ручной» верстке.
Верстка на Webflow плавно тянется и не уступает студийной
Чистая адаптивная верстка+CMS
Webflow одновременно является и CMS — системой управления контентом сайта. В нем сразу можно создавать базы продуктов, клиентов или работ в портфолио.
На Webflow можно быстро создать интернет-магазин средней сложности. Как и в случае с Readymag и Tilda проект можно сразу же опубликовать на поддомене Webflow или своем домене.
Сайт можно создавать с нуля или на готовом полностью работающем шаблоне. Если у вас что-то не получается, можно копировать блоки из работающего проекта в свой.
CEO-продвижение
Так как логика верстки на Webflow обычная, продвижение таких сайтов ничем не уступает обычным.
Экономия времени и ресурсов
Webflow значительно экономит дизайнеру время создания сайта. Настроенный Webflow-сайт поддерживать на порядки проще обычного.
Если вы сам себе верстальщик, вам не нужно отрисовывать в Фигме все состояния адаптива (экраны для десктопа, планшета, смартфона). Адаптив быстро создается вами в процессе верстки — результат вы сразу видите в браузере. Вместе с версткой вы сразу вставляете блоки привязки к CMS, например блок вывода карточек товаров или шаблон страницы товара.
В классической же разработке сначала верстальщик делает верстку всех страниц, а затем программист привязывает ее к шаблонам, необходимым для корректной работы CMS.
Компании, перешедшие на Webflow, говорят о 20-кратном снижении времени на поддержку сайта по сравнению с обычным!
Цена чистоты
Цена «чистой» и быстрой верстки — не самый легкий вход. Если с Tilda можно подружиться за день, то для понимания Webflow потребуется не меньше недели-двух, особенно, если вы не знакомы с принципами классической верстки и работы сайтов с базами данных.
Интерфейс Webflow сложнее Tilda, но и обладает большими возможностями
Что не получится сделать на Webflow
Webflow все-таки инструмент верстки, поэтому уступает по функционалу тому же Bubble. На Webflow не получится запустить веб-приложение, аналогичное Фейсбуку или Airbnb.
Встроенным инструментарием Webflow не получится сделать сложный интернет-магазин с большим количеством фильтров. Однако те же фильтры поможет сделать любой фронтендер (так называемый low-coding).
Для новичков эти ограничения часто всплывают неожиданно и существенно тормозят разработку.
К счастью у продукта мощное комьюнити (3 500 000 пользователей), большое количество тьюториалов и онлайн-курсов. Webflow позволяет подгружать кастомный код и верстку, что значительно расширяет его возможности и позволяет решать выходящие за рамки задачи минимальным подключением классического разработчика.
Webflow+ WordPress
Несмотря на то, что Webflow сам себе CMS, возможность легко подключить Webflow-верстку к WordPress имеет массу плюсов.
WordPress — самая распространенная в мире платформа создания сайтов. Самое большое комьюнити разработчиков и бесчисленное количество подключаемых плагинов. WordPress — топ-инструменты для CEO и онлайн-продаж, интеграции с любыми сервисами по всему миру.
Сайт на WordPress — понятный коммерческий продукт, который вы, как дизайнер, сможете предложить своим клиентам и увеличить чек минимум в два раза. Не говоря о том, что качественные сайты на WordPress стоят в 4-5 раз выше сайтов на Tilda.
Админка WordPress с подключенными из Webflow темами.
Вы можете в любой момент как угодно отредактировать тему в Webflow и быстро подключить ее к WordPress. Сайт, созданный на WordPress через Webflow удобнее поддерживать по сравнению с той же классической разработкой.
.gif)
