15 ошибок в дизайне и верстке сайтов на Тильде, которые сливают ваши деньги и клиентов

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

Эксперт тильды — это прежде всего профессионал, который знает, как выполнить вашу задачу так, чтобы вы остались довольны результатом. И чаще всего такой дизайнер это понимает уже после первого общения общения с заказчиком и постановкой брифа. Уже на этом этапе многие специалисты отказываются от проекта, заранее понимая невозможность исполнения, недостаток ресурсов или времени. Иногда поводом для отказа является и поведение самого заказчика. Многие хотят "то, не знаю что" и отказываются заполнять ТЗ, вникать в проект. Кто-то хочет за низкую стоимость получить большой сложный сайт. Иногда даже нетактичность заказчика являются поводом для отказа. И профессионал не будет рисковать своей репутацией идя на такой риск.

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

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

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

Откуда берётся: человек двигает элементы на глаз в Zero Block или смещает блоки без понимания сетки.

Как должно быть: все элементы выровнены по единой сетке (обычно 12 колонок). Отступы между блоками должны быть одинаковые по всей странице (чаще всего 120-160px между смысловыми секциями, 40-60px внутри секции). Читатель этого не замечает, но зато замечает, когда всё ровно и аккуратно. Это и называется «дорого выглядит».

На одной странице кнопки со скруглением 8px и тенью, на другой острые углы и обводка 2px, на третьей вообще без рамки. Иконки из трёх разных библиотек. Карточки с разными отступами внутри.

Почему это критично: пользователь считывает непоследовательность как небрежность. Подсознательно — недоверие к бренду, недоверие к продукту.

Как должно быть: единая дизайн-система до начала вёрстки. Один радиус скругления, одна толщина обводок, одна библиотека иконок. В Тильде в 2025 году это решается через Глобальные стили. Настраиваешь один раз, применяется везде. Те, кто не использует этот инструмент, вёрстают вручную каждый блок и получают несогласованность.

Открываешь сайт на телефоне, и либо текст обрезается, либо кнопки уехали за экран, либо изображение накрыло заголовок. Или всё по-другому: мобильная версия «как-то работает», но выглядит как сжатая гармошка.

Откуда берётся: сайт сделали на десктопе, проверили на десктопе, сдали. Всё. Мобильную версию никто не трогал.

Почему это катастрофа: в 2025 году 60-70% трафика — мобильные устройства. Поломанный мобайл = потеря большей части аудитории. И Яндекс, и Google учитывают мобильную версию при ранжировании.

Как должно быть: адаптив прорабатывается на каждом брейкпоинте отдельно. В Zero Block — кастомные брейкпоинты, ручной контроль каждого элемента. В стандартных блоках — проверка на реальных устройствах, а не просто в режиме предпросмотра Тильды.

Встречаю регулярно:
✗ 4-5 разных шрифтов на одной странице
✗ Кегль 12px для основного текста (нечитаемо)
✗ Декоративный шрифт использован для длинных абзацев
✗ Межстрочный интервал по умолчанию — слипшийся текст
✗ Заголовки и подзаголовки одного размера — нет иерархии

Правила, которые работают всегда:
✓ Максимум 2 шрифта: один для заголовков, один для текста
✓ Основной текст — минимум 16px, межстрочный — 1.5-1.6
✓ Декоративный шрифт — только для 3-5 слов, не для абзацев
✓ Чёткая иерархия: H1 явно крупнее H2, H2 явно крупнее H3

Выравнивание по центру выглядит «красиво», поэтому его и лепят везде. Заголовки по центру, абзацы по центру, буллиты по центру.

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

Правило: центр — для коротких заголовков, цитат, подписей к фото. Всё остальное — по левому краю.

Фото на всю ширину + поверх белый текст. Звучит как дизайн, выглядит как нечитаемая каша. Особенно если фото пёстрое, детализированное или светлое.

Часто вижу: светлая фотография + белый текст поверх. Текст просто исчезает.

Как решается профессионально:
✓ Тёмный оверлей поверх фото (затемнение 40-60%)
✓ Разделение на две зоны: фото отдельно, текст отдельно
✓ Монохромное или намеренно размытое фото в качестве фона
✓ Текст на контрастной плашке поверх фото

