Тендеры и лиды
Информация
ACON
Промышленность и оборудование
Россия
Апрель 2024
Создать современный цифровой продукт, объединяющий корпоративный сайт, интернет-магазин и полноценный личный кабинет дилера. На платформе должны быть реализованы авторизация пользователей, просмотр данных дилера, история заказов, статусы и суммы заказов.
Прототипирование и логика
Работу мы начали с глубокой реконструкции структуры сайта. Сформировали подробную карту интерфейсов, выстроили логику переходов между корпоративным разделом, каталогом и личным кабинетом, чтобы навигация ощущалась простой и интуитивной. На уровне прототипов мы зафиксировали весь необходимый функционал: фильтры, сравнение, корзину, избранное, авторизацию и сценарии работы дилеров, включая отображение статусов заказов. Такой подход позволил заранее протестировать пользовательские сценарии и создать прочный каркас для последующей визуальной системы.
Брендбук клиента строился на сочетании синего и оранжевого, однако для цифровой среды мы приняли решение оставить один акцентный цвет — оранжевый. Он стал главным смысловым маркером в контрастной и сдержанной интерфейсной среде.
Главная страница получила тёмный фон для более выразительной подачи контента, а внутренние разделы — светлую, спокойную палитру для комфортной работы с каталогом и большими массивами информации.
Ключевым запросом стало использование 3D-демонстрации оборудования с раскрытием через взрыв-схемы. Чтобы добиться нужной выразительности, мы организовали плотную работу с 3D-дизайнером клиента: определили технические параметры, разработали сценарий движения элементов и собрали анимацию в гармоничную последовательность, где каждый объект работает на общую визуальную логику.
Главный экран должен выполнять роль яркой презентации бренда — сразу погружать пользователя в контекст и показывать, как и где работает оборудование. Мы сфокусировали концепцию вокруг технического помещения бассейна: чистая и структурированная визуализация, реальное расположение систем и выразительное представление ключевых продуктов компании, поданное в формате наглядной презентации.
Проект был построен на фреймворке Laravel, обеспечивающем надежный backend для e-commerce и интеграций.
Мы разделили разработку на два релиза: первый охватывал базовую структуру сайта, включая каталог с многоуровневой фильтрацией (по параметрам, категориям и подкатегориям), страницы контента и интеграцию с CRM Мегаплан для автоматического импорта товаров, дилеров и менеджеров. Ежедневная синхронизация данных через вебхуки гарантировала актуальность цен, статусов заказов и профилей клиентов.
Во втором релизе мы доработали личный кабинет: реализовали авторизацию по email с отправкой одноразового кода, корзину с расчетом скидок по ролям (дилеры/партнеры), мультивалютность (рубль/евро на основе внешних агрегаторов) и английскую версию сайта с отдельной админ-панелью для локализации.
Интеграции с сервисами доставки (СДЭК и Деловые линии) позволили отслеживать статусы заказов в реальном времени (проверки каждые 4–24 часа), а фронтенд на основе UI-kit обеспечил адаптивную верстку с оптимизацией для мобильных устройств.
Для массового управления каталогом добавили импорт/экспорт через Excel, а базовая SEO-оптимизация улучшила индексацию.
Тестирование включало проверку на производительность, особенно для 3D-анимации на десктопе и статичных альтернатив на мобильных версиях.
Первый уровень каталога выполнен в графичном линейном стиле — спокойном и нейтральном. При наведении категории раскрываются и дополняются 3D-рендерами, что создаёт аккуратное сопоставление схематичной структуры и предметного продукта.
На карточках товаров мы аккуратно балансировали между технической информацией, удобством сравнения и чистотой интерфейса, сохраняя выраженный акцентный цвет как проводник внимания.
Интерфейс личного кабинета выдержан в общей стилистике сайта и обеспечивает удобный доступ к авторизации, данным дилера, заказам, их статусам и суммам. Вся структура продумана для максимальной скорости работы и минимального количества кликов.
Для проекта были отрисованы адаптивные версии сайта для планшетных и мобильных устройств. Мы стремились сохранить логику продукта и акцентную цветовую систему, при этом переработали ряд сценариев под мобильное поведение — от карточек каталога до личного кабинета.
У нас вышел сайт, который одновременно решает задачи и клиентов, и дилеров. Первым он показывает мощь ACON через эффектную 3D-анимацию. Вторым — даёт удобный личный кабинет для работы. Одна платформа, два сильных впечатления: доверие бренду и комфорт в работе.
