STD Express: как мы редизайнили сайт для китайской логистической платформы

К нам обратилась компания STD Express, крупная логистическая платформа по доставке документов и грузов из Китая в Россию и ряд стран СНГ. Они захотели сделать редизайн сайта и личного кабинета, а также упростить и оптимизировать экраны оформления отправлений.

Что мы сделали:

• Изучили уже имеющийся сайт компании, его логику и личный кабинет. Чтобы понять, как функционирует система отслеживания отправлений, заказчик даже послал нам из Китая упаковку чая)

• Затем мы изучили целевую аудиторию и более 20 крупных и не очень конкурентов. 

• Собрали скриншоты сайтов, составили краткие описания функций и логик построения блоков.

• Подготовили для заказчика видео-презентацию наших идей. Заказчик выбрал приемлемые для него референсы, на которые мы впоследствии опирались.

• После согласования основного вектора мы составили несколько дизайн-концепций будущего сайта и личного кабинета. Заказчик выбрал самую лучшую. Мы приступили к работе.

Для редизайна была выбрана минималистичная корпоративная стилистика с добавлением элементов «Bento стиля». Это придало дизайну дружелюбности и актуальности. Кроме того, это отразило суть компании — доставка посылок, а также подчеркнуло доступность сервиса и заботу о клиентах и их заказах.

Мы оставили прежний корпоративный зелёный цвет, слегка изменив его оттенок. Добавили монохромные вариации для экранов, а также взяли красный как акцент.

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

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

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

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

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

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

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

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

Мы подготовили UI-kit сайта и личного кабинета компании STD Express. Выбранный шрифт, палитра, форма кнопок и поля ввода поддерживают общую бенто-стилистику интерфейса.

Клиент получил полностью готовый к разработке дизайн-макет логистической платформы, состоящей из web-сайта и личного кабинета.