Разработка и дизайн интернет-магазина Decorazza

Клиент

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

Задача

У компании было несколько сайтов, поддерживать которые было затруднительно, а обновления ядра или PHP часто приводили к сбоям. Сайт Decorazza также нуждался в глубокой переработке. 

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

Решение

Мы выполнили комплексную переработку интернет-магазина Decorazza и объединили его с остальными проектами (один из которых — сайт холдинга, для которого провели редизайн, гармонично объединив части брендбука компании и суббрендов) в единую современную админ-панель на 1С-Битриксе.

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

1. Структурированный каталог и гибкая навигация

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

• Эффекты — декоративные покрытия.
• Материалы — базы, краски, составы, расходники.
• Инструменты — шпатели, кисти, валики и т.д.

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

2. Индивидуальные карточки товаров

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

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

3. Переработка калькуляторов

Мы переработали сразу два калькулятора:

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

Калькуляторы также позволяют выгрузить расчет в PDF. 

4. Логика корзины и оформления заказа

Корзина стала инструментом управления комплектами эффектов: 

• При добавлении эффекта автоматически подгружаются все связанные материалы. 
• Если пользователь удаляет один из товаров, эффект «рассыпается» на отдельные позиции — и логика остается прозрачной. 
• Материалы и инструменты добавляются как отдельные позиции.

Отдельно обрабатывается логика оформления курсов. Их нельзя объединять с товарами в одном заказе, поэтому система корректно предлагает оформить два заказа. Добавили блоки с аналогами и сопутствующими товарами для cross-sell.

5. Оплата и доставка

Обновили дизайн функционала доставки и оплаты.

• Для курсов доступна только онлайн-оплата, для товаров: онлайн-оплата, по счету, наличные при получении.
• Для доставки за МКАД настроили автоматический расчет стоимости по километражу, доступен самовывоз и доставку транспортными компаниями.

6. Умный поиск

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

7. Личный кабинет

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

8. Интеграции

Подключили и настроили интеграции с 1С, Mango, Roistat, Jivo. Это обеспечило автоматическое обновление ассортимента, сквозную аналитику и удобную коммуникацию с клиентами через чат на сайте.

Итоги проекта

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

• Каталог стал структурированным и интуитивным. Теперь ассортимент разделен на эффекты, материалы и инструменты.
• Карточки товаров адаптированы под каждую группу. Пользователь видит важные параметры, рекомендации, связанные товары и реальные варианты применения.
• Новые калькуляторы помогают подобрать и рассчитать материалы без ошибок.
• Видеоинструкции и уровни сложности позволяют оценить, справится ли пользователь с нанесением покрытия.
• Умный поиск и понятная навигация ускоряют движение по большому контентному сайту.

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