Taptop vs Tilda: тестируем платформы для создания сайтов

Привет! Я Игорь Литвинцев, CEO визуального редактора кода Taptop. Недавно мы решили провести настоящее исследование — сравнить верстку сайта на Taptop и на Tilda. Для этого пригласили независимого эксперта — веб-дизайнера Алину Котылевскую. Результат — 15 часов верстки, три сервиса для создания сайтов, один дизайнерский макет и много инсайтов. Сейчас расскажу, что мы выяснили.

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

Чтобы затестить все возможности, Алина выбрала нестандартный дизайнерский макет со сложными блоками — аккордеоном, слайдером, галереей, табами.

Оценивались вот такие параметры:

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

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

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

Вот пример верстки меню из нашего теста:

Получается, что Таптоп позволяет сделать всё по макету и при этом потратить меньше времени, чем при использовании модификаций Тильды.

Особенно ярко разница во времени проявилась при работе со сложными блоками. Возьмем блок с табами:

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

Время верстки каждого блока Алина собрала в таблицу.

На первый взгляд разница в цифрах небольшая. Но это результаты верстки всего одной страницы. А если у нас будет сайт на 40 страниц, что тогда?

Алина оценивала не только скорость, но и комфорт работы. Лишние действия и однообразные задачи быстро утомляют дизайнера.

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

1. Загрузка шрифтов

2. Настройка одинаковых элементов

3. Сложные блоки

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

Обычная Тильда: много ограничений

Соответствие макету: примерно 50%.

Тильда с модами: полумеры

Соответствие макету: 60-70%.

Таптоп: дизайн pixel perfect

Соответствие макету: 100%.

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

Тильда: ручная настройка каждого пикселя

Таптоп: автоматическая магия

В результате скорость работы отличается в разы. Например, адаптация блока с табами заняла:

Общее время, потраченное на адаптивы, для всех трех вариантов:

Этот фактор особенно важен для больших проектов. Никто не хочет тратить время на повторную правку всех страниц и блоков — это отнимает кучу сил и времени.

Алина протестировала самый обычный кейс: клиент просит изменить дизайн всех заголовков сайта.

Время, которое потребовалось на правки:

Во что это выльется на большом сайте (например, на 40 страниц):

«А давайте еще вот здесь блок добавим, а тут текста будет в два раза больше» — обычная история от клиента. На таких задачах вы очень хорошо почувствуете разницу в скорости внесения правок.

Допустим, что клиент просит добавить блок текста:

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

Вот какие результаты выдал тест производительности на мобильных устройствах:

Почему такая разница? Дело в чистоте кода:

А ведь быстрый сайт — это не только удобство пользователей, но и лучшие позиции в поиске.

Сравним затраты на создание сайта:

А что по стоимости поддержки сайта?

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

Таптоп: Дает экономию в долгосрочной перспективе — и для дизайнера, и для его клиентов.

Обычная Тильда: Хороша для простых сайтов со стандартными блоками, не подходит для сложных кейсов.

Выбирайте, если вы:

Тильда с модификациями: Больше возможностей для дизайна, но также больше проблем.

Хороший выбор, если вы:

Таптоп: Неограниченные возможности дизайна и и максимально удобные инструменты для быстрой работы.

Стоит выбрать, если вы:

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

На самом деле, освоить платформу Taptop несложно. Приходите на бесплатный Crash курс — и всего за 10 коротких видео-уроков вы научитесь создавать сайты, используя современные no-code технологии. Каждый урок подкреплен практическими заданиями, а персональная обратная связь от преподавателя поможет быстро освоить новые навыки.

А если вы настроены на серьезный рывок в веб-дизайне, приглашаю в нашу школу no-code верстки — совместный проект Taptop и UPROCK. Ближайший курс стартует в марте, но лучше поторопиться — мест осталось мало. За 10 недель вы максимально погрузитесь в no-code разработку и научитесь создавать сложные сайты с крутыми анимациями и работать с динамическими данными. Вы откроете для себя новый уровень веб-дизайна — и сможете верстать в два раза быстрее и зарабатывать больше.