Сайт для экосистемы креативных и маркетинговых коммуникаций фестиваля Silver Mercury

Главное о кейсе

Сайт Silver Mercury — ключевой digital-инструмент фестиваля маркетинговых коммуникаций. До редизайна он тормозил рост: сложная структура, устаревший интерфейс, путаница в подаче заявок и поиске информации. Мы превратили его в живую экосистему, где регистрация, подача заявки, поиск архивов и новостей стали интуитивными.
Было:
- перегруженные страницы;
- нет адаптации под мобильные сценарии;
- пользователи не понимали, где найти условия и цены.
Стало:
- быстрый доступ к ключевым страницам в 1–2 клика;
- калькулятор стоимости заявок;
- избранные номинации с экспортом в PDF для согласования с ЛПР;
- чистый UI с элементами айдентики — слеши \\\ ///, ASCII-графика, анимации;
- мобильная адаптация и прозрачная логика навигации.

В цифрах за период 1 января - 31 сентября 2024→2025:
- заявки: 1477 → 1718 (+16,3%);
- просмотры +95,22%, посетители +84,52%;
- глубина просмотра: 49% → 56,6%;
- доля мобильных устройств: +20%;
- рост доли аудитории 18-24.

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

Как проект изменил жизнь пользователей

Мы убрали «трение» и сделали путь от намерения к действию коротким и понятным.
Участник фестиваля быстро находит сроки, правила и цены с главной, подаёт заявку в 1–2 клика. Калькулятор сразу считает итог со скидками — без Excel и переписки.
Менеджер агентства собирает «Избранные номинации» и выгружает PDF для ЛПР — согласование занимает часы, а не дни.
Исследователи и партнёры работают с архивом через быстрые фильтры — меньше лишних переходов, проще ориентироваться по годам и кейсам.
Мобильные пользователи выполняют все сценарии «на ходу»: регистрация, заявки, голосование. Интерфейс сканируется за секунды — помогают визуальные маркеры айдентики (слеши ///, аккуратные анимации, ASCII-графика).

Бизнес-задача и ее решение

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

И как мы ее решили:
1. Провели UX-исследование (интервью, фокус-группы, веб-аналитика) и перестроили сайт вокруг 5 ключевых сценариев: регистрация, подача заявки, архив, новости, конференции.
2. Вынесли условия и цены в один видимый вход.
3. Добавили калькулятор стоимости (учёт скидок) → минус ручные расчёты.
4. Внедрили «Избранные номинации» + PDF-экспорт → быстрое согласование с ЛПР.
5. Дали чистый UI с интегрированной айдентикой (слеши \\\ ///, аккуратные анимации, ASCII-графика) и полноценные мобильные сценарии.

Крафт (мастерство), реализация, технические детали

Айдентика интегрирована в UI как часть интерфейса: слеши \\\ /// — фирменный знак, «крылья» бренда — используются как навигационные маркеры и структурные акценты. ASCII-графика применена точечно для выделения смысловых блоков и создания ритма страницы — она работает как ориентир для сканирования, а не как декоративный шум.
Для визуальных акцентов внедрён точечный WebGL — лёгкие динамические сцены на ключевых страницах фестиваля, передающие энергию бренда без перегрузки и влияния на производительность.
Сценарная простота: вся логика собрана вокруг пяти маршрутов (регистрация, заявка, архив, новости, конференции) с принципом «1–2 клика до действия».
Технологический стек: HTML, SCSS, TypeScript; анимации — GSAP; WebGL для акцентных зон; сборка — Parcel.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Основной инсайт возник сразу: премия уже давно перестала быть просто премией — Silver Mercury стала экосистемой, включающей региональные проекты, молодёжные инициативы, конференцию и другие направления . Но главный digital-носитель — сайт — не отражал этого масштаба. Старый интерфейс не поддерживал новую структуру, не помогал ориентироваться в расширившихся сценариях и не транслировал обновлённую философию бренда.

Параллельно шёл крупный ребрендинг: логотип был переосмыслен, а фирменные «крылья» стали символом движения вперёд, роста и амбиций Silver Mercury. В визуальном языке появились слеши \\\ /// — как часть новой айдентики, отвечающей характеру обновлённого бренда. Её, (айдентику) нужно было интегрировать в интерфейс так, чтобы она усиливала пользовательские сценарии, а не становилась декором.

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

Финальным подтверждением правильности решений стали UX-тесты: пользователи уверенно проходили сценарии, быстрее находили ключевые разделы и понимали структуру без дополнительных подсказок. Это стало ключевой точкой: сайт действительно начал работать как цифровой центр новой экосистемы Silver Mercury.

Скриншоты