КЕЙС: Разработка дизайна сайта для международной компании по грузоперевозкам RESTRADA

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

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

• автомобильными международными перевозками
  
• морской логистикой и контейнерными поставками
  
• авиа-доставкой
  
• железнодорожными перевозками
  
• мультимодальными маршрутами (сочетание нескольких видов транспорта)

• доставкой сборных и негабаритных грузов
  
• таможенным сопровождением и подготовкой документов
  
• страхованием грузов
  
• складской обработкой и консолидацией

Дизайн собирался быстро и без лишних итераций, потому что к старту визуального этапа SEO-отдел подготовил подробную концепцию сайта. В ней была зафиксирована структура страниц, логика блоков и требования к размещению контента – что, где и в каком объеме должно быть представлено для дальнейшего продвижения. За счёт этой “карты” дизайн сразу опирался на SEO-логику и бизнес-задачи, а итоговые макеты получились одновременно визуально сильными и готовыми к эффективному органическому росту.

Анализ и планирование

Начали с погружения в продукт RESTRADA: разобрали услуги, типовые маршруты, логику выбора клиентом и точки, где обычно возникает запрос на расчёт/консультацию. Зафиксировали цели страницы и ключевые KPI по заявкам, определили приоритетные аудитории и контекст использования сайта (срочные запросы, плановые обращения, повторные клиенты). Параллельно провели конкурентный анализ: посмотрели структуру, офферы, подачу доверия, паттерны CTA, формы и триггеры принятия решения. На выходе сформировали карту преимуществ RESTRADA, опорные сообщения для блоков и рекомендации по контенту, чтобы дизайн сразу “держал” конверсию, а не просто выглядел презентабельно.

Проектирование UX/UI

Собрали информационную архитектуру: продумали структуру сайта, состав блоков и их последовательность по логике “вопрос – ответ – действие”. Простроили пользовательские пути (user flow) от первого экрана до заявки: где человек знакомится с услугой, где получает доказательства и где ему удобно оставить запрос. Отдельно проработали CTA: формулировки, точки размещения, сценарии для разных намерений (быстрый расчёт, консультация, уточнение маршрута). Итог этапа – прототипы и согласованная логика интерфейса, на которую уже спокойно “садится” визуальная концепция.

Разработка визуальных блоков

Перевели прототипы в дизайн ключевых экранов и модулей. Главную страницу собрали вокруг основных услуг и быстрых входов в целевые действия. Отрисовали карточки услуг с понятной структурой преимуществ и параметров, блоки этапов работы (чтобы процесс читался прозрачно), формы для расчёта и заказа, а также схемы маршрутов и навигационные элементы. В каждом блоке держали фокус на читабельности, иерархии и скорости восприятия: пользователь “считывает” смысл за секунды, а макет помогает довести до заявки без лишних развилок.

Создание визуального стиля

Собрали визуальный язык бренда: цветовую палитру, типографику, сетку, систему отступов, иконографику и фотостиль. Подготовили правила для контента и инфографики, чтобы сложные вещи (маршруты, условия, этапы, расчеты) выглядели чисто и одинаково во всех точках сайта. На уровне деталей заложили единый UI-kit: компоненты, состояния, элементы форм и повторяющиеся паттерны. Итог – дизайн выглядит цельно, а дальнейшее масштабирование страниц идёт быстрее и стабильнее (дизайнеры и разработка “говорят” на одном языке).

Адаптивность и финализация

Подготовили адаптивы под desktop/tablet/mobile с сохранением логики, иерархии и удобства форм. Проверили ключевые сценарии: навигацию, читабельность текстов, контрастность, кликабельность, поведение CTA и целостность визуала на разных разрешениях. Финализировали макеты и оформили передачу в разработку: структура файла, компоненты, размеры, состояния, комментарии по интерактивам и экспорту. На этом этапе дизайн превращается в рабочий инструмент для запуска – меньше вопросов на сборке, больше скорости на реализации.

По итогам этапа анализа и планирования передали клиенту сводный документ по проекту: описание целевых аудиторий и их намерений, карту смыслов и преимуществ RESTRADA, выводы по конкурентам (структура, офферы, доверие, CTA, формы), а также рекомендации по контенту для ключевых блоков. Это стало основой, на которую дальше опирались и UX, и визуальная концепция.

На этапе UX/UI подготовили структуру сайта на дизайне и прототипы страниц: пользовательские сценарии (от первого экрана до заявки), логику блоков и переходов, точки размещения CTA, варианты форм под разные запросы, а также схему приоритетов контента (что показываем первым, что усиливаем доказательствами, где закрываем возражения). Согласованный прототип зафиксировал, как именно сайт ведёт пользователя к действию.

На этапе дизайна и визуальных блоков отдали комплект макетов ключевых экранов и модулей: главный экран с акцентом на услуги и быстрые входы, карточки услуг, блоки этапов работы, схемы маршрутов/логики взаимодействия, формы расчёта и заказа, элементы навигации. Дополнительно оформили UI-kit: типографика, сетка, палитра, иконки, стили карточек, формы и состояния элементов, чтобы дизайн масштабировался на новые страницы без расхождений.

На этапе адаптивов и финализации передали макеты для desktop/tablet/mobile с описанием поведения интерфейса, интерактивов и состояний, а также подготовили пакет для разработки: структура файла, экспорт, размеры, отступы, комментарии для сборки и контрольные точки проверки перед запуском.