FESCO
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 уникальных иконок
для создания положительных эмоций у посетителей сайта.
и более 80 уникальных иконок
для создания положительных эмоций у посетителей сайта.
Проект реализован в двух ло-
калях — РУ и EN, но ядро системы включает средства управления контентом ещё китайской, корейской, японской локалей
из единого административного интерфейса и готово к масш-табированию на неограниченное число страновых сайтов.
калях — РУ и EN, но ядро системы включает средства управления контентом ещё китайской, корейской, японской локалей
из единого административного интерфейса и готово к масш-табированию на неограниченное число страновых сайтов.
03
Результат
01
Благодаря удобной
и понятной структуре сервисов доступ к ним достигается в минимальное количество кликов.
и понятной структуре сервисов доступ к ним достигается в минимальное количество кликов.
02
Современный дизайн положительно влияет
на эмоции пользователя
и вовлекает в изучение материала.
на эмоции пользователя
и вовлекает в изучение материала.
03
Автоматизированная система позволяет легко управлять публичным контентом.
Благодаря удобной и понятной структуре сервисов доступ к ним достигается в минимальное
количество кликов.
количество кликов.
Современный дизайн положительно влияет на эмоции пользователя
и вовлекает в изучение материала.
и вовлекает в изучение материала.
04
Команда
проекта
проекта
АРТ-ДИРЕКТОР
Пётр Мострюков
МЕНЕДЖЕР ПРОЕКТА
Юлия Яковенко
QA-ИНЖЕНЕР
Анастасия Букреева
ПРОЕКТИРОВЩИК
Алексей Андреев
КОНТЕНТ МЕНЕДЖЕР
Иван Петров
SEO-СПЕЦИАЛИСТ
Анна Петрова
ДИЗАЙНЕРЫ
Елена Пономарёва
FRONTEND
Сергей Семёнов
BACKEND
Павел Лесников
Рагим Гаджиев
Лилия Сапрыкина
Геннадий Иванов
Александр Кузнецов
Ксения Петрова
Команда проекта
Поделитесь материалом с друзьями и коллегами