Тебе не нужна «Тильда» — Январь — Журнал о дизайне от «Студии Никиты Оленева»

Тебе не нужна Тильда

Мы отказались от блоков и начали думать головой

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

kiro

Вариации логотипа для разных носителей

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

Это не просто альтернатива Тильде. Это эволюция веб-разработки, где технологии служат идее, а не наоборот.

«А что, Тильда — это плохо?»

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

В те времена это действительно было прорывом. Фотограф мог за вечер сделать себе портфолио. Кафе — лендинг с меню. Стартап — презентацию идеи. Тильда демократизировала веб-дизайн, и это было здорово.

Но потом случилось то, что случается со всеми успешными инструментами — их начали использовать не по назначению. Тильду стали натягивать на задачи, для которых она никогда не предназначалась:

Сложные маркетплейсы с каталогами, фильтрами и корзинами — всё это через костыли и интеграции.

Корпоративные платформы с личными кабинетами, CRM и аналитикой — где каждая нестандартная функция превращается в квест.

Высоконагруженные лендинги для рекламных кампаний — которые должны грузиться за секунду, а не за пять.

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

Результат предсказуем: серьёзные проекты, натянутые на платформу для визиток. Тильда превратилась в шаблон в гриме кастомного решения.

Самое печальное — большинство клиентов даже не понимают, зачем им именно Тильда. Они просто слышали, что «так принято». 90% заказчиков приходят с запросом «нужен сайт на Тильде», хотя на самом деле им нужно просто решение их бизнес-задачи.

Как мы пришли к вайбкодингу

История началась с простого наблюдения. Мы анализировали процессы и поняли, что тратим безумное количество времени в пустую.

Классический пайплайн выглядит так:

  1. Идея в голове дизайнера
  2. Макет в Фигме (первый перевод)
  3. Объяснение верстальщику (второй перевод)
  4. Код (третий перевод)
  5. Правки клиента (четвёртый перевод)
  6. Обратно в Фигму, потом в код (пятый и шестой)

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

Так мы пришли к вайбкодингу и реальной разработке.

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

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

Что такое вайбкодинг?

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

Традиционный подход: Идея → Макет → Техзадание → Вёрстка → Правки → Интеграция → Тестирование → Запуск

Вайбкодинг: Идея → Код → Запуск

Звучит просто, но за этой простотой стоит принципиально другое мышление. Мы не рисуем статичные картинки — мы сразу создаём живые интерфейсы. Не планируем поведение — проверяем его в реальном времени.

Конкретный пример: клиент хочет «чтобы при наведении на карточку она красиво поворачивалась».

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

В вайбкодинге мы за 5 минут готовим скелет сайта, еще за 5 минут ставим его на сервер и дальше работает с сайтом который в любой момент врмени готов на 100%, он уже через условные 10 минут (на самом деле есть дополнительные процессы которые от нас не зависят) сайт уже работает, индексирается и представляет ваши услуги в интернете. Дальше мы работаем в формате апдейтов нагружая сайт фичами, визуальными улучшениями и контентом. Мечта? Реальность!

Ключевые принципы:

  • Прототипирование в продакшене — то, что видит клиент на демо, станет финальным сайтом
  • Итеративность — изменения вносятся мгновенно, без пересборки пайплайна
  • Компонентность — один раз написанный элемент работает везде одинаково
  • Производительность по умолчанию — современные фреймворки автоматически оптимизируют код

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

А что происходит с Тильдой?

Пока мы движемся к простоте, Тильда всё больше усложняется. Она пытается угнаться за современными требованиями, но делает это через костыли и обходные пути.

Показательный пример: нужно сделать кнопку, которая плавно появляется при скролле до определённой секции.

В вайбкодинге:

javascript const { scrollY } = useScroll(); const opacity = scrollY > 500 ? 1 : 0;

Две строчки. Работает идеально на всех устройствах.

В Тильде:

  1. Заходишь в Zero Block (уже не «простой конструктор»)
  2. Создаёшь элемент, настраиваешь позиционирование
  3. Открываешь «Настройки анимации»
  4. Выбираешь «Триггер» → «При скролле»
  5. Настраиваешь «Действие» → «Изменить прозрачность»
  6. Указываешь пиксели начала и конца анимации
  7. Тестируешь на мобильном — не работает
  8. Ищешь в справке, почему
  9. Добавляешь дополнительные настройки для мобильного
  10. Тестируешь на планшете — работает криво
  11. Повторяешь пункты 8-10 для планшета

Результат: потратил час на то, что в коде делается за минуту. И всё равно работает не так гладко.

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

Парадокс Тильды: обещая простоту, она создаёт сложность там, где её не должно быть. Вместо того чтобы изучить основы CSS и JavaScript (что займёт месяц), люди тратят годы на изучение причуд конструктора, который завтра может измениться.

Адаптивность: иллюзия простоты

«На Тильде очень просто делать адаптив» — любимая мантра её сторонников. Давайте разберём, что скрывается за этой «простотой».

