High Riser Ice Toning

Клиент

Matrix

О клиенте

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

Технологии и инструменты

  • Next.js / React
  • Google Analytics 4 (GA4)
  • Magento 2
Matrix

Задача

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

Ключевые задачи включали:

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

Основные решения

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

Осветляющий порошок High Riser: подробно представлены его возможности — осветление до 9 уровней, снижение ломкости на 79% и высокая концентрация защитного бондера, что делает процесс осветления безопасным и эффективным.

Ледяная коллекция для тонирования: 9 новых оттенков в линейках SoColor Sync и Tonal Control с визуализацией каждого тона, позволяющей пользователям оценить результат тонирования на практике.

Стилистические образы: раздел с реальными примерами от стилиста Милы Беловой демонстрирует возможности коллекции и вдохновляет на создание современных образов с новыми продуктами.

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

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

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

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

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

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

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

Результаты

Разработанный промо-сайт для профессиональных услуг Matrix стал важным элементом продвижения продуктов бренда и оказал положительное влияние на вовлечённость аудитории. Мы создали удобную платформу, которая объединила как конечных потребителей услуг, так и профессиональных стилистов, предоставив каждому удобный доступ к информации и обучению.Повышенная вовлечённость: адаптивный и интерактивный дизайн промо-сайта, с акцентом на уникальные оттенки и характеристики High Riser, привлёк внимание пользователей и обеспечил высокий уровень вовлечённости как среди профессиональных стилистов, так и конечных клиентовИнформативный контент: пользователи получили возможность подробно изучить новые технологии осветления и тонирования, сравнивать оттенки и ознакомиться с преимуществами для различных типов волос, что значительно улучшило пользовательский опытАналитика: интеграция с GA4 позволила собрать ценные данные о поведении пользователей, помогая точнее понять предпочтения аудитории и оптимизировать будущие маркетинговые кампании

400 000+ уникальных посетителей промо-сайта за первые два месяца

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

Увеличение времени на странице на 30% благодаря динамичной анимации и удобной навигации

Choose languageRU

© 2009—2024 Mygento. Все права защищены. Политика конфиденциальности

Menu Menu Menu

Аккредитованная
ИТ-компания