2020
FESCO

FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ

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


Форма поиска
Ключевой элемент – многофункциональная форма
поиска, с помощью которой пользователь получает расчеты стоимости и срока грузопе-ревозки, может отслеживать статус своего отправления
и просматривать расписание регулярных маршрутов.


FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
КОНТЕЙНЕРНАЯ
ТРАНСПОРТИРОВКА
На сайте реализовано 9 интеграций с внутренними сервисами компании. Они предоставляют на сайте функ-циональность следующих сервисов: контейнерные транспортировки, график обслуживания, отсле-живание, пакетные грузы, карта маршрута.
02.8
Транспортировка
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
02.10
Расписание
fesco: как мы построили удобный сервисный интерфейс для сайта логистической компании. Таблица "Расписание"
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
02.11
ЧТОБЫ УЛУЧШИТЬ ПОЛЬЗОВАТЕЛЬ-
СКИЙ ОПЫТ И СОКРАТИТЬ ВРЕМЯ
ДО КЛЮЧЕВОГО ДЕЙСТВИЯ, МЫ:
Меню
01
Сделали выпадающее меню, из которого можно перейти на страницы первого и второго уровня вложенности.
02
Нарисовали 12 иллюстраций и более 80 уникальных иконок для создания положительных эмоций
у посетителей сайта.
03
Добавили боковое меню
и якорные ссылки на объ-
емных страницах услуг.
04
Добавили микро-анимации для визуальной обратной связи пользователям.
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
02.12
Иконки
Более 80 уникальных иконок
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
Containers
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
Ships
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
Other icons
02.13
Языки
Проект реализован в двух локалях — РУ и EN,
но ядро системы включает средства управления контентом ещё китайской, корейской, японской локалей из единого административного
интерфейса и готово к масштабированию
на неограниченное число страновых сайтов.


FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
ЧТОБЫ УЛУЧШИТЬ ПОЛЬ-
ЗОВАТЕЛЬСКИЙ ОПЫТ
И СОКРАТИТЬ ВРЕМЯ
ДО КЛЮЧЕВОГО ДЕЙСТ-
ВИЯ, МЫ:
Сделали выпадающее меню, из которого можно перейти на страницы первого и вто- рого уровня вложенности.
Нарисовали 12 иллюстраций
и более 80 уникальных иконок
для создания положительных эмоций у посетителей сайта.
Проект реализован в двух ло-
калях — РУ и EN, но ядро системы включает средства управления контентом ещё китайской, корейской, японской локалей
из единого административного интерфейса и готово к масш-табированию на неограниченное число страновых сайтов.


03
Результат
01
Благодаря удобной
и понятной структуре сервисов доступ к ним достигается в минимальное количество кликов.
02
Современный дизайн положительно влияет
на эмоции пользователя
и вовлекает в изучение материала.
03
Автоматизированная система позволяет легко управлять публичным контентом.
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
Благодаря удобной и понятной структуре сервисов доступ к ним достигается в минимальное
количество кликов.
Современный дизайн положительно влияет на эмоции пользователя
и вовлекает в изучение материала.
04
Награды
01
1 место в номинации «Лучшая разработка / интеграция»
Благодаря удобной и понятной структуре сервисов доступ к ним достигается в минимальное
количество кликов.
Современный дизайн положительно влияет на эмоции пользователя
и вовлекает в изучение материала.
TAGLINE AWARDS
2020-2021
FESCO: КАК МЫ ПОСТРОИЛИ УДОБНЫЙ СЕРВИСНЫЙ ИНТЕРФЕЙС ДЛЯ САЙТА ЛОГИСТИЧЕСКОЙ КОМПАНИИ
05
Команда
проекта
АРТ-ДИРЕКТОР
Пётр Мострюков
МЕНЕДЖЕР ПРОЕКТА
Юлия Яковенко
QA-ИНЖЕНЕР
Анастасия Букреева
ПРОЕКТИРОВЩИК
Алексей Андреев
КОНТЕНТ МЕНЕДЖЕР
Иван Петров
SEO-СПЕЦИАЛИСТ
Анна Петрова
ДИЗАЙНЕРЫ
Елена Пономарёва
FRONTEND
Сергей Семёнов
BACKEND
Павел Лесников
Рагим Гаджиев
Лилия Сапрыкина
Геннадий Иванов
Александр Кузнецов
Ксения Петрова
Команда проекта

Отзывы и награды

  • Tagline × 1 место «Лучшая разработка / интеграция»

Блог

25 апреля 2024

Метод персон: как создать портрет пользователя

27 марта 2024

Сайты аэропортов: как дизайн преображает пассажирский опыт и расширяет источники доходов владельцев

26 марта 2024

Взаимодействие человека и компьютера: как улучшить UX в 2024 году

Кейсы

Аналитика UX/UI дизайн Frontend Backend
16 000

проверенных отзывов

4200

компаний-участников

Промышленная компания из ТОП-100 Forbes

Крупная B2B-платформа деловых отзывов

Аналитика UX/UI дизайн Frontend Backend SEO
110+ лет

на мировом рынке

2 место

в мире занимает филиал РФ по объему продаж

Merz

Социальный проект фармацевтической компании о сиалорее

Аналитика UX/UI дизайн Frontend Backend SEO
3+

млн участников

89

региональных отделений

Движение первых

Методический портал Российского движения детей и молодежи

Аналитика UX/UI дизайн Frontend Backend SEO
50+

лет на рынке

4000+

сотрудников

Элара

Сайт ведущего приборостроительного предприятия страны

Аналитика UX/UI дизайн Frontend Backend SEO
12%

доля в общем объеме перевозок сети РЖД

3000+

сотрудников

ПГК

Сайт крупнейшего частного оператора грузовых ж/д перевозок в России

Скоро

А ГРУПП

Сайт металлотрейдинговой компании

Расскажите
о вашем проекте