Шмель

Корпоративный сайт компанииДата релиза: 01 октября 2021 г.

Задача

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

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

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

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