Сделал дизайн логистического сервиса и продолжаю развивать его после запуска

Wed, 22 Jul 2026 18:55:31 +0500

GruzOnline — сервис для поиска грузов и машин без посредников

На проекте

Сделал дизайн Android- и веб-приложения.
Сгенерировал логотип, доработал его вручную и согласовал с клиентом.
После запуска МВП встроил в пользовательские сценарии:
- калькулятор выгоды перевозки;
- подбор подходящих грузов и машин после создания объявления;
- AI-помощника для поиска и создания объявлений;
- виджет оценки привлекательности груза относительно рынка.
Заложил визуальную консистентность с помощью семантических переменных, компонентов и шрифтовых стилей.

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

Начал с карты экранов, которая помогла оценить объём МВП, выстроить взаимосвязь функций и продать проект.

Затем согласовал визуальное направление и приступил к проектированию интерфейсов.

Список объявлений

Объявления — основное содержимое приложения, поэтому им отведён главный экран:

При прокрутке вниз поиск и плавающая кнопка создания объявления скрываются, а при прокрутке вверх появляются обратно:

К макету приложил прототип с поведением элементов при прокрутке, но во время разработки поле поиска без согласования перенесли в верхнюю панель. Из-за этого нарушилась иерархия страницы, а поиск стал занимать место при прокрутке:

Договорился с разработчиками обсуждать спорные решения до их реализации. Начал следить за техническими обсуждениями в чате проекта, чтобы лучше понимать ограничения и статус разработки.

Без детальной аналитики препродакшн-версия карточки ожидаемо получилась далёкой от реальности:

По мере уточнения требований разделил карточку на секции: груз, маршрут и контакты. Из-за этого она визуально распалась на две части, а маршрут сместился во вторую очередь считывания:

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

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

Как и контакты:

При необходимости можно перейти в профиль автора объявления и убедиться в его надёжности:

В веб-приложении вся информация о грузе, маршруте и контактах собрана в карточке объявления, поэтому отдельная страница не требуется:

Поиск объявлений

Грузы можно найти по названию, компании, которая разместила объявление, или пункту маршрута:

Для поиска также доступны фильтры:

В веб-приложении поиск работает как один из фильтров, поэтому его можно применять одновременно с остальными:

Создание объявления

Из-за большого количества полей и отсутствия взаимовлияния между ними в мобильном приложении сделал форму пошаговой:

В веб-приложении поля расположены на одном экране и сгруппированы по смыслу:

Перед запуском МВП сгенерировал логотип и доработал его вручную

Логотип адаптируется под ширину экрана:

После запуска МВП начал встраивать функции, которые помогают быстрее находить грузы и машины

Подходящие объявления

После создания объявления о грузе приложение подбирает подходящие машины, а после создания объявления о машине — подходящие грузы:

Калькулятор выгоды

Позволяет рассчитать примерную прибыль от перевозки груза:

Выгодность груза относительно рынка

AI-помощник для поиска объявлений и их создания

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

Помощника также можно вызвать из приложения, нажав кнопку «Штурман» в верхней панели:

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

По мере общения помощник уточняет параметры, чтобы подобрать объявления:

Если пользователь вводит запрос, который нейросеть не распознаёт как параметр объявления, помощник подсказывает, как его скорректировать:

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

Функционал помощника частично запущен в продакшн, а показанные экраны — лишь его оболочка. Основная работа команды происходит вне макетов: анализ сценариев, настройка нейросети, написание промптов, составление текстов и тестирование.

Что было самым сложным

Потребность постоянно изобретать решения на фоне тяжёлого эмоционального состояния.

Как я с этим справился
Переиспользовал найденные решения. Это создавало рутину, которая помогала двигать проект вперёд.

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

Что сейчас происходит с продуктом

Приложения были опубликованы в конце 2025 и постепенно обрастают функционалом и пользователями.

На 22.07.26 мобильное приложение скачали уже 6 000 человек, средняя оценка в сторах — ★4.5.

Продолжаю поддерживать и развивать дизайн продукта в 2026.

Евгений Смирнов
Дизайнер

IceRock Development
Команда разработки

Евгений Смирнов: заметки с тегом логистика