Интернет-магазин Decorazza — онлайн-шоурум декоративных покрытий

Interra Deco Group — крупный производитель декоративных покрытий, красок и инструментов. В портфель компании входят бренды Decorazza, Bayramix, Olsta, Vaiven, Maitre-deco и другие.

У клиента было несколько сайтов, поддерживать которые было затруднительно, а обновления ядра или PHP часто приводили к сбоям. Сайт Decorazza также требовал глубокой переработки. Он был перегружен нелогичными категориями, не различал типы товаров, не имел связей между эффектами и материалами, содержал устаревший калькулятор и полностью ручное обновление ассортимента — без интеграций с 1С и аналитикой.

Наша цель — создать современный интернет-магазин, который будет не просто каталогом товаров, а полноценным онлайн-инструментом выбора декоративных решений.

Сайт должен был одинаково хорошо работать как для профессионалов — дизайнеров, архитекторов и мастеров, — так и для пользователей, которые впервые сталкиваются с декоративными покрытиями.

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

Мы более 2 лет сотрудничаем с клиентом, поэтому глубоко погружены в бизнес и продукт. 

Для начала решили понять, почему текущий сайт не работает как инструмент продаж: разобрали структуру сайта и проанализировали поведение пользователей. Параллельно посмотрели конкурентов и референсы не только из ниши, но и из e-commerce в целом.

Отдельно собрали и систематизировали боли аудитории: дизайнеры не находят быстро нужный эффект под проект, а пользователи не понимают, какие материалы нужны для результата.

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

Мы полностью перестроили каталог и разделили ассортимент на три независимые категории:

1. Эффекты — готовые декоративные решения

2. Материалы — базы, составы и покрытия

3. Инструменты — шпатели, кисти, валики и расходники

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

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

1. Мы хотели помочь пользователю понять, справится ли он с нанесением покрытия, выбрав тот или иной эффект. Для этого добавили систему уровней сложности нанесения (5 градаций) и видеоинструкции. Карточка эффекта стала максимально визуальной и включила:

— галерею текстур и интерьеров

— палитру цветов

— видеоинструкции

— уровень сложности нанесения

— калькулятор материалов

2. Карточки материалов и инструментов также содержат важные параметры, рекомендации, связанные товары и реальные варианты применения. В карточки товара добавили блоки с рекомендованными товарами для повышения кросс-продаж.

Визуализация цветовых вариантов — сделали два способа просмотра палитры:

1. Гармошка — компактный блок, в котором цвета представлены в виде суженного горизонтального или вертикального ряда с возможностью листания. Такой формат удобен для быстрого просмотра нескольких оттенков.

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

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

Калькуляторы стали одним из ключевых инструментов сайта. Мы разработали два решения.

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

2. Калькулятор материалов рассчитывает необходимое количество продуктов для выбранного эффекта или площади.

Пользователь может сохранить расчёт или выгрузить его в PDF.

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

Корзина была переработана и стала инструментом управления комплектами эффектов. Это делает процесс покупки более прозрачным и снижает риск ошибки при выборе материалов.

— При добавлении эффекта система автоматически добавляет в корзину все необходимые материалы.

— Если пользователь удаляет один из товаров, комплект «раскрывается» и становится набором отдельных позиций.

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

В корзине присутствуют блоки с аналогами и сопутствующими материалами, помогающими дополнить заказ. 

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

В проекте реализован личный кабинет с возможностями:

— авторизация по email

— история заказов

— избранные товары

— сохраненные расчеты калькуляторов

— настройки профиля

Пользователь может быстро вернуться к выбранным материалам и повторить заказ.

Для бизнеса было важно автоматизировать процессы. Мы настроили интеграции с 1С, Mango Office, Roistat, Jivo. Это обеспечило автоматическое обновление ассортимента, сквозную аналитику продаж и удобную коммуникацию с клиентами через чат на сайте.

Также реализована карта всех дилеров, построение маршрута через Яндекс.Карты и быстрый поиск магазинов.

В рамках проекта мы полностью переработали техническую архитектуру платформы. Все сайты группы брендов были объединены в единую систему управления на базе 1С‑Битрикс.

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

Закрыты главные потребности и боли целевой аудитории. Интернет-магазин Decorazza стал не просто каталогом продукции, а полноценным цифровым шоурумом декоративных покрытий, который помогает:

— вдохновляться интерьерными решениями

 — подбирать декоративные эффекты

 — рассчитывать материалы

 — понимать технологию нанесения

 — собирать полный комплект для реализации проекта

Клиенты находят решения быстрее, увереннее и с меньшим количеством кликов. Интернет-магазин помогает не просто выбрать товар, а вдохновляет, подсказывает готовые варианты и ведет от идеи к покупке и реализации проекта.