Сайт коммуникационного агентства «Медиабюро»
Теги
Веб-дизайн / Figma / Tilda / 3D-моделирование / адаптив / анимация на Tilda / анализ конкурентов
Заказчик
Коммуникационное агентство «Медиабюро»
Длительность
2 недели
Теги
Веб-дизайн / Figma / Tilda / 3D-моделирование / адаптив / анимация на Tilda / анализ конкурентов
Заказчик
Коммуникационное агентство «Медиабюро»
Длительность
2 недели
Медиабюро — агентство стратегического маркетинга. Вместо разовых запусков — система, которая даёт предсказуемый результат.
Проблема
Сайт не соответствовал новой концепции: не отражал принципы и подход, не выполнял роль «лица» агентства в интернете. Плюс разрыв с фирстилем соцсетей — не было единства коммуникаций.
Задача
Переработать дизайн и «путь пользователя» под новую структуру и позиционирование: обновить сетку проектов, добавить точки вовлечения, подключить форму обратной связи, которая отправляет заявки в Telegram. Запуск — до городского мероприятия, где агентство выступало партнёром.
Моя роль
Веб-дизайнер: разработал визуальную систему и макеты в Figma, перенёс и адаптировал на Tilda, настроил анимации.
Элементы сайта
Когда нет брендовых графических элементов — их нужно создать
Иллюстрации помогают акцентировать смысл в блоках и поддерживают тон коммуникации.
Смоделировал серию 3D-моделей в Blender: единые материалы и блики для единства на разных размерах.

Для ускорения настройки света и нод использовал ИИ-подсказки.
[1]Обложка
Обложка — «лицо» сайта. У неё есть несколько секунд, чтобы зацепить
Теперь: крупный логотип, чёткая позиция «чем занимаемся и что предложим», быстрые кнопки к кейсам и форме — ничего лишнего. Удерживаем принцип: обложка должна моментально вести к действию.
Раньше: только заголовок и подзаголовок на белом фоне — минималистично, но мимо позиционирования.
[2]УТП
УТП (Уникальное торговое предложение) — кратко объясняют ценность и опыт
Пользователь быстро понимает, подходит ли ему подход агентства и чем мы можем быть полезны.
Раньше тезисы были распылены по кейсам — пользователю непонятно.

Теперь — два ясных блока: «Работаем со стратегическим маркетингом…» и «К нам приходят за…».
[3]Кейсы
Кейсы — доказанный опыт агентства
Теперь: плиточная сетка — один кейс на всю ширину и по два ниже; два уровня заголовков (caps для названия, обычный набор для описания); укрупнил цифры — появился очевидный акцент. Встроил ссылки на посты в соцсетях — дополнительный трафик и больше контекста по проектам. Иерархия стала читаемой.
Раньше: хаотичное распределение, иерархия держалась на размере картинок и пустых полях; текст одинакового кегля — глаза разбегаются.
[4]Услуги
Услуги — что именно делает агентство и по какой цене
Сейчас: один экран = одна услуга; увеличили заголовки и цену; добавили локальное меню-якоря — не нужно пролистывать весь раздел, можно перейти сразу к нужной услуге.
[5]Резиденство
Резидентство — база специалистов у агенства для проектной работы
Раньше: заголовок, описание концепции и кнопка на отдельную страницу.

Теперь: добавлены руководитель и партнёр агентства, карточки резидентов сохранили общий стиль; форму перенесли прямо в блок — меньше действий, выше конверсия.
[6]Форма обратной связи
Теперь — форма с ключевыми полями для быстрого уточнения запроса. После отправки данные приходят в Telegram руководителю и менеджеру — два ЛПР видят обращение одновременно и реагируют быстрее.
Раньше клиенты писали менеджеру напрямую — живо, но часто без контекста задачи; после мини-брифа оказывалось, что запрос не подходит — трата времени обеих сторон.
Если не получается связаться по ссылкам, оставьте свои контакты — я свяжусь с вами
Возможно, мы искали друг друга?
Телефон
+7 (952) 909-13-81
Telegram
@nik_osi