High Riser Ice Toning

1. Вводная задача от заказчика, проблематика, цели

О проекте

О клиенте

Matrix — ведущий бренд в сфере профессионального ухода и окрашивания волос, предоставляющий инновационные решения для салонов красоты. В 2024 году Matrix представила High Riser Ice Toning — новинку, сочетающую осветляющий порошок с возможностью осветления до 9 уровней и коллекцию ледяных оттенков для создания прохладных тонов. Новая линейка продуктов направлена на защиту волос при осветлении и улучшение процесса тонирования благодаря встроенному бондеру.

Задача

Команде Mygento предстояло разработать промо-сайт для новой коллекции High Riser Ice Toning, цель которого — познакомить стилистов и клиентов с характеристиками порошка High Riser и ледяной палитрой оттенков. Ключевые задачи включали:

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Структура и контент

Мы структурировали промо-сайт в несколько ключевых блоков, чтобы наглядно показать этапы работы с High Riser и ледяными оттенками Tonal Control:

• Осветляющий порошок High Riser: подробно представлены его возможности — осветление до 9 уровней, снижение ломкости на 79% и высокая концентрация защитного бондера, что делает процесс осветления безопасным и эффективным.
• Ледяная коллекция для тонирования: 9 новых оттенков в линейках SoColor Sync и Tonal Control с визуализацией каждого тона, позволяющей пользователям оценить результат тонирования на практике.
• Стилистические образы: раздел с реальными примерами от стилиста Милы Беловой демонстрирует возможности коллекции и вдохновляет на создание современных образов с новыми продуктами.

Мобильная версия

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

Визуальные акценты и анимация

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

Интеграция с маркетплейсами

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

Интеграция с аналитикой GA4

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

3. Результаты сотрудничества

Повышенная вовлечённость: адаптивный и интерактивный дизайн промо-сайта, с акцентом на уникальные оттенки и характеристики High Riser, привлёк внимание пользователей и обеспечил высокий уровень вовлечённости как среди профессиональных стилистов, так и конечных клиентов.

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

Аналитика: интеграция с GA4 позволила собрать ценные данные о поведении пользователей, помогая точнее понять предпочтения аудитории и оптимизировать будущие маркетинговые кампании.

Результаты в цифрах:

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