Разработали дизайн сайта для системы мониторинга транспорта Axenta

У клиента отсутствовала айдентика и готовый сайт для представления своих продуктов.

Тип проекта: Корпоративный сайт с личным кабинетом

Клиент: Axenta

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

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

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

Цель проекта — разработать визуальный стиль и дизайн для сайта и личного кабинета с нуля. 

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

Под каждый раздел отрисовали уникальные страницы: для решений по мониторингу легковых авто, грузовиков, спецтехники и персонала. 

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

Дизайн основной страницы

Дизайн отдельных вкладок

Дизайн личного кабинета

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

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

Отображение объектов на карте

Список треков 

Отображение подсказок

Подсказки при наведении на событие

Оконный вариант проигрывателя

Адаптив под мобильные устройства