- Заказчик
- «Перевозов 24» — логистическая компания, осуществляющая перевозку грузов для бизнеса и частных клиентов, а также предоставляет складскую логистику и фулфилмент.
- Задача
- Разработать единый сайт под разные направления и регионы, презентовать компанию и рассказать максимально подробно об услугах
В логистике важно не просто «показать услуги», а быстро провести пользователя по нужному сценарию: выбрать город, понять формат перевозки, рассчитать стоимость, и в итоге оставить заявку. При этом сайт должен быть удобным не только для клиента, но и для команды: масштабироваться, дополняться новыми услугами и регионами по мере роста бизнеса.
В этом проекте мы сосредоточились на сервисной логике: сделали сайт рабочим инструментом, который помогает обрабатывать заказы быстрее и снижает нагрузку на сотрудников.
О проекте
«Перевозов 24» — логистическая компания, осуществляющая перевозку грузов для бизнеса и частных клиентов, а также предоставляет складскую логистику и фулфилмент.
Задача сайта — презентовать компанию и рассказать максимально подробно об услугах. Для каждой услуги есть отдельная страница, на которой её можно заказать. Добавили ненавязчивые анимации на карточки и плавный скролл. Для каждой страницы разрабатывались 3D-иллюстрации, которые использовали в качестве основного визуала. Ключевой идеей проекта стало — создание единого цифрового сервиса, где:
- каждая услуга — отдельный сценарий взаимодействия для разных групп целевой аудитории,
- визуал не навязчивый, что не отвлекает и помогает ориентироваться,
- интерфейс ведёт пользователя от запроса к действию.
Визуал и анимации
Работу над проектом мы начали не с дизайна, а с погружения в рынок. Мы внимательно изучили сайты конкурентов — это дало нам понять, что важно клиентам, на что они обращают внимание в первую очередь и как логично разработать структуру каждой страницы. Также это помогло выявить UX-паттерны, которые привычны пользователям при взаимодействии с продуктами сферы логистики.
Следующий этап — визуальная концепция. Сайт должен одинаково хорошо работать и для B2C, и для B2B-клиентов. Поэтому мы отказались от агрессивных эффектов и сложных визуальных решений в пользу аккуратного, собранного дизайна.
Для этого мы использовали элементы бенто-стиля, в котором контент в блоках разбит на контейнеры для облегчения навигации и поиска информации. Цветовую гамму выбрали исходя из айдентики компании — цвет хаки в качестве основного акцента, а дополняют его более светлые оттенки. Типографика — простые и читабельные гротески.
Основной фишкой стало использование тематических 3D-иллюстраций, которые частично предоставил заказчик по нашему техническому заданию.
Но важно было не перегружать сайт визуалом, поэтому добавили ненавязчивую анимацию переходов между страницами, чтобы сделать навигацию по сайту более бесшовной. Плавный скролл и микроанимации на элементах улучшили пользовательский опыт — отзывчивый интерфейс располагает сильнее.
Сделали акцент на мобильных устройствах. Разработали макеты мобильной версии для каждой страницы, чтобы продумать логику адаптации под устройства.
Главная страница: персонализация с первого экрана
Главная страница начинается с выбора города. Это ключевой элемент логики сайта: в зависимости от выбранного города автоматически меняется набор доступных услуг. Пользователь сразу видит релевантное предложение, без лишних переходов и уточнений. Мы заложили два сценария выбора города:
- в шапке сайта - для тех, кто сразу понимает, куда и зачем пришёл;
- прямо в блоке с услугами - для пользователей, которые начинают знакомство с предложением, не вникая в навигацию.
На главной странице собрана вся ключевая информация о компании:
- основные преимущества и специализация;
- структурированный каталог услуг;
- блок «Важное», куда вынесли вакансии, автопарк, документы и акции;
- аргументы, почему стоит выбрать именно эту компанию.
В результате главная страница работает как единый обзор: пользователь может получить полное представление о компании и её возможностях, не переходя по отдельным страницам.
Услуги: один экран — одна задача
Для каждой услуги мы сделали отдельную страницу с собственным UX-сценарием, вот некоторые из них:
Переезды: калькулятор вместо звонков
Фишкой страницы стал калькулятор для мгновенной оценки стоимости. Вместо долгих звонков пользователь сам формирует свой запрос,где:
- легко добавляет несколько точек в маршрут,
- выбирает тип транспорта с понятными изображениями и габаритами,
- настраивает количество грузчиков и необходимое время работы,
- определяет способ оплаты: наличный расчёт, безналичный с НДС или без,
- выбирает тип транспорта с понятными габаритами,
- добавляет несколько точек маршрута,
- сразу видит выбранные параметры в отдельном окне.
В результате — понятная примерная сумма заказа, рассчитанная за минуты.
После оформления заявки с клиентом связывается персональный менеджер. Это позволяет в личной беседе уточнить множество важных нюансов: узкие проходы, хрупкие предметы, парковочные ограничения. Такой подход позволяет сохранить калькулятор простым и понятным и не закладывать в изначальную цену все возможные риски, сохраняя её адекватной и конкурентоспособной.
Доставка до складов маркетплейсов
Это одна из ключевых и востребованных услуг компании. Мы превратили логистику в простой и наглядный процесс. Для этого мы спроектировали интерактивную карту-гид. На карте отмечены все доступные склады, а для быстрой ориентации каждый маркетплейс выделен своим фирменным цветом: Ozon — синим, Wildberries — фиолетовым. Такой визуальный приём позволяет моментально считать информацию без текста и пояснений.
Рядом с картой расположен удобный список складов, организованный в табы по маркетплейсам. Кликнув на любой пункт в списке или точку на карте, пользователь увидит:
- название маркетплейса;
- наименование склада (например, «Коледино»);
- полный адрес.
Такая визуальная система снимает лишние вопросы ещё на этапе знакомства с услугой. Селлер сразу видит географию доставки и может планировать логистику без звонков, уточнений и переписки с менеджерами. Дополнительно мы интегрировали ссылку и QR-код на Telegram-бот, разработанный сотрудниками компании "Перевозов 24" для удобства ключевых партнеров. Это расширяет сценарии взаимодействия и делает сервис более гибким для постоянных клиентов.
Для остальных услуг мы также реализовали отдельные страницы.
Вакансии: сайт как инструмент найма
Для привлечения новых сотрудников сделали страницу «Вакансии». Описали принципы работы в компании и сделали список вакансий. На странице:
- ценности и принципы работы,
- список вакансий,
- диапазоны зарплат,
- тэги условий,
- подробные требования к кандидатам.
Это помогает сразу отсеять нерелевантные отклики и привлечь нужных специалистов.
SEO-оптимизация сайта
SEO-оптимизация заложена в проект на этапе разработки и продолжается после запуска. Мы выстроили структуру сайта так, чтобы можно было масштабировать продвижение по регионам и услугам. Сейчас ведётся SEO-оптимизация по ключевым направлениям в Нижнем Новгороде, Иваново, Донецке и Луганске — с отдельными посадочными страницами под каждую услугу и регион. В ближайшее время планируется расширение географии.
Результат
Мы разработали не просто сайт, а полноценный рабочий инструмент для бизнеса, который:
- который объединяет сложные логистические услуги в понятную систему;
- помогает клиентам самостоятельно выбирать и рассчитывать услуги;
- снижает нагрузку на отдел продаж;
- работает как единая платформа для B2C, B2B и HR-направлений.
- Проект объединил визуал, функциональность и стратегию роста.
И самое главное — он работает как система, которая поддерживает отдел продаж и упрощает принятие решения для клиента.
«Перевозов 24» — это пример сайта, где UX, логика и бизнес-цели работают в одном направлении, а дизайн усиливает функциональность.
