ADMIX: десять сайтов рекламного агентства в одной айдентике

Задача

Показать масштаб агентства одним экраном и развести посетителей по направлениям, не теряя тех, кто пришёл «просто за рекламой».

Что сделали

Сайт собран целиком собственным кодом в HTML-блоках Tilda. Плитки восьми направлений ведут на их сайты, блок ИИ-услуг с ценами и сроками, конструктор «Собери свой MIX» с готовыми наборами каналов под задачу, вопросы и ответы, форма медиаплана. В углу — консультант Микси: отвечает на вопросы об услугах, подсказывает кнопками-чипами и передаёт заявку менеджеру.

Дизайн и динамика

• Колесо услуг: сегменты-дуги с надписями по окружности в градиенте синий → красный, вокруг логотипа радиальные штрихи. Внешнее и внутреннее кольца вращаются навстречу друг другу за 25 и 15 секунд.
• Маскот-хамелеон Микси в футболке ADMIX. Моргает, дышит, машет лапой, кивает, говорит и шевелит хвостом — 15 отдельных анимаций.
• Хамелеон меняет цвет под направление: наводите курсор на задачу в конструкторе MIX, и кожа Микси перекрашивается. В режиме «MIX» цвет переливается по кругу.
• У карточек ИИ-услуг при наведении по контуру бежит светящаяся рамка.
• Награды агентства — колода дипломов: её можно тянуть мышью или пальцем, и она докатывается по инерции.
• Шкала «Полный цикл» заполняется при прокрутке, шаги «План → Отчёт» загораются по очереди. Шапка уменьшается после первого экрана.

Задача

Продать мерч как сервис полного цикла, а не как каталог кружек: от идеи и маскота до склада, сборки наборов и доставки из Китая. Отсечь мелкие заказы — минимальная сумма от 100 000 ₽.

Что сделали

Семь услуг карточками — новогодние подарки, мерч и маскот, велком-паки, упаковка, поставки из Китая, склад и фулфилмент. Девять видов нанесения с объяснением, что и для чего подходит. Кейсы с видео, отдельные страницы проектов и товаров, благодарственные письма клиентов.

Дизайн и динамика

• Синие плашки-заголовки во всю ширину с закруглённым краем — главный графический ход сайта.
• Первый экран: крупное фото изделия и полупрозрачная карточка с ценой «от 100 000 ₽» поверх него.
• Пошаговые анимации Zero Block: карточки и фото выезжают по очереди при прокрутке.
• Виды нанесения — синие карточки с фото: что это за технология и для каких изделий подходит.
• Всплывающая карточка «Матрёшки с вашим логотипом»: матрёшка покачивается и ведёт в калькулятор.

Задача

Новый продукт агентства — корпоративные матрёшки, свечи и диффузоры. Клиент должен сам собрать подарок и сразу увидеть порядок цены, а менеджер — получить заявку с готовыми параметрами.

Что сделали

Коллекция идей с фильтром по материалу, сравнение дерева, керамики и гипса и калькулятор: изделие, материал, модель, исполнение, высота, число фигур, тираж и стиль росписи. Итог — стоимость партии и цена за набор. К заявке можно приложить свой макет.

Дизайн и динамика

• Строже основного сайта: белые карточки, тонкие линии, акцент синим, Onest во всём интерфейсе.
• Эскиз справа меняется вместе с выбором росписи, его можно открыть крупно.
• Итог пересчитывается сразу: число подарков, фигур и сумма проявляются плавно.
• Галерея идей листается с прилипанием к карточке.

Задача

Авиареклама — дорогой и малознакомый формат. Сайт должен быстро показать, где можно разместиться — в самолёте, на билете, в аэропорту, на сайте авиакомпании — и доказать опытом крупных брендов.

Что сделали

Форматы размещения, авиакомпании-партнёры и больше 15 кейсов: Авито, Яндекс Путешествия, Яндекс Еда, T2, Газпром и другие. В каждом — формат, город, период и охват кампании. Форма с обещанием ответа за 15 минут.

Дизайн и динамика

• Иллюстрированный первый экран: небо с облаками, диспетчерская вышка, самолёт на полосе.
• Типографская композиция: «Авиареклама» и форматы набраны Unbounded разными весами и размерами со сдвигом строк, как табло вылета.
• Кейсы — серые карточки с реальными фото размещений и голубой подписью «охват:». По стрелке открывается карточка кампании: формат, город, период и охват.
• Слайдеры форматов и кейсов, полупрозрачная шапка с размытием фона.

Задача

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

Что сделали

Пять групп размещения: онлайн (Telegram-каналы ЖК, баннеры и пуши в приложениях УК), для новосёлов, подъезды, лифты и холлы, разработка креативов. У каждой группы — форматы и преимущества. Интерактивная карта для выбора ЖК, сферы бизнеса, кейсы OBI и «Кухни Мария», скачивание презентации.

Дизайн и динамика

• Первый экран — белая скруглённая карточка на синем поле: фото дома, заголовок «РЕКЛАМА В НОВОСТРОЙКАХ» капслоком Unbounded, две кнопки разного веса.
• Навигация по группам — кнопки-капсулы «Онлайн+», «Для новосёлов+», «В подъездах+», «В лифтах и холлах+».
• Карта России с красными метками и кнопкой «выбрать ЖК».
• Блоки проявляются при прокрутке, кейсы — на тёмно-синем фоне для смены ритма.

Задача

Продать HR-директору не сувенир, а первый день новичка, и помочь защитить бюджет перед руководством.

Что сделали

Боли HR, состав пака, поводы от «до выхода на работу» до годовщины, калькулятор, этапы с ролями, подход под офис, производство, ритейл и удалёнку. Шесть кейсов: Спортмастер, Удоканская медь, Белая Дача, РАНХиГС, МосОблЕИРЦ, форум «Волна». Лид-магниты: шаблон обоснования для руководителя и бесплатная визуализация пака.

Дизайн и динамика

• Сюжетный первый экран «Листайте — пак откроется»: синяя коробка с красной лентой и логотипом раскрывается при прокрутке, из неё карточками-полароидами вылетают термокружка, ланьярд и стикеры.
• Самый «тёплый» сайт экосистемы: молочный фон, крупный заголовок с красным словом, полоска прогресса прокрутки внизу экрана.
• Калькулятор: три готовых формата, ползунок тиража, 14 предметов, три вида упаковки и доставки. Цена за пак, сумма тиража и срок первой партии пересчитываются сразу.
• Карточка «Ваш пак» прилипает при прокрутке, выбранные предметы появляются в ней с лёгким «поп».
• Кейсы листаются стрелками.

Задача

Холодный посетитель не готов оставить заявку на SMM. Нужен повод: быстро получить пользу и уже потом поговорить с агентством.

Что сделали

Тест из девяти вопросов за 60 секунд без регистрации. В итоге — оценка из 100, что уже работает, точки роста, три ближайших шага и рекомендуемый формат работы. Результат сохраняется, а с ним приходит тёплая заявка на разбор и план на 30 дней.

Дизайн и динамика

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

Задача

Показать агентство крупным рекламодателям: какие каналы есть, кто уже заказывал и почему с ADMIX кампания стартует быстро.

Что сделали

Клиенты и 12 кейсов — KION, ТНТ, Яндекс Еда, ВкусВилл, Мираторг, Перекрёсток, Газпромнефть, Redmond, Госуслуги Дом, ОДК, Комус, Шереметьево: в каждом задача, гео и результат. Услуги в четырёх группах: офлайн, онлайн, новые форматы и нестандартная реклама. Блок «Почему мы», цифры агентства — больше 8 000 кампаний, 3 365 площадок, 208 городов, — команда проекта по ролям и форма с ответом за 15 минут.

Дизайн и динамика

• Первый экран — огромное «РЕКЛАМА» синим капслоком Circe и «ДЛЯ ВАШЕГО БИЗНЕСА» чёрным, логотип ADMIX по центру шапки.
• Лента сгенерированных картинок «Место для вашей рекламы»: билборд на МКС, у «Рабочего и колхозницы», на Большом театре и сталинской высотке. Лента уходит за край экрана — площадок больше, чем помещается.
• Заголовки разделов в квадратных скобках: «[ НАШИ КЕЙСЫ ]», «[ О НАС ]».
• Кейсы — слайдер на синей полосе, по кнопке «подробнее» открывается карточка кампании.
• Цифры агентства набраны крупно синим, фото офиса — в слайдере.

Задача

Продать HR-службам не размещение объявлений, а поток кандидатов — от грузчиков и курьеров до операторов колл-центра.

Что сделали

Кейсы найма: Перекрёсток — пять дней от подтверждения до старта кампании по всей России, Мираторг — 822 отклика за четыре месяца, ОДК — 5 000 заявок, а ещё Шереметьево, ВкусВилл, Газпромнефть, СДТ, Комус и Госуслуги Дом. Каталог «У нас заказывают»: десять офлайн-каналов, онлайн-реклама и HR-маркетинг, у каждого пункта формат и размещение.

Дизайн и динамика

• Первый экран: плотно набранный заголовок «КАДРОВАЯ РЕКЛАМА ДЛЯ ВАШЕЙ КОМПАНИИ», вокруг — наклонённые карточки-полароиды с профессиями: грузчик, официант, оператор call-центра, курьер.
• Шапка — белая «капсула» со скруглёнными краями, которая парит над страницей.
• Каталог услуг — аккордеон: строки-пилюли с плюсом раскрывают формат и размещение. Пункты набраны узким Oswald, чтобы длинные названия каналов помещались в строку.
• Кейсы листаются слайдером на синем фоне, в части из них — видео.

Задача

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

Что сделали

Прайс на вложение листовок в квитанции «Мосэнергосбыта» с шагами от 10 000 до 3 млн квитанций, список городов и карта присутствия, рассылка по почтовым ящикам. 15 кейсов: ВТБ, Т-Банк, Самокат, СберМаркет, А101, ASKONA, SOKOLOV, Чижик, Аптека Апрель и другие — у каждого формат, охват, объём квитанций и задача.

Дизайн и динамика

• Первый экран в духе почтовой графики: «РЕКЛАМА В КВИТАНЦИЯХ» капслоком, кнопка «МНЕ ИНТЕРЕСНО» с голубой точкой и стикер-взрыв со спецпредложением.
• Под заголовком — россыпь наклонённых плашек с названиями расчётных центров: Мосэнергосбыт, МТС, МосОблЕИРЦ, ТНС Энерго, ЕРЦ Екатеринбург.
• Иллюстрация «Мы делаем рекламу по всей России»: конверты летят по дуге к карте с отмеченными городами.
• Прайс — таблица-«зебра» под синей плашкой. Кейсы — белые карточки на синем: макет листовки и плашки «формат», «охват», «объём».
• Плашки и картинки собраны в Zero Block с пошаговыми анимациями по прокрутке и параллаксом.