Пожалуйста, переведите устройство в вертикальный режим
2020
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
CLIENT
FESCO — крупнейшая частная транспортно-логистическая компания в России.
ТОП 3
Крупнейших железнодорожных перевозчиков страны
Единиц подвижного состава
8 000
Контейнеров
43 000
КОМПЕТЕНЦИИ
UI/UX
Концептуальный дизайн
Frontend-разработка
Backend-разработка
SEO
01
Задачи
02
Создать сайт №1 в отрасли.
03
Сократить путь пользователя к це- левому действию.
01
Разработать понятную для всех представителей ЦА структуру онлайн-сервисов компании.
02.1
Решение
Идея
МЫ РАЗДЕЛИЛИ САЙТ НА ДВЕ ЧАСТИ ДЛЯ РАЗНЫХ ТИПОВ ПОЛЬЗОВАТЕЛЕЙ:
01
Сервисный раздел
Корпоративный раздел
02
02.2
Основная точка входа на сайт. Включает в себя все сервисы и услуги компании с каналами поддержки клиентов и контактами.
Корпоративный раздел
Основная точка входа на сайт. Включает в себя все сервисы и услуги компании с каналами поддержки клиентов и контактами.
02.3
Сетка
1440 px
60 px
24 columns
Шрифт
02.4
Корпуса
12+ уникальных корпусов
02.5
Адаптивный сервис
40
Адаптив для смартфона
Адаптив для планшета
32
360 px
768 px
02.6
Включает информацию о компании, данные для акционеров, инвесторов и партнеров, страницы «Карьера» и «Пресс-центр».
Корпоративный раздел
02.7
Фирменные цвета
Цвет
02.8
Ключевой элемент – многофункциональная форма поиска, с помощью которой пользователь получает расчеты стоимости и срока грузоперевозки, может отслеживать статус своего отправления и просмат- ривать расписание регулярных маршрутов.
Форма поиска
Ключевой элемент – многофункциональная форма поиска, с помощью которой пользователь получает расчеты стоимости и срока грузопе-ревозки, может отслеживать статус своего отправления и просматривать расписание регулярных маршрутов.
КОНТЕЙНЕРНАЯ ТРАНСПОРТИРОВКА
На сайте реализовано 9 интеграций с внутренними сервисами компании. Они предоставляют на сайте функ-циональность следующих сервисов: контейнерные транспортировки, график обслуживания, отсле-живание, пакетные грузы, карта маршрута.
02.8
Транспортировка
02.10
Расписание
02.11
ЧТОБЫ УЛУЧШИТЬ ПОЛЬЗОВАТЕЛЬ- СКИЙ ОПЫТ И СОКРАТИТЬ ВРЕМЯ ДО КЛЮЧЕВОГО ДЕЙСТВИЯ, МЫ:
Меню
01
Сделали выпадающее меню, из которого можно перейти на страницы первого и второго уровня вложенности.
02
Нарисовали 12 иллюстраций и более 80 уникальных иконок для создания положительных эмоций у посетителей сайта.
03
Добавили боковое меню и якорные ссылки на объ- емных страницах услуг.
04
Добавили микро-анимации для визуальной обратной связи пользователям.
02.12
Иконки
Более 80 уникальных иконок
Containers
Ships
Other icons
02.13
Языки
Проект реализован в двух локалях — РУ и EN, но ядро системы включает средства управления контентом ещё китайской, корейской, японской локалей из единого административного интерфейса и готово к масштабированию на неограниченное число страновых сайтов.
ЧТОБЫ УЛУЧШИТЬ ПОЛЬ- ЗОВАТЕЛЬСКИЙ ОПЫТ И СОКРАТИТЬ ВРЕМЯ ДО КЛЮЧЕВОГО ДЕЙСТ- ВИЯ, МЫ:
Сделали выпадающее меню, из которого можно перейти на страницы первого и вто- рого уровня вложенности.
Нарисовали 12 иллюстраций и более 80 уникальных иконок для создания положительных эмоций у посетителей сайта.
Проект реализован в двух ло- калях — РУ и EN, но ядро системы включает средства управления контентом ещё китайской, корейской, японской локалей из единого административного интерфейса и готово к масш-табированию на неограниченное число страновых сайтов.
03
Результат
01
Благодаря удобной и понятной структуре сервисов доступ к ним достигается в минимальное количество кликов.
02
Современный дизайн положительно влияет на эмоции пользователя и вовлекает в изучение материала.
03
Автоматизированная система позволяет легко управлять публичным контентом.
Благодаря удобной и понятной структуре сервисов доступ к ним достигается в минимальное количество кликов.
Современный дизайн положительно влияет на эмоции пользователя и вовлекает в изучение материала.
04
Награды
01
1 место в номинации «Лучшая разработка / интеграция»
Благодаря удобной и понятной структуре сервисов доступ к ним достигается в минимальное количество кликов.
Современный дизайн положительно влияет на эмоции пользователя и вовлекает в изучение материала.
Комментарии к статье
Комментарии: 0