• Кейсы

ACON — редизайн и цифровая трансформация: иммерсивная 3D-графика и персональный кабинет дилера

Клиент

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

Задача

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

Прототипирование 
и логика

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

Визуальная концепция и цветовая система

Брендбук клиента строился на сочетании синего и оранжевого, однако для цифровой среды мы приняли решение оставить один акцентный цвет — оранжевый. Он стал главным смысловым маркером в контрастной и сдержанной интерфейсной среде.

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

Работа с 3D и развитие идеи главного экрана

Ключевым запросом стало использование 3D-демонстрации оборудования 
с раскрытием через взрыв-схемы. Чтобы добиться нужной выразительности, 
мы организовали плотную работу с 3D-дизайнером клиента: определили технические параметры, разработали сценарий движения элементов и собрали анимацию 
в гармоничную последовательность, где каждый объект работает на общую визуальную логику.

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

Техническая реализация

Проект был построен на фреймворке Laravel, обеспечивающем надежный backend для e-commerce и интеграций.

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

Во втором релизе мы доработали личный кабинет: реализовали авторизацию по email с отправкой одноразового кода, корзину с расчетом скидок по ролям (дилеры/партнеры), мультивалютность (рубль/евро на основе внешних агрегаторов) и английскую версию сайта с отдельной админ-панелью для локализации.

Интеграции с сервисами доставки (СДЭК и Деловые линии) позволили отслеживать статусы заказов в реальном времени (проверки каждые 4–24 часа), а фронтенд на основе UI-kit обеспечил адаптивную верстку с оптимизацией для мобильных устройств.

Для массового управления каталогом добавили импорт/экспорт через Excel, а базовая SEO-оптимизация улучшила индексацию.

Тестирование включало проверку на производительность, особенно для 3D-анимации на десктопе и статичных альтернатив на мобильных версиях.

Каталог и продуктовые страницы

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

На карточках товаров мы аккуратно балансировали между технической информацией, удобством сравнения и чистотой интерфейса, сохраняя выраженный акцентный цвет как проводник внимания.

Личный кабинет дилера

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

Адаптивность

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

Результат

У нас вышел сайт, который одновременно решает задачи и клиентов, и дилеров. Первым он показывает мощь ACON через эффектную 3D-анимацию. Вторым — даёт удобный личный кабинет для работы. Одна платформа, два сильных впечатления: доверие бренду и комфорт в работе.

ТЕКАРТ
еще 16 публикаций

Лучшее в блогах

16.02.2026

ADPASS меняется: блог-платформа переходит на платную модель с 1 апреля

27.02.2026

Агентство Be Ready вступило в РАМУ

27.02.2026

Сила внутренних коммуникаций: как держать команду на одной волне

26.02.2026

Когда репутация становится активом: новые правила взросления компании

Вам понравится

Wordium

Позавчера

Топ-9 нейросетей для написания рефератов в 2026 году: пишем курсовые и дипломы с ИИ

Маркетинг Контент

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

Sendsay

20.02.2026

Топ-менеджеры «Пятёрочки», Ozon, CDP Sendsay и «Коммерсанта» обсудили тренды персонализации в digital-маркетинге

Digital Маркетинг

18 февраля 2026 года российская омниканальная CDP Sendsay провела бесплатный онлайн-вебинар «Как расти на перегретом digital-рынке и не довести клиента до рекламного токсикоза». Топ-менеджеры ведущих российских компаний обменялись мнениями о том, что происходит с технологиями персонализации в России и как отечественному бизнесу соответствовать трендам 2026 года.

АйТи компания «Спокойствие и Уверенность»

18.02.2026

Свой LLM‑кластер для бизнеса: ускоряем процессы, защищаем данные и масштабируем AI

Digital IT и инновации

Разбираем, когда есть смысл пользоваться ChatGPT, а когда пора переходить на собственное решение. История заказчика из MENA, для которого мы настраивали LLM на собственных серверах, с подходом, бенчмарками и прочим и когда вам пора будет этим заняться. Кстати, вы знали, что в MENA первый рабочий день — воскресенье?

Академия Эталонной Модели Маркетинга

03.02.2026

Сквозная аналитика от А до Я: как перестать сливать бюджет и начать зарабатывать на данных в 2026

Маркетинг Брэндинг

Обычная веб-аналитика показывает трафик, поведение и заявки, но часто не отвечает на главный вопрос бизнеса: какой канал приносит деньги. Сквозная аналитика соединяет рекламу, сайт, CRM и коллтрекинг, чтобы отследить путь клиента до оплаты и повторных покупок. В итоге вы видите ROMI, CAC и прибыль по каждому каналу — и перестаёте управлять бюджетом вслепую.