Wunderman Thompson сократила время разработки в 10 раз: кейс Vercel и headless CMS

Глобальное цифровое агентство Wunderman Thompson, которое помогает брендам строить и управлять цифровым присутствием, столкнулось с проблемой, знакомой многим крупным организациям: необходимость поддерживать десятки сайтов для разных стран, языков и брендов, каждый со своей уникальной идентичностью. Традиционная архитектура на PHP-серверах и монолитном WordPress приводила к дублированию кода, медленной разработке и высоким затратам. Решение нашлось в композитном рабочем процессе, объединяющем headless CMS, monorepo-архитектуру и серверную платформу Vercel. Результат оказался впечатляющим: время разработки сократилось в 10 раз, а затраты — в 25 раз. В этой статье мы разберем, как именно Wunderman Thompson удалось добиться таких показателей и какие уроки можно извлечь для собственных проектов.

Как Wunderman Thompson перестроил рабочий процесс с помощью Vercel и headless CMS

Команды Wunderman Thompson, базирующиеся в Европе, обслуживают множество клиентов, каждый из которых требует индивидуального подхода к дизайну и контенту. Раньше разработка велась на отдельных инстансах WordPress для каждого сайта, что приводило к огромному объему повторяющейся работы. Агентство решило внедрить принципы Atomic Design, headless CMS, monorepo-рабочий процесс и бессерверную платформу Vercel. Вместо монолита они создали единую кодовую базу, где компоненты дизайн-системы используются повторно для разных проектов. Headless CMS, такая как Contentful или Strapi, предоставляет контент через API, а Vercel отвечает за деплой и рендеринг фронтенда. Это позволило избавиться от дублирования и ускорить разработку.

Предыстория и контекст: почему монолитная архитектура больше не работает

Долгое время WordPress был стандартом для управления контентом, но для крупных агентств, работающих с десятками брендов, его монолитная архитектура становится узким местом. Каждый сайт требует отдельной установки, обновления плагинов и поддержки безопасности. Разработчики тратят время на копирование кода из проекта в проект, а дизайнеры не могут легко переиспользовать компоненты. В то же время подход Micro Frontends и Atomic Design, популяризированный Брэдом Фростом, предлагает разбивать интерфейс на атомарные компоненты, которые можно комбинировать. Headless CMS отделяет управление контентом от представления, а Vercel предоставляет инфраструктуру для быстрого деплоя и масштабирования. Wunderman Thompson объединил эти концепции в единый workflow.

Как работает композитный workflow Vercel и headless CMS?

Рабочий процесс строится вокруг monorepo — единого репозитория, содержащего все компоненты дизайн-системы, логику и конфигурации. Команды используют инструменты вроде Turborepo или Nx для управления зависимостями. Headless CMS (например, Contentful) хранит контент и структуру страниц. Фронтенд написан на Next.js, который деплоится на Vercel. При создании нового сайта разработчики не копируют код, а настраивают конфигурацию, указывая, какие компоненты и контент использовать. Vercel автоматически создаёт preview-окружения для каждой ветки Git. Это позволяет быстро итерировать и тестировать изменения без влияния на продакшн.

Технические детали: monorepo, headless CMS и Vercel

Ключевой элемент — использование единой кодовой базы (monorepo) с системой дизайна, построенной по методологии Atomic Design. Компоненты разделены на атомы, молекулы и организмы, что позволяет гибко комбинировать их для разных брендов. Headless CMS предоставляет контент через GraphQL или REST API. Vercel выступает как платформа для деплоя: каждый сайт — это отдельный проект, но все они используют общие компоненты из monorepo. Благодаря serverless-функциям Vercel, бэкенд не требует управления серверами. По оценкам Wunderman Thompson, такой подход сократил время разработки в 10 раз (с нескольких недель до дней), а затраты — в 25 раз за счёт отказа от лицензий на плагины и хостинг для каждого сайта.

Кого затронет этот подход и как

Прежде всего, выигрывают разработчики: они пишут меньше кода, быстрее выпускают обновления и могут сосредоточиться на функциональности, а не на рутине. Дизайнеры получают единую библиотеку компонентов, что ускоряет создание макетов. Бизнес-заказчики экономят бюджет и время вывода на рынок. Для компаний, управляющих множеством сайтов (например, международные корпорации, медиахолдинги, сети франчайзи), этот workflow может стать стандартом. В российском контексте подобный подход могут применять крупные маркетплейсы или банки с несколькими брендами. Однако требуется перестройка процессов и обучение команды.

Что будет дальше

Wunderman Thompson планирует расширять использование композитного workflow на другие регионы и клиентов. Vercel продолжает развивать инструменты для monorepo и edge-функции, что сделает такие архитектуры ещё более производительными. Ожидается, что другие агентства последуют примеру, особенно с ростом популярности headless CMS и Jamstack. В долгосрочной перспективе монолитные CMS могут уступить место композитным решениям, где каждый компонент заменяем.

Итог

Переход Wunderman Thompson на композитный workflow с Vercel и headless CMS показывает, как современные архитектурные подходы могут кардинально повысить эффективность разработки. Сокращение времени в 10 раз и затрат в 25 раз — не гипотетические цифры, а реальный результат. Для любого бизнеса, управляющего множеством цифровых активов, этот кейс — убедительный аргумент в пользу пересмотра технологического стека.