Сборка B2B-страниц из блоков
Собрала B2B-страницы для отдела маркетинга ТАСС как конструктор — из уже готовых блоков дизайн-системы, а не с нуля. Страницы легко перестраиваются под любые задачи и клиентов.
Главная цель — показать, что ТАСС не просто новостное агентство, а большая экосистема профессиональных сервисов для бизнеса. На b2b.tass.ru представлены все ключевые направления: Новостные ленты и сервисы · ТАСС Экономика · Рекламные форматы · ТАСС События · ТАСС Медиа · ТАСС Спецпроекты · ТАСС Пресс-центры · Академия новостей.
Раньше в отделе маркетинга на каждого клиента делали отдельную PDF-презентацию. Полного списка всех услуг ТАСС нигде не было — только менеджеры знали, что агентство предлагает. Клиенты не могли сами посмотреть продукты.
Из-за этого возникали проблемы:
- Файлы постоянно терялись — после отправки по почте они тонули в папках клиентов, менеджеры пересылали их снова, тратя до 30% рабочего времени на лишние письма.
- Сложно было обновлять — при изменении цен или услуг приходилось вручную править каждый PDF и рассылать заново; у многих клиентов оставалась старая версия.
- Непонятно, что интересно клиенту — нельзя было отследить, какие разделы он смотрел, а какие пропустил.
- Много рутины — с ростом заявок делать презентации вручную становилось всё сложнее, а маркетологи тратили время на вёрстку вместо стратегии.
Как презентации выглядели раньше:
Как презентации выглядят теперь: b2b.tass.ru/media
- Нельзя создавать уникальную вёрстку под каждый лендинг — это заблокировало бы быструю сборку в будущем.
- Необходимо было уложиться в минимальные трудозатраты на дизайн и разработку.
- Проанализировала 15 существующих PDF-презентаций и выделила типовые блоки контента.
- На основе интервью бизнес-аналитиков с менеджерами и маркетологами уточнила сценарии работы.
- Использовала готовые компоненты дизайн-системы ТАСС и дополнила их новыми блоками там, где действующих не хватало.
- Собрала все лендинги на том же layout (модульной сетке), что и основной сайт tass.ru, вместо отдельной вёрстки под каждый лендинг. Это позволяет быстро вносить правки и не создавать новые компоненты специально под каждую новую страницу — все блоки автоматически совместимы с существующей дизайн-системой и кодовой базой.
- Выдвинула гипотезу, что 14 универсальных блоков покроют все варианты лендингов, и проверила её кластеризацией контента — оказалось, что 10 блоков закрывают 90% сценариев.
библиотека универсальных блоков
- Запустила 8 лендингов за 3 месяца — от сбора требований до вёрстки.
- Время подготовки презентации для клиента сократилось с 2 часов до ~15 минут (источник: опрос менеджеров отдела продаж).
- Маркетологи стали экономить около 40 часов ручной вёрстки в месяц (оценка отдела маркетинга).
- Заложила базу для будущего конструктора: блоки можно переиспользовать, чтобы собирать новые страницы для других продуктов без участия дизайнера и разработчика. Версия на момент моего ухода была сознательно упрощённой — более разнообразные по визуалу блоки остались в бэклоге команды.