Страница набита под завязку. Каждый пиксель занят. Между блоками 20px, между заголовком и текстом 5px. Кажется, что так «больше информации». На самом деле так ничего не читается.

Воздух — это не пустота, это инструмент. Большие отступы между секциями (120–180px) дают глазу отдохнуть, разделяют информацию на порции, делают страницу визуально дорогой. Дорогие бренды Apple, Chanel, Bang & Olufsen используют огромное количество воздуха. Это не случайно.

Белозубые менеджеры с рукопожатием, счастливые семьи на кухне, бизнесмен смотрит в экран ноутбука. Эти фото моментально считываются как «это не настоящее» и убивают доверие.

Почему продолжают использовать: дешево и быстро.

Что работает вместо:
✓ Реальные фото команды, офиса, процесса
✓ Профессиональная предметная съёмка продукта
✓ Качественная нейросетевая генерация в едином стиле (Midjourney, Flux), если нет возможности организовать съёмку
✓ Абстрактные визуалы и паттерны лучше, чем плохой сток

«Мы команда профессионалов с 15-летним опытом, работающих на рынке...» — это не первый экран, это раздел «О компании».
Первый экран должен за 3 секунды ответить на вопрос пользователя: «Я попал куда надо? Это решит мою задачу?»

Структура работающего первого экрана:

1. Конкретный заголовок — что делаете и для кого
2. Подзаголовок — главная выгода или уточнение
3. Одна чёткая кнопка с целевым действием
4. Визуал, который усиливает заголовок, а не конкурирует с ним

«Подробнее», «Узнать», «Отправить», «Нажмите здесь» — эти подписи на кнопках не работают. Пользователь не понимает, что произойдёт после клика и зачем ему это нужно.

Кнопка должна говорить о результате:
✓ «Рассчитать стоимость за 2 минуты»
✓ «Получить бесплатный аудит сайта»
✓ «Записаться на консультацию»
✓ «Скачать примеры работ»

Компания продаёт ремонт квартир, коммерческих помещений и загородных домов? Значит, на главной странице всё это вперемешку. Пользователь запутался и ушёл. Лендинг работает на один запрос, одну аудиторию, одно действие. Для разных услуг — разные страницы. Это не прихоть, это основа конверсии.

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

Что повышает доверие:
✓ Фото реального человека
✓ Имя + должность + компания или город
✓ Конкретный результат («сайт принёс 43 заявки за первый месяц»)
✓ Скриншоты переписок лучше, чем ничего, но слабее, чем оформленный отзыв

Сайт весит 30 МБ. Фотографии загружены напрямую с фотоаппарата по 8 МБ каждая. Никакого WebP, никакой оптимизации. PageSpeed показывает 20/100 на мобильном. Это не только UX-проблема, это SEO-проблема. Google напрямую учитывает скорость загрузки при ранжировании.

Чеклист оптимизации:
✓ Все изображения — в формате WebP
✓ Вес картинки для фона — не больше 300-400 КБ
✓ Лишние анимации и параллакс-эффекты убрать
✓ Ленивая загрузка (lazy load) для изображений ниже первого экрана

Title страницы «Главная». Description пустой. H1 нет или он совпадает с H2. Alt-тексты у картинок пустые. Sitemap не настроен. Всё это делается в Тильде за 20 минут, но большинство этого не делает. В результате сайт не индексируется нормально и не приводит органический трафик.

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

Профессиональная сдача проекта включает:
✓ Инструкцию по редактированию контента
✓ Объяснение что можно трогать самостоятельно, а что нет
✓ Опциональное сопровождение на первые месяцы

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

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

• Будет ли разработан индивидуальный дизайн под ваши пожелания, указанные в брифе, или же планируется использовать готовые блоки конструктора и изображения из Яндекс Картинки?
• Как будет использоваться контент на сайте, указанный в прототипе? Будет ли отредактирован и доработан под цели и задачи сайта или просто вставлен на сайт как есть?
• Каким образом будет спроектирован сайт? Учитывает ли исполнитель требования юзабилити и особенности мотивации и поведения пользователя на сайте?
• Будет ли сайт адаптирован и доработан под разрешения мобильных устройств?