Бесплатный аудит
Главная · Кейсы · Прототип сайта грузоперевозок
Кейс · прототип · логистика

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

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

Грузоперевозки из КитаяПрототип в Figma
4
вида перевозок в структуре: авиа, море, ЖД, контейнеры
Калькуляторрасчёт стоимости на сайте
Трекинготслеживание грузов
Тестыинтервью и тепловые карты
Задача

Сайт для пяти разных аудиторий логистики

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

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

Целевую аудиторию разложили на сегменты: импортёры, экспортёры, розничные сети, производственные компании и частные лица. У каждого сегмента свои вопросы — прототип должен отвечать всем.

Что сделали

Структура, Figma-прототип и проверка на людях

Каждое решение прошло юзабилити-тестирование до передачи в дизайн.

Собрали структуру сайта: главная, услуги по видам перевозок — авиа, морские, железнодорожные и контейнерные, плюс информационные разделы, которые волнуют каждого импортёра: таможенное оформление, упаковка, документы. Отдельно — контакты с формами связи.

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

Готовый прототип проверили юзабилити-тестированием: интервью с пользователями, карты кликов и тепловые карты показали, где сценарии работают, а где посетители спотыкаются. После правок провели презентацию, утвердили прототип с клиентом и зафиксировали план следующих этапов — дизайн и разработку.

1Анализ рынка и конкурентовФокус на молодых растущих компаниях и их решениях12 ч
2Сегментация аудиторииИмпортёры, экспортёры, розница, производство, частные лица8 ч
3Структура сайтаУслуги по видам перевозок + разделы о таможне, упаковке, документах10 ч
4Прототип в FigmaФормы захвата лидов, калькулятор стоимости, трекинг грузов24 ч
5Юзабилити-тестированиеИнтервью с пользователями, карты кликов, тепловые карты10 ч
6Презентация и план этаповУтверждение прототипа, дорожная карта дизайна и разработки4 ч
Скриншоты

Как это выглядело в работе

Материалы проекта: прототип и структура сайта логистики.

Прототип главной страницы сайта грузоперевозок из Китая
Главная страница: виды перевозок и формы захвата лидов
Калькулятор стоимости перевозки в прототипе
Калькулятор стоимости: расчёт перевозки прямо на сайте
Структура сайта логистической компании
Структура: услуги, таможня, упаковка, документы, контакты
Результат

Было → стало

Клиент получил утверждённый прототип, проверенный на реальных пользователях: сценарии от «узнать стоимость» до «отследить груз» работают без тупиков. Конверсионные механики — калькулятор, трекинг, формы захвата — заложены до дизайна.

Зафиксирован план следующих этапов: по прототипу проект уходит в дизайн и разработку без переделок концепции.

5сегментов аудитории учтено в сценариях
4вида перевозок в структуре услуг
3конверсионные механики: калькулятор, трекинг, формы
Тестыинтервью + карты кликов и тепловые карты
★★★★★

«Понравился подход: сначала аудитория и конкуренты, потом прототип, потом проверка на живых людях. Калькулятор и отслеживание грузов — именно то, о чём клиенты спрашивают в первую очередь.»

ДЛДиректор логистической компанииперевозки из Китая

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

Бесплатно · результат в течение часа

Хочу так же

Оставьте адрес сайта — аудит-движок проверит его по 200 пунктам, покажем точки роста и пришлём план работ с часами, как в этом кейсе.

Получить бесплатный аудит