ТИП ДЛЯ РАБОТЫ
БРЕНДИНГ, UI/UX, ВЕБ-САЙТ
Datatruck website
DATATRUCK
ПРОБЛЕМА
Datatruck — мощная AI-native TMS для логистических компаний. Однако старый веб-сайт не раскрывал продукт с точки зрения дизайна и удобства использования — существовала базовая проблема UI-дизайна.
На первом экране было неочевидно, чем занимается Datatruck, для кого он создан и какую основную выгоду дает. Заголовок, описания и кнопки смешивались; текста было много, но ключевая мысль не была выделена. В результате пользователь с первого взгляда не мог ответить на вопрос: «Что этот сайт дает лично мне?»
Пользовательский путь по сайту (user flow) тоже был размытым. Посетителю — будь то брокер, гибридный игрок или владелец логистической компании — было сложно найти «свой» маршрут. Из-за того что меню и разделы не были выстроены в логичную последовательность, пользователь не понимал, с какой страницы начинать, куда переходить дальше и каким целевым действием все должно заканчиваться (book a demo, start a free trial и т.д.).
Поэтому, несмотря на сильный продукт, старый сайт не мог быстро донести суть Datatruck, не вызывал доверия и не вел пользователя к понятному целевому действию. Новый дизайн, обновленный user flow и современный UI были необходимы именно для решения этой задачи.
РЕШЕНИЕ
Мы разработали для Datatruck цельную, сегментированную и понятную концепцию сайта. Цель — уже в первые секунды создать для пользователя ощущение удобства и пошагово раскрывать ценность продукта.
На первом экране Datatruck представлен как «AI-native TMS for Freight for Smarter Financial Automation». Ниже размещен короткий подзаголовок, который простым языком объясняет, как система помогает автоматизировать операции, разгрузить команду и принимать быстрые, основанные на данных решения.
Основной целевой призыв — кнопка «Get Started for Free», которая заметно выделяется на фоне и сразу задает нужный вектор действия.
В верхней части мы выстроили четкую навигацию и вынесли меню «Solutions» в отдельный современный блок. В нем представлены пять ключевых сегментов:
Carriers (перевозчики)
Brokers (брокеры)
Hybrids (гибридные игроки)
Enterprise Fleets (крупные корпоративные парки)
Private Fleets (частные автопарки)
Каждый сегмент ведет на собственную страницу, где пользователь быстро находит ответы на два основных вопроса: «К какому типу компаний мы относимся?» и «Какие модули нужны именно нам?».
В разделе функциональных возможностей мы использовали вертикальные вкладки со следующими блоками:
Cloud Analytics (облачная аналитика)
Save Money & Time (экономия денег и времени)
Financial Control (финансовый контроль)
Data Visibility (прозрачность данных)
Replace Spreadsheets (отказ от Excel и таблиц)
Fleet & Safety Management (управление автопарком и безопасностью)
Такая структура позволяет пользователю быстро «просканировать» весь функционал Datatruck и сфокусироваться на тех возможностях, которые наиболее важны именно для него.
В отдельном блоке под заголовком «Automate Repetitive Tasks» мы акцентировали AI-возможности продукта:
TruckGPT — извлекает данные из документов и тарифов
AI Agents — автоматизируют коммуникацию и обновления с брокерами
AI Assistants — помогают автоматизировать отчеты и внутренние процессы
Визуальный стиль — минималистичный: белый фон, синие акценты и чистая типографика. Это позволяет подать даже сложный функционал в легкой, современной и не отвлекающей форме, сохраняя фокус пользователя на ценности продукта.
РЕЗУЛЬТАТ
Обновлённый сайт Datatruck показал рост не только с точки зрения дизайна, но и по удобству использования, SEO-оптимизации, конверсии и общей производительности.
Посетители теперь уже на первом экране понимают, что такое Datatruck и для кого он создан.
Случаи, когда пользователь «теряется» на сайте или уходит на нерелевантные страницы, сократились — навигация стала логичной и понятной.
Основной CTA — «Get Started for Free» — был унифицирован по всему сайту и сделан визуально заметным, за счёт чего путь до запросов «Book a demo» и заявок на консультацию сократился.
Сегментированные страницы показывают каждой аудитории именно её сценарии и точки выгоды, поэтому пользователи принимают решение быстрее.
Благодаря упрощённым формам и выстроенному user flow снизился отток пользователей (drop-off) на этапах конверсионной цепочки.
SEO-оптимизация была перестроена: обновлена семантическая структура сайта, переработаны title и meta description для ключевых страниц.
Структурирование контента по блокам «Solutions», «Product», «Resources», «Pricing» сделало содержание страниц более прозрачным и понятным для пользователя.
Изображения и графика были оптимизированы, количество «тяжёлых» элементов снижено, в нужных местах применён lazy load. Время загрузки страниц заметно сократилось, что уменьшило долю ранних выходов и увеличило глубину просмотра.
Благодаря лёгкому UI и техническим доработкам улучшились показатели производительности сайта (Core Web Vitals).
В целом Datatruck прошёл путь от старого, запутанного лендинга к современному, сегментированному, операционному сайту, сфокусированному на UX, SEO, конверсии и performance.
.avif)
