Когда сайт начинает тормозить бизнес: как брендинговое агентство CULTBRAND переехало на Taptop

Даже хороший сайт со временем может стать препятствием для развития бизнеса. Именно с такой ситуацией столкнулось брендинговое агентство CULTBRAND: корпоративный сайт перестал успевать за новыми требованиями. В этой статье — история того, как переезд на Taptop позволил CULTBRAND отказаться от постоянного участия разработчиков в поддержке сайта и получить гибкую платформу для дальнейшего роста. 

 

Компания

CULTBRAND — агентство брендинга и диджитал-разработки из Екатеринбурга. На рынке с 2016 года, команда около 10–12 человек. Входит в топ-5 в России по созданию визуальной айдентики по версии рейтинга Рунета. Основные клиенты — компании реального сектора: производство, промышленность, строительство, здравоохранение.

 

Агентство помогает клиентам создавать сильные бренды и сразу воплощать их в цифровой среде — разрабатывает фирменный стиль и сайты. Поэтому собственный сайт CULTBRAND — один из главных инструментов привлечения клиентов. Около 80% его контента составляют кейсы, которые демонстрируют экспертизу агентства и помогают потенциальным заказчикам принять решение о сотрудничестве. 

 

Сайт CULTBRAND после переезда

 

Проблема: сайт обновлялся медленнее, чем развивался бизнес

Предыдущий сайт CULTBRAND работал больше десяти лет. Он был написан на Python/Django — мощный проект, но любое изменение требовало разработчика.

 

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

 

 

 

Мелкие правки откладывались: слишком долго, слишком дорого. Концепция нового сайта появилась ещё в 2024-м — но между идеей и запуском прошло почти два года.

 

Последней каплей стал РКН — ужесточение требований к российским сайтам. Выполнить их на самописном сайте оказалось непросто. Тогда команда решила: проще запустить новый сайт.

 

Выбор решения: почему Taptop

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

 

• РКН ужесточил требования: серверы должны быть в России — Webflow и Framer этого не обеспечивают.
• Cloudflare частично заблокировали: сайты на Framer начали нестабильно работать в России.
• Инцидент во время клиентского проекта: прямо в процессе работы мобильная версия сайта на Framer перестала открываться. Сотрудники агентства в панике выгружали код и переносили вручную.

 

 

 

Рома нашёл платформу ещё в феврале 2025 года — случайно, с запросом «аналоги Webflow». Поначалу внутри агентства отнеслись скептически: «Это что-то непонятное». Вокруг появилось много «русских замен» зарубежным сервисам, и большинство из них уступали оригиналам. Платформа молодая — но агентство решило рискнуть. Рома настаивал, а накапливающиеся ограничения постепенно убирали аргументы против.

 

Решающими стали три вещи:

• Серверы в России — данные хранятся по российскому законодательству
• Интерфейс на русском — база знаний, подсказки, сообщество дизайнеров
• Механика как в Webflow — команда уже знала логику работы

Интерфейс редактора Taptop: подсказки, чат поддержки, база знаний

 

 

Почему не Tilda? Рома работал с ней раньше и сформировал устойчивое мнение:

 

 

Процесс переезда: 600 часов вёрстки, три итерации пересборки и наполнение контентом

 

Команда: Рома (дизайнер) — вёрстка и архитектура, Маша (директор по стратегии), Женя (дизайн-директор) — контент и согласование, Дима арт-директор). Все шесть сотрудников агентства— параллельный перенос 49 кейсов.

 

Обучение — прямо в процессе

Рома начал с бесплатного курса Taptop — верстал страницу с Apple Watch, делал шаг за шагом, пока не очень понимая принципы работы. Потом агентство решило, что тыкаться наугад — неэффективно, и купило полный курс по Taptop: чтобы разобраться со всеми нюансами сразу, включая сложные анимации.

 

Параллельно с прохождением курса Рома сразу начал верстать реальный сайт — так обучение шло не в вакууме, а на живом проекте. Понимание платформы приходило через собственные ошибки: что-то не работало, разбирался, шёл дальше. Итого: 600 часов. С нынешними навыками это заняло бы уже как минимум в два раза меньше времени.

 

Процесс вёрстки сайта в редакторе Taptop

 

Повторная пересборка каждой страницы

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

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

 

 

Перенос контента

49 кейсов перенесли всей командой: шесть сотрудников по 7-8 кейсов каждый. Предварительно выгружали картинки со старого сайта, адаптировали под новые размеры, улучшали качество при необходимости.

 

Рома провёл для команды один инструктаж по заполнению кейсов — и этого оказалось достаточно.

 

 

Что верстали — конкретика

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

 

Всего получилось 28 CMS-коллекций — больше, чем в любом другом кейсе на Taptop на данный момент.

 

Архитектура коллекций

Основных коллекций три — проекты, блог и клиенты. От них отходят 16 производных коллекций. Ещё 9 обслуживают инфраструктуру сайта: навигацию, блок медиапубликаций, фото и видео, которые появляются у курсора. Это сделано осознанно: весь сайт должен вести посетителя по кругу, не давая выйти.

 

В основе контента — связка двух коллекций: проекты и клиенты. Через единый хаб клиентов сайт выстраивает перекрёстные связи: виджет отзывов на главной подтягивает кейсы конкретного клиента, логотипы на странице услуг — оттуда же.

 

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

 

 

Список коллекций в проекте CULTBRAND

 

Самые сложные страницы

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

 

Отзывы на главной странице

 

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

 

Страница проектов с фильтрацией

 

Страницы кейсов. Чтобы два фото стояли в ряд на десктопе и перестраивались друг под другом на мобильном, каждому блоку задали ширину 49.6% прямо в визуальном редакторе — без кода. Небольшой приём, который сделал всё портфолио адаптивным.

 

Фотографии кейса на десктопе

 

Фотографии кейса на мобильном

 

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

 

Кастомный код

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

• Кастомного хедера с выпадающим меню
• Эффектов при наведении
• Отслеживания триггерных атрибутов (смена цвета текста в карточке проекта)
• Виджета отзывов и динамических попапов
• Каждого слайдера со своей логикой

 

 

Результаты: было → стало

 

 

Добавление нового кейса в CMS

   

Производительность

Старый сайт был очень быстрым — 96–98 баллов PageSpeed. Но там почти не было анимаций.

 

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

 

Текущие показатели: десктоп 75–80 единиц, мобильная версия 55–70 — жёлтая зона. Команда продолжает оптимизировать сайт — добавили короткий прелоадер при переходах между страницами, работают над сжатием видео.

 

 

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

 

Первые заявки

Сайт уже генерирует заявки. Аналитика по страницам входа и источникам теперь видна прямо в системе — раньше такого не было. Несколько клиентов и партнёров написали с вопросом: «На чём это сделано? Пришлите ссылку».

 

Taptop как инструмент для клиентских проектов

 

 

Агентство теперь планирует предлагать Taptop вместо Bitrix и WordPress для клиентских проектов. Аргументы:

• быстрее в разработке;
• дешевле за счёт отсутствия дорогих разработчиков;
• не выглядит «как Tilda»;
• серверы в России.

 

 

Что понравилось в Taptop

 

 

Рома выделяет экосистему поддержки вокруг платформы:

• Много фирменного контента: база знаний, туториалы
• Подсказки прямо в интерфейсе — не нужно лезть в документацию
• Чат с другими дизайнерами, где делятся находками и помогают друг другу

 

По функциональности:

• Гибкость интерфейса — любой элемент можно переименовать, дублировать, удалить. В WordPress или Bitrix всё зафиксировано: что вывели — то и есть. Здесь всё открыто
• Коллекции — функционала хватило с избытком. Весь сайт, включая шапку и подвал, построен на коллекциях. Одно изменение в коллекции — и оно применяется везде
• Простота наполнения — добавить кейс теперь как заполнить статью на новостном портале: картинка, текст, картинка, текст — и всё само встаёт на место
• SEO и Open Graph — все поля выведены, метатеги подтягиваются из коллекций динамически

 

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

 

 

Что хочется улучшить в Taptop

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

• Нет drag-and-drop в таблице CMS — менять порядок кейсов приходится через нумерацию вручную
• Не хватает нумерации строк и фильтров по полям в таблице CMS
• Нет нативного виджета динамического попапа — пока делают самодельный через форму и коллекции
• Не достаточно проработан UX модального окна элемента CMS — хочется разделить обязательные поля и сделать попап просторнее

 

Чеклист: как грамотно переехать на другую платформу

□ Не ждите, пока всё будет готово. Команда CULTBRAND призналась: запускаться можно было раньше. Незаконченная страница «о нас» — не повод держать весь сайт на старой платформе.

 

□ Изучайте платформу на реальном проекте, не на упражнениях. Курс хорош для базы, но настоящее понимание приходит через ошибки на живом сайте.

 

□ Стройте всё из коллекций с самого начала. Если данные будут пополняться, меняться и использоваться в нескольких местах — это коллекция. Одно изменение в коллекции — и оно применяется на всем сайте.

 

□ Распределите перенос контента по всей команде. 49 кейсов шесть человек перенесли параллельно. Не ждите, пока один человек сделает всё. CMS Taptop достаточно проста, чтобы дизайнер с минимальным инструктажем самостоятельно заполнял кейсы.

 

□ Используйте единые CSS-классы для повторяющихся элементов. Одинаковые блоки на разных страницах с одним классом — меняешь отступы или цвет в одном месте, получаешь изменение везде.

 

□ Перенесите все SEO-метатеги до запуска. CULTBRAND скопировала все метатеги и дескрипшены со старого сайта в Taptop — никаких технических проблем не возникло. Это страховка от просадки позиций после переезда.

 

Переходите на платформу, которая не ограничивает рост

Если вы узнали в этой истории себя — ждёте разработчика для любого изменения, добавление кейса занимает час, а зарубежные платформы уже недоступны без VPN — попробуйте Taptop.

 

Зарегистрируйтесь бесплатно и начните с того, что важнее всего: портфолио, корпоративного сайта или лендинга под кампанию.

 

Или запишитесь на демо-тур — покажем платформу и ответим на вопросы.

 

Попробовать Taptop бесплатно → 

Записаться на демо-тур →