Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
ТРАЙБ
Виммельбух для чемпионов: как мы превратили ЧМ-2026 в увлекательный квест для фанатов
ТРАЙБ
#Разработка сайтов под ключ#Иллюстрации#Разработка игры под ключ

Виммельбух для чемпионов: как мы превратили ЧМ-2026 в увлекательный квест для фанатов

92 
ТРАЙБ Россия, Ярославль
Поделиться: 0 0 0
Клиент

Спорт-Экспресс

Бюджет

1 300 000

Сфера

Развлечение и спорт

Страна

Россия

Тип сайта

Промо-сайт

Сдано

Июнь 2026

Задача

Когда мир готовится к главному футбольному событию года, у болельщиков появляется возможность стать частью праздника. Но что делать тем, кто не может посетить стадионы Мексики, Канады и США лично?

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

Задача — создать «коридор» в мир футбола.

ЧМ-2026 — событие, объединяющее миллионы фанатов по всему миру. Наш клиент, «Спорт-Экспресс» совместно с букмекерской компанией Winline, поставил нестандартную задачу: создать цифровой проект, который передаст настроение праздника, познакомит пользователей с аутентичностью стран-хозяек, расскажет о личной и спортивной жизни футбольных звёзд и при этом ненавязчиво интегрирует бренд Winline в игровой опыт.

Главная цель — не просто развлечь, а подогреть интерес к чемпионату и внутренней игре Winline, создав эмоциональную связь между болельщиками и событием.

Решение

Три страны, три карты, девять легенд

Мы предложили концепцию трёх виммельбухов, каждый из которых посвящён одной из стран-хозяек чемпионата. Визуальный стиль каждой локации отражает национальный колорит и узнаваемые достопримечательности.

Объединяющая нить всех трёх локаций — веселье, праздник и восторженные фанаты, поддерживающие свои команды.

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

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

Когда пользователь находит звезду и кликает по ней, появляется карточка с интересным фактом о спортсмене. В разделе «досье» карточка становится цветной — это создаёт ощущение прогресса и мотивирует продолжать поиск.

Разработка: искусство против генерации

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

После нескольких дней безуспешных попыток мы приняли решение: работаем по старинке — отрисовываем всё вручную. К проекту подключили трёх иллюстраторов: двое занимались основным блоком, третий отвечал за тиражирование NPC-персонажей. При этом нейросети мы не исключили полностью — с их помощью прорабатывали «скелет» композиций для дальнейшей работы.

Результат

Проект был успешно запущен в продакшн

За период ЧМ-2026 его посетили более 100 000 уникальных пользователей. 

Все KPI проекта были достигнуты, и находятся под НДА. Но главное — болельщики получили увлекательный способ погрузиться в атмосферу ЧМ-2026, а Winline — органичную интеграцию своего бренда в контент.

https://main-888.hosting.production-dev.ru/

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • Phaser JS Phaser JS Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека
  • Adobe Illustrator Adobe Illustrator Графический редактор
  • Figma Figma Графический редактор
  • Nano Banana Nano Banana Нейросеть

Над проектом работали:


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

ТРАЙБ с удовольствием обсудит вашу задачу

Оставить заявку