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 место «Лучшая разработка / интеграция»

Блог

21 сентября 2023

Зеленый офис. Узнайте, сколько природных ресурсов сберегут простые экопривычки

Uplab
31 августа 2023

Анализ сайта: какие виды бывают, как проводить и зачем это нужно?

22 августа 2023

Что нужно знать начинающему дизайнеру?

Кейсы

Аналитика Проектирование UI/UX дизайн Frontend Backend SEO
+ 19%

средний ежемесячный прирост визитов из поисковых систем

в 3 раза

выросло число обращений через сайт

Kastamonu

Корпоративный сайт с витриной продукции производителя ламината № 1 в России

Аналитика UI/UX дизайн Проектирование Frontend Backend SEO Техподдержка и развитие
на 30 %

выросло число обращений на прохождение практики

400 +

количество визитов сайта за первый месяц работы

Полюс

Карьерный сайт крупнейшей золотодобывающей компании России

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

заявок приходит ежемесячно

+ 35 %

средний ежемесячный прирост визитов

Евроцемент

Удобный HR-портал для соискателей, молодых специалистов и студентов

Аналитика UI/UX дизайн 3D-визуализация Проектирование Frontend Backend SEO
+ 89 %

к переходам из поисковых систем

+ 26 %

к глубине просмотра страниц сайта

Ростсельмаш

Многофункциональный сайт транснационального производителя сельхозтехники

Аналитика UI / UX 3D Frontend Backend
в 8 раз

больше визитов из поисковых систем

в 20 раз

больше целевых заявок

G-part

Витрина запасных частей и комплектующих для автомобилей

UX Аналитика CJM Front-end Back-end SEO
+ 61 %

к органическому трафику на второй месяц

+ 40 %

к плану продаж с нового сайта

Mydent24

Интернет-магазин стоматологического оборудования

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