Тильда-адаптив в реальности:

  1. Делаешь десктопную версию
  2. Переключаешься на планшет — половина элементов «поехала»
  3. Вручную двигаешь каждый блок, текст, кнопку
  4. Переключаешься на мобильный — всё «поехало» ещё больше
  5. Снова двигаешь всё вручную
  6. Возвращаешься к десктопу — что-то сломалось
  7. Начинаешь заново

Это не адаптивность. Это создание трёх разных сайтов в одном интерфейсе. Каждое изменение приходится дублировать на всех устройствах. Добавил новый блок? Иди настраивай его на планшете и мобильном. Изменил текст? То же самое.

Настоящая адаптивность работает по-другому:

css .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }

Одна строчка — и контент автоматически перестраивается под любой экран. Добавляешь новый элемент — он сразу адаптивный. Меняешь контент — адаптив не ломается.

Реальный пример: у нас есть секция с карточками услуг. На десктопе — 3 в ряд, на планшете — 2, на мобильном — 1. В Тильде это три разные настройки для каждого устройства. В коде — одно правило, которое работает на экранах любого размера, включая те, что ещё не изобрели.

Главное отличие: мы проектируем систему, а не расставляем элементы. Система знает, как себя вести в любых условиях. Элементы — нет.

«А как потом редактировать контент?»

Это самый частый страх клиентов: «Если это код, я не смогу ничего изменить сам». Понимаем. Но это заблуждение из прошлого, когда сайты действительно были статичными HTML-файлами.

Современные решения для управления контентом:

Headless CMS — админка отдельно, сайт отдельно. Клиент редактирует контент в удобном интерфейсе, сайт автоматически обновляется. Strapi, Sanity, Contentful — выбор огромный.

Markdown + Git — для тех, кто любит простоту. Контент в обычных текстовых файлах, изменения через веб-интерфейс GitHub. Идеально для блогов и документации.

Airtable/Google Sheets — для каталогов и прайсов. Меняешь цену в таблице — она обновляется на сайте.

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

Главное преимущество: ты не привязан к одному способу. Нужно что-то изменить в логике управления контентом? Меняем. В Тильде такой гибкости нет — только их редактор, только их правила.

Экономика вопроса

«Это же дорого — разработка с нуля?» Давайте посчитаем реальную стоимость владения.

Скрытые расходы Тильды:

  • Подписка: 750₽/месяц × 12 = 9000₽ в год
  • Дизайнер: от 50 000₽ за макет
  • Верстальщик: от 30 000₽ за адаптацию макета под Тильду
  • Программист: от 80 000₽ за интеграции, которые Тильда не умеет
  • Поддержка: 15 000₽/месяц на исправление багов и обновления
  • Миграция: от 100 000₽, когда поймёте, что Тильда не тянет

Итого за год: 350 000₽+

Наш подход:

  • Разработка: фиксированная стоимость
  • Хостинг: 2000₽/месяц за производительный сервер
  • Поддержка: по факту, без абонентской платы
  • Масштабирование: добавляем функции без переписывания с нуля

Итого за год: в 2-3 раза дешевле

Но главное — скорость. Мы можем собрать полноценный лендинг с современным стеком, SEO-оптимизацией, системой аналитики и интеграцией с CRM за один день. Не макет — готовый к запуску сайт.

Секрет скорости: мы используем все современные инструменты разработки. Claude Sonnet, Kiro помогает с архитектурой, GPT генерирует контент. Пока конкуренты вручную двигают блоки в конструкторе, мы создаём продукт будущего.

Это не просто экономия денег. Это инвестиция в технологическое превосходство уже сегодня.

Время выбирать

2025 год. Искусственный интеллект пишет код, нейросети создают дизайн, а кто-то всё ещё двигает блоки в конструкторе 2015 года.

Вопрос не в том, умеешь ли ты программировать. Вопрос в том, готов ли ты использовать инструменты, которые работают, вместо тех, к которым привык.

Сайт — это не просто красивая картинка в интернете. Это:

  • Инструмент продаж, который должен конвертировать каждого посетителя
  • Интерфейс бренда, который формирует первое впечатление за 3 секунды
  • Технологический актив, который растёт вместе с бизнесом
  • Конкурентное преимущество, которое выделяет тебя на рынке

Тильда даёт иллюзию контроля. Вайбкодинг — реальный контроль.

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

Этот текст, который ты читаешь — не исключение. Он часть живой системы, написанной с нуля. Каждая анимация продумана, каждая строчка кода оптимизирована, каждый пиксель на своём месте.

Выбор за тобой:

  • Остаться в 2015 году с конструкторами и ограничениями
  • Или шагнуть в 2025-й, где технологии служат идеям, а не наоборот

Мы знаем, что выберем. А ты?

Готов обсудить реальный проект без Тильды? Пиши — покажем, как выглядит веб-разработка будущего.

Просмотры/*хуй знает/*

Стать автором

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

На данный момент публикация материалов происходит в ручном режиме. Мы внимательно изучаем каждую статью и стараемся поддерживать высокое качество контента.

Отправить материал