Кейсы
Demis Group
26.12.2025
Материал проходит модерацию
ТЕКАРТ
ACON — редизайн и цифровая трансформация: иммерсивная 3D-графика и персональный кабинет дилера
Клиент
ACON — ведущий российский производитель автоматики для бассейнов, создающий дозирующие системы и высокоточные микропроцессорные решения для эффективного и безопасного обслуживания бассейнов.
Задача
Создать современный цифровой продукт, объединяющий корпоративный сайт, интернет-магазин и полноценный личный кабинет дилера. На платформе должны быть реализованы авторизация пользователей, просмотр данных дилера, история заказов, статусы и суммы заказов.
Прототипирование и логика
Работу мы начали с глубокой реконструкции структуры сайта. Сформировали подробную карту интерфейсов, выстроили логику переходов между корпоративным разделом, каталогом и личным кабинетом, чтобы навигация ощущалась простой и интуитивной. На уровне прототипов мы зафиксировали весь необходимый функционал: фильтры, сравнение, корзину, избранное, авторизацию и сценарии работы дилеров, включая отображение статусов заказов. Такой подход позволил заранее протестировать пользовательские сценарии и создать прочный каркас для последующей визуальной системы.
Визуальная концепция и цветовая система
Брендбук клиента строился на сочетании синего и оранжевого, однако для цифровой среды мы приняли решение оставить один акцентный цвет — оранжевый. Он стал главным смысловым маркером в контрастной и сдержанной интерфейсной среде.
Главная страница получила тёмный фон для более выразительной подачи контента, а внутренние разделы — светлую, спокойную палитру для комфортной работы с каталогом и большими массивами информации.
Работа с 3D и развитие идеи главного экрана
Ключевым запросом стало использование 3D-демонстрации оборудования с раскрытием через взрыв-схемы. Чтобы добиться нужной выразительности, мы организовали плотную работу с 3D-дизайнером клиента: определили технические параметры, разработали сценарий движения элементов и собрали анимацию в гармоничную последовательность, где каждый объект работает на общую визуальную логику.
Главный экран должен выполнять роль яркой презентации бренда — сразу погружать пользователя в контекст и показывать, как и где работает оборудование. Мы сфокусировали концепцию вокруг технического помещения бассейна: чистая и структурированная визуализация, реальное расположение систем и выразительное представление ключевых продуктов компании, поданное в формате наглядной презентации.
Техническая реализация
Проект был построен на фреймворке Laravel, обеспечивающем надежный backend для e-commerce и интеграций.
Мы разделили разработку на два релиза: первый охватывал базовую структуру сайта, включая каталог с многоуровневой фильтрацией (по параметрам, категориям и подкатегориям), страницы контента и интеграцию с CRM Мегаплан для автоматического импорта товаров, дилеров и менеджеров. Ежедневная синхронизация данных через вебхуки гарантировала актуальность цен, статусов заказов и профилей клиентов.
Во втором релизе мы доработали личный кабинет: реализовали авторизацию по email с отправкой одноразового кода, корзину с расчетом скидок по ролям (дилеры/партнеры), мультивалютность (рубль/евро на основе внешних агрегаторов) и английскую версию сайта с отдельной админ-панелью для локализации.
Интеграции с сервисами доставки (СДЭК и Деловые линии) позволили отслеживать статусы заказов в реальном времени (проверки каждые 4–24 часа), а фронтенд на основе UI-kit обеспечил адаптивную верстку с оптимизацией для мобильных устройств.
Для массового управления каталогом добавили импорт/экспорт через Excel, а базовая SEO-оптимизация улучшила индексацию.
Тестирование включало проверку на производительность, особенно для 3D-анимации на десктопе и статичных альтернатив на мобильных версиях.
Каталог и продуктовые страницы
Первый уровень каталога выполнен в графичном линейном стиле — спокойном и нейтральном. При наведении категории раскрываются и дополняются 3D-рендерами, что создаёт аккуратное сопоставление схематичной структуры и предметного продукта.
На карточках товаров мы аккуратно балансировали между технической информацией, удобством сравнения и чистотой интерфейса, сохраняя выраженный акцентный цвет как проводник внимания.
Личный кабинет дилера
Интерфейс личного кабинета выдержан в общей стилистике сайта и обеспечивает удобный доступ к авторизации, данным дилера, заказам, их статусам и суммам. Вся структура продумана для максимальной скорости работы и минимального количества кликов.
Адаптивность
Для проекта были отрисованы адаптивные версии сайта для планшетных и мобильных устройств. Мы стремились сохранить логику продукта и акцентную цветовую систему, при этом переработали ряд сценариев под мобильное поведение — от карточек каталога до личного кабинета.
Результат
У нас вышел сайт, который одновременно решает задачи и клиентов, и дилеров. Первым он показывает мощь ACON через эффектную 3D-анимацию. Вторым — даёт удобный личный кабинет для работы. Одна платформа, два сильных впечатления: доверие бренду и комфорт в работе.
Лучшее в блогах
26.12.2025
19.12.2025
18.12.2025
Вам понравится
Артикс. Агентство ответственного маркетинга
25.12.2025
Как развивается один из крупнейших магазинов приложений — опыт RuStore. 10 лет app performance
![]()
В рамках 10-летия «Мобилки» (входит в «Артикс») мы запустили серию интервью с людьми, которые создавали рынок продвижения приложений и развивают его сейчас — с нашими клиентами и партнерами. Следующий герой проекта — Анастасия Луканова, руководитель направления по развитию рекламного бизнеса RuStore.
АЙNЕТ
17.12.2025
ГПМ Реклама
16.12.2025
ГПМ Реклама, MGCom и Hoff: как оценить эффективность видеорекламы в 2025 году
![]()
ГПМ Реклама (сейлз-хаус «Газпром-Медиа Холдинга») совместно с рекламным агентством MGCom и сетью гипермаркетов Hoff определили параметры оценки эффективности рекламных видеоформатов. Результаты совместного исследования инструмента Streaming Ads были впервые представлены на Национальном рекламном форуме.
Неделя рекламы 
Новости 
How to 
Интервью и дискуссии 
Маркетинговые исследования 
Просто о сложном 
Энциклопедия обмана 
Проверено ADPASS 
Рекламные кампании