На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

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

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

Привет, на связи Молния. Скоро будет 6 лет, как мы создаём сайты на Тильде. И мы, честно говоря, фанаты того инструмента, который нам помогает делать крутой продукт. Недавно мы запустили серию статей, в которых сравниваем конструктор с другими инструментами: Wordpress, Битрикс и LPGenerator. За время наших расследований нашли много общего у платформ, но также выделили то, что отличает их друг от друга. В этих отличиях и кроется вся суть, которую мы хотели показать.

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

Поэтому мы решили, что пора расширять свой инструментарий и положили глаз на популярный сейчас Webflow — сервис, который похож на Тильду, но имеет более продвинутые функциональные возможности. Сегодня расскажем, что такое Webflow, какие задачки можно доверить этой no-code платформе и сравним её с Tilda. А если вы не хотите разбираться в этой теме, а просто хотите получить готовое решение для вашей задачи, в конце статьи добавили возможность получить индивидуальную консультацию, на которой мы поможем вам с выбором инструмента.

Коротко про сходства и различия Webflow и Tilda

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

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

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

С Webflow с точки зрения создания сайтов всё несколько сложнее: он скорее является не конструктором, а графическим редактором, способным выдавать чистый код. Что и выделяет его в плане функциональности. То есть, если на Тильде можно делать сайты, которые не похожи на те, что создаются на конструкторе, то Webflow просто создан для таких сайтов — фестивальных, креативных, нестандартных. Тут всё хорошо и со скоростью загрузки сайта, и с библиотекой анимации и моушн-дизайна, и с переносом макетов из Figma, анимации из Lottie или After Effects.

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

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

Webflow — англоязычная платформа. Если мы изучим отзывы отечественных юзеров, то увидим, что 5 из 10 отзывов на Webflow затрагивают проблему с языком. И техподдержка у него, соответственно, англоязычная.

Бесплатные функциональные возможности сервисов

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

С тарифом Free на Тильде вы получаете:

  • 50 Мб на проект;
  • субдомен на tilda.ws;
  • возможность создать 50-страничный сайт;
  • библиотеку стандартных блоков (но в ограниченном формате);
  • адаптацию проекта под мобильные устройства;
  • хранение заявок, но только во встроенной CRM.
На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

Бесплатно используя Webflow, вы сможете создать 2 сайта. У каждого из них будет:

  • 2 статических страницы;
  • субдомен на webflow.com;
  • 50 позиций в базе данных;
  • 100 пользователей личного кабинета;
  • до 1 000 посетителей в месяц.

Бесплатных шаблонов у Webflow чуть больше 30, платных — 100. Они авторские, созданные дизайнерами и разработчиками сервиса, красивые и продвинутые. И стоящие от $29 до $79. У дизайна и функционала бесплатных тем есть ограничения: невозможны вставка кастомного кода (CSS стилей, скриптов и т. д.) и экспорт кода.

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

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

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

Редакторы и CMS

В Тильде редактор называется Zero Block. Вы создаёте нулевой блок, добавляете в него любые элементы и редактируете их, пользуясь инструментами, как в графическом редакторе: слоями, прозрачностью, шейпами, анимацией, типографикой, вставляете HTML, если требуется, видео, тултип (инструмент для всплывающих подсказок), форму обратной связи.

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

Также вы можете взять любой из стандартных блоков Тильды, изменить его, как вам требуется, или что-то в него добавить. Если это невозможно сделать с помощью настроек, вы просто конвертируете его в Zero Block и редактируете. При создании сайта можно чередовать нулевые блоки со стандартными. И даже работать исключительно со стандартными — у них достаточно много настроек.

Когда ваш сайт готов, настраиваете адаптивность для разных устройств — в Zero Block вы сможете увидеть, как выглядит ваше творение на 5 основных типах экранов. Это удобная функция. Если для большого экрана вы сделали очень детализированный сайт, то при меньшем разрешении это будет плохо выглядеть. И у вас есть возможность изменить дизайн для маленького экрана в сторону лаконичности.

Редактор Webflow, Designer — это визуальный HTML/CSS-конструктор. Нужно нарисовать простую геометрическую фигуру? Добавляете div и назначаете ему координаты.

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

Чтобы создать сайт, можно начать с нуля, бесплатного или платного шаблона. Обычно, начиная работать с этим конструктором, начинают с бесплатного — чтобы понять, как собирается страница и как работает CMS.

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

Сервис Tilda сам по себе является CMS-системой. В Webflow имеется раздел CMS для управления базами данных — здесь они называются Collections, управляете вы ими прямо из редактора. Вам доступно создание различного динамического контента: новостей, списков товаров и т. д. Для разных страниц или групп пользователей вы можете настроить отображение этого контента или скрыть его. Также CMS здесь используется для вставки блоков кастомного кода и стягивания в БД данных из внешних источников.

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

Вывод? Тильда проще для интуитивного освоения. Webflow предоставляет много возможностей, но для их полноценного использования вы должны уже иметь опыт работы с HTML/CSS и построения сайтов из блоков.

Интеграции

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

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

В Webflow виджеты добавляются через маркетплейс Apps. Предлагается множество интеграций с различными полезными сервисами, например:

  • Weglot — мультиязычный переводчик для перевода сайтов на любой язык (у самого конструктора функции мультиязычности нет);
  • Airtable — облачная no-code платформа, упрощающая и автоматизирующая работу с БД: поможет собирать данные напрямую или с любых сервисов, представлять их в виде, удобном для анализа, управлять проектами, продажами, доступом и т. д.;
  • Relume — обширная библиотека готовых компонентов, необходимых для сборки сайтов: галереи картинок, слайдеры, навигации, FAQ, прайсинги и другие нужные штуки;
  • Commento — виджет для добавления комментариев на сайт, в том числе анонимных. Здесь можно работать с ними как модератор, форматировать текст, дать комментаторам возможность проставлять оценки;
  • Memberstack и его аналоги: Outseta и Memberspace — инструменты, управляющие авторизацией, доступом к платному контенту, платежами. Удобны для клиентского менеджмента;
  • Typeform — с помощью этого инструмента вы создаёте на сайте опросы или тесты, анализируете ответы;
  • Zapier и Make — сервисы, позволяющие перебросить данные с Webflow в другие сервисы: в тот же Airtable, Gmail или куда вам нужно.
На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

В ноябре этого года Webflow добавил мультиязычность (локализацию) — теперь в нём возможно не только переводить сайт на нужный язык, но и адаптировать к ним SEO и дизайн. Также конструктор обновил интерфейс, компоненты и стал партнёром с 3D-редактором Spline — теперь есть возможность добавлять на сайт 3D-модели и работать с ними.

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

Интернет-магазин

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

На Тильде вы сможете собрать привлекательный магазин из готовых блоков и даже запустить его буквально за день. Просто создаёте каталог товаров → Добавляете корзину → Подключаете доставку, оплату и CRM.

Принимать оплату можно через любой популярный сервис: ЮКасса, Яндекс.Деньги, PayPal. Также есть возможность подключения онлайн-эквайринга Сбера, Тинькофф Банка или Альфа Банка. Пользователи оплачивают покупки любой из карт: МИР, Visa или Mastercard, либо со счета телефона.

На чём бизнесу лучше создать сайт? Сравнение Tilda и Webflow

На Webflow вы собираете магазин с аналогичным функционалом — плюс управление условиями заказа, товаром, остатками. Можно переписываться с клиентами — эта опция встроенная. Но платёжных сервисов меньше: Google Pay, PayPal, Apple Pay и Stripe.

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

На какой платформе лучше создавать сайт?

Как амбассадоры Тильды мы могли бы сказать, что любому бизнесу подойдёт Тильда на 100%, бросить микрофон и уйти. Но ответ на вопрос «На какой платформе лучше создавать сайт?» не может быть однозначным. Возвращаясь к вступлению статьи, любая платформа — это инструмент, который решает определённые задачи. Какие-то задачи проще и быстрее решает Тильда, а какие-то задачи удобнее и с лучшим результатом решит Webflow.

Тильда подойдет вам, если вы хотите запустить проект (потестить востребованность у клиентов продукта или услуги, создать информационный проект, открыть онлайн-курсы, разогнать стартап) максимально быстро. Или, если вам нужен небольшой многостраничник для SEO или интернет-магазин для русскоязычной аудитории. Также стоит выбрать Tilda, когда вам нужен промо-лендинг или сайт для мероприятия, который вы планируете регулярно обновлять и менять к каждому новому событию. Можно даже сделать сайт с геймификацией, это будет дольше и сложнее, но всё-таки можно (мы делали такой для Playrix в августе 2022 года).

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

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

3232
63 комментария

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

Вопрос к студии молния, а вы сами работали с вебфлоу? Или на основе чего эта статья написана?

Не поймите меня неправильно, просто у вас на сайте д и в каждом материале написано, что вы работаете на Тильде, но при этом пишите обзоры на такие вещи как ВП, битра, теперь вот вебфлоу, вы сами имеете опыт работы с ними? Или просто собирательные образы рисуете по информации с интернета?

Или может экспертов приглашаете?

10
Ответить

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

Ответить

Я три года делаю сайты на Тильде, прошёл два интенсива по Вебфлоу и скажу вам так — в России с Вебфлоу ловить нечего. Уже хотя бы потому, что передать проект на Вебфлоу в эксплуатацию русскому заказчику практически нереально. И нет смысла спорить о том, где больше возможностей, что быстрее грузится, где чище код и прочие глупости. Серьёзный проект на Вебфлоу в России не полетит. А для лендинга какой смысл упарываться в эту визуальную оболочку для вёрстки на CSS?

5
Ответить

а почему именно в россии? какая разница?

Ответить

Вы наверное не в курсе что сайты с Webflow можно переносить на WP))

Ответить

И смысл платить абонплату, если за 100 условных баксов можно за один раз развернуть шаблон на WP, которого хватит на 90% всех бизнесов в интернетах?

4
Ответить

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

Ответить