Интерактивный редизайн платформы Interra Deco Group и рост вовлеченности: от статичной витрины к динамичному пользовательскому опыту

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

Разработали новый дизайн в рамках обновления цифровой платформы холдинга Interra Deco Group, гармонично объединив части брендбука компании и суббрендов.

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

В результате:
— Среднее время, проведенное пользователями на сайте, выросло на 40%.
— Переходы на сайты суббрендов увеличились на 30%, что усилило общее восприятие бренда.
— Оптимизированный интерфейс помог сократить показатель отказов на 25%.
— Время загрузки страниц сократилось на 45%, что улучшило опыт пользователей, особенно на мобильных устройствах.
— Перенос базы данных с WIX включал оптимизацию и стандартизацию контента, что уменьшило размер данных на 30%.
— Администраторы могут редактировать данные для всех сайтов сразу, что сократило время на управление на 40%.

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

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

С переходом на 1С-Битрикс платформа стала удобной для администрирования:
— Администраторы могут редактировать данные для всех сайтов сразу.
— Возможность добавления новых брендов без значительных затрат времени и ресурсов.

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

Перед нами стояла задача создания новой онлайн-платформы для Interra Deco Group, которая:
1. Сможет гармонично интегрировать бренды холдинга.
2. Станет инструментом для презентаций на выставках и мероприятий.
3.Повысит вовлеченность пользователей и упростит их навигацию.

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

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

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

Старый сайт, разработанный на базе конструктора WIX, имел ряд ограничений, затем WIX вовсе ушел с российского рынка. Мы перенесли сайт на платформу 1С-Битрикс, которая соответствует локальным требованиям и стандартам, обеспечивает централизованное управление всеми сайтами IDG и дает возможность дальнейшего масштабирования.

Использовали Nuxt.js для реализации сложных анимаций без ущерба скорости загрузки, что было критично для улучшения пользовательского опыта. Оптимизировали изображения и внедрили lazy loading, что ускорило работу сайта.

Сайт получил не только современный облик, но и стал удобнее и отзывчивее к действиям пользователя:
— Разработали навигацию с «залипающим» меню и анимацией текста, чтобы пользователи могли легко переключаться между брендами.
— В адаптивной версии отказались
от ряда сложных анимаций интерфейса, чтобы упростить использование сайта на других устройствах.
— Добавили динамические элементы (анимация загрузки, эффектные кнопки), которые удерживают внимание, не отвлекая от основного контента.

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

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

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

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

Прочая информация о кейсе

Компания Interra Deco Group — производитель высококачественных лакокрасочных и декоративно-отделочных материалов, работает на российском рынке более 25 лет. Также занимается продажей своей продукции и сотрудничает с более чем 150 дистрибьюторами на территории РФ и за рубежом.

Скриншоты