Осветление, тонирование, вовлечение: кейс High Riser Ice Toning

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

Mygento разработала промо-сайт для Matrix, представляющий High Riser Ice Toning — инновационную коллекцию осветляющих и тонирующих средств. Проект позволил стилистам и клиентам подробно изучить продукт, его преимущества и оттенки через удобную, интерактивную платформу.

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

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

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

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

Задача
Команде Mygento предстояло разработать промо-сайт для новой коллекции High Riser Ice Toning, цель которого — познакомить стилистов и клиентов с характеристиками порошка High Riser и ледяной палитрой оттенков. Ключевые задачи включали:
создание структуры, подчёркивающей уникальные технологии осветления и тонирования
визуализацию преимуществ каждого продукта с акцентом на технологию защиты волос
разработку удобной адаптивной версии для мобильных устройств
интеграцию аналитики для детального анализа поведения пользователей и вовлечённости
Решение
Структура и контент
Мы структурировали промо-сайт в несколько ключевых блоков, чтобы наглядно показать этапы работы с High Riser и ледяными оттенками Tonal Control:
Осветляющий порошок High Riser: подробно представлены его возможности — осветление до 9 уровней, снижение ломкости на 79% и высокая концентрация защитного бондера, что делает процесс осветления безопасным и эффективным.
Ледяная коллекция для тонирования: 9 новых оттенков в линейках SoColor Sync и Tonal Control с визуализацией каждого тона, позволяющей пользователям оценить результат тонирования на практике.
Стилистические образы: раздел с реальными примерами от стилиста Милы Беловой демонстрирует возможности коллекции и вдохновляет на создание современных образов с новыми продуктами.
Мобильная версия
Мы позаботились об удобстве взаимодействия с сайтом на мобильных устройствах. Адаптивная версия позволила пользователям легко ориентироваться в контенте и просматривать описания и оттенки, оставаясь полностью функциональной на любом экране.
Визуальные акценты и анимация
Для акцентирования внимания на ключевых особенностях мы использовали динамичную графику и анимацию, которая плавно переключалась между изображениями оттенков и их результатами на различных типах волос. Это решение помогло улучшить восприятие информации и продемонстрировать возможности коллекции наглядно и привлекательно.
Интеграция с маркетплейсами
Промо-сайт был дополнен интеграцией с основными маркетплейсами, чтобы стилисты и клиенты могли быстро приобрести продукты. На страницах каждого оттенка и осветляющего порошка добавлены прямые ссылки на покупку через платформы, такие как OZON. Это решение значительно сократило путь от ознакомления с продуктом до его покупки, повышая удобство и улучшая конверсию для клиентов.
Интеграция с аналитикой GA4
Для анализа поведения пользователей и оценки эффективности контента была интегрирована система аналитики GA4. С её помощью отслеживались метрики вовлечённости, интерес к каждому блоку, переходы на страницы оттенков и конверсия.
Результаты реализации
Повышенная вовлечённость: адаптивный и интерактивный дизайн промо-сайта, с акцентом на уникальные оттенки и характеристики High Riser, привлёк внимание пользователей и обеспечил высокий уровень вовлечённости как среди профессиональных стилистов, так и конечных клиентов.
Информативный контент: пользователи получили возможность подробно изучить новые технологии осветления и тонирования, сравнивать оттенки и ознакомиться с преимуществами для различных типов волос, что значительно улучшило пользовательский опыт.
Аналитика: интеграция с GA4 позволила собрать ценные данные о поведении пользователей, помогая точнее понять предпочтения аудитории и оптимизировать будущие маркетинговые кампании.

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

В проекте использовались:

Динамичная анимация, плавно переключающая визуализацию оттенков на разных типах волос
Адаптивный дизайн, обеспечивающий удобство на всех устройствах
Прямые интеграции с маркетплейсами, сокращающие путь к покупке
GA4-аналитика, отслеживающая вовлеченность пользователей и эффективность контента

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

Результаты в цифрах:
400 000+ уникальных посетителей промо-сайта за первые два месяца.
58% пользователей просмотрели контент через мобильную версию, подтверждая важность адаптивного дизайна.
Увеличение времени на странице на 30% благодаря динамичной анимации и удобной навигации.

Скриншоты