roadmap 2.0: мемы, дерзость и UX, которые работают — наш редизайн для маркетингового агентства

🔸 Задача: Сделать редизайн сайта маркетингового агентства

🔸 Стилистика: Микс бенто и флет‑анимации

🔸 Цвета: Белый, голубой, коралловый

🔸 Концепция верстки: Динамичная структура с анимированными CTA и интерактивным контентом

🔸 Сроки на проект: 1 месяц

🔸 Статус: Запущен, работает

🔸 Перейти на сайт клиента

Привет, на связи Маша, редактор Редача. Сегодня поделюсь ооочень интересным кейсом. Мы разработали мощный сайт для маркетингового агентства. Давайте подробнее.

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

Мы давно подписаны на Telegram-канал roadmap, контент у них креативный, живой, подача крутая и всегда по делу. Но мы все никак не могли понять: если контент топовый, команда молодая и стильная, то почему сайт как у старого пансионата в Раменках? Недолго думая, предложили создать для них нормальный, современный дизайн, который станет транслировать их характер и вайбы. Они согласились.

Процесс пошел олимпийскими темпами. Мудборды, концепты, прототипы, итоговый дизайн, UI-кит. Оставался трансфер на тильду, и в этот момент мы решили взять паузу. Когда два темпераментных криэйтора творят дизайн, всегда важно «переспать» перед релизом. Ребята из roadmap уехали в отпуск. Мы, в свою очередь, устроили выходные себе. Занялись другими проектами и перезапустились.

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

Другие бы на нашем месте, скорее всего, психанули, но не мы! Главная ценность нашей команды — доводить работу до конца, какой бы сложной ни была коммуникация с клиентом.

Так как проект новый, значит, новой команде быть: собрали дизайн-группу, со свеженьким тим-лидом. Переделали концепт, провели трансфер на тильду, отсеошили и зарелизили! Так родился roadmap 2.0!

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

Работая по предоставленному прототипу отрисовали каждый блок:

• Главная — сформировали первое впечатление о roadmap, добавили: мемы, гифки, интерактив
• Дорожная карта — показали все этапы сотрудничества со агентством
• Кейсы и антикейсы — упаковали лаконично, но отобразили главное
• Команда — представили коллектив, отразив характер каждого сотрудника
• Футер — не просто подвал, а полноценный CTA-блок с закрепленными кнопками.

Прописали кастомный код, который:

• меняет курсор при наведении на элементы,
• запускает гифку с мемом,
• показывает значение нового слова — это не фишка, а часть tone of voice бренда.

Пользователь не просто кликает — он играет, вовлекается, запоминает.

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

• В хедере и футере — закрепленные кнопки с действиями. Каждое CTA сопровождается гифкой или анимацией. Это не просто «нажми сюда», а «взаимодействуй с нами».
• Минимум кастомного кода — максимум возможностей Tilda и SBS‑анимации.

Мы создали новый сайт для агентства roadmap — дерзкий и интерактивный. Теперь он полностью отражает дух команды и усиливает фирменный стиль. Было здорово работать с коллегами по индустрии, близким нам по духу.