Трансформация web-shop проекта EVRAZ
Переход с оптовой модели трейдера (ЕВРАЗ Металл Инпром) к интернет магазину evraz.market
Роль: дизайнер продукта
Обязанности: исследования, работа с продуктовыми метриками, А/Б тесты, работа с CJM, разработка UI-kit, дизайн UX-интерфейса.
Тип: Десктопное и мобильное web приложение для B2B
Обязанности: исследования, работа с продуктовыми метриками, А/Б тесты, работа с CJM, разработка UI-kit, дизайн UX-интерфейса.
Тип: Десктопное и мобильное web приложение для B2B
Контекст:
В рамках проекта трансформации были сформулированы направления развития, процессы и функции.
Среди них: полная переработка каталог, формирование онлайн-ценообразования, управление остатками, управление заказом в личном кабинете. Реализация различных способов оплаты заказа – например, картой онлайн, по счету или постоплата. Доступность способов доставки – курьерская или самовывоз. Учет ceo-оптимизации и инструментов. Внедрение чат-бота, как помощника для развития Self service. Создание электронного прайс листа на металлообработку с автоматическим расчетом цены при добавлении услуги в корзину, диспетчеризация склада и возможность выбрать дату и точное время доставки или самовывоза, и отправкой счета сайтом в течение 5 минут.
В рамках проекта трансформации были сформулированы направления развития, процессы и функции.
Среди них: полная переработка каталог, формирование онлайн-ценообразования, управление остатками, управление заказом в личном кабинете. Реализация различных способов оплаты заказа – например, картой онлайн, по счету или постоплата. Доступность способов доставки – курьерская или самовывоз. Учет ceo-оптимизации и инструментов. Внедрение чат-бота, как помощника для развития Self service. Создание электронного прайс листа на металлообработку с автоматическим расчетом цены при добавлении услуги в корзину, диспетчеризация склада и возможность выбрать дату и точное время доставки или самовывоза, и отправкой счета сайтом в течение 5 минут.
evraz.market
Созданный на основе подтвержденных гипотез, множества А/Б тестов проект evraz.market выполняет задачи, показывая рост год от года, как по трафику, так и объемам продаж и количеству оказанных услуг металлообработки
Разработан UI-kit с учетом потребностей и задач. Согласован с бренд-дирекцией.
Главная страница evraz.market
Решенные задачи:
Header с функциями: выбор филиала, контакты, дополнительное меню, меню полного каталога, поиск, авторизация, корзина и избранное.
Функциональный баннер, отражающий УТП и разводящий по категориям и разделам.
Отражение на главном экране информацию об актуальных ценах и времени их обновлении. Ссылка на актуальный прайс-лист.
Каталог на витринном экране дает возможность перейти как в категорию так и в каждый профиль категории, также увидеть актуальные цены на популярные позиции.
Информация о простой схеме заказа "Заказ в 3 шага".
Услуги металлообработки с категориями, ценами и возможностью просмотреть услуги в регионах.
Список ближайших складов и пунктов самовывоза с контактами и поиском на карте.
Блок актуальных новостей с ссылкой на раздел.
Популярные товары с сегментацией по применению.
Блок отзывов с ссылкой на раздел.
Решенные задачи:
Header с функциями: выбор филиала, контакты, дополнительное меню, меню полного каталога, поиск, авторизация, корзина и избранное.
Функциональный баннер, отражающий УТП и разводящий по категориям и разделам.
Отражение на главном экране информацию об актуальных ценах и времени их обновлении. Ссылка на актуальный прайс-лист.
Каталог на витринном экране дает возможность перейти как в категорию так и в каждый профиль категории, также увидеть актуальные цены на популярные позиции.
Информация о простой схеме заказа "Заказ в 3 шага".
Услуги металлообработки с категориями, ценами и возможностью просмотреть услуги в регионах.
Список ближайших складов и пунктов самовывоза с контактами и поиском на карте.
Блок актуальных новостей с ссылкой на раздел.
Популярные товары с сегментацией по применению.
Блок отзывов с ссылкой на раздел.
Слайдер
Адаптивный слайдер с приоритетными УТП
Инструменты: Нейросеть на основе GenAPI, Adobe PS
Адаптивный слайдер с приоритетными УТП
Инструменты: Нейросеть на основе GenAPI, Adobe PS
Каталог
Решенные задачи:
Понятная и простая структура.
Hаличие УТП.
Информация о дате и времени обновления цен с ссылкой на прайс-лист.
Фильтрация по главным параметрам: характеристикам металла, складам и режим отображения цен.
Позиции в каталоге можно добавить в корзину или перейти в карточку товара.
Наличие блока перелинковки из подборки популярных запросов.
Решенные задачи:
Понятная и простая структура.
Hаличие УТП.
Информация о дате и времени обновления цен с ссылкой на прайс-лист.
Фильтрация по главным параметрам: характеристикам металла, складам и режим отображения цен.
Позиции в каталоге можно добавить в корзину или перейти в карточку товара.
Наличие блока перелинковки из подборки популярных запросов.
Карточка товара
Калькулятор:
Для карточки товара был разработан продвинутый калькулятор расчета. Показывает расчеты в метрах, тоннах а также акционные цены в тоннах.
Имеет динамический расчет ценообразования по объему заказ. Конвертирует подитог тонн и признак единицы товара.
Также калькулятор показывает информацию по наличию, опциям логистики и доступным услугам металлообработки.
Дополнительные услуги:
Реализован выбор дополнительных услуг в последовательном user flow. После добавления товара в корзину предлагается набор услуг металлообработки, где кроме стандартных услуг есть возможность отправить заявку и на услугу по индивидуальному заданию. Если услуга выбрана или от нее отказали, то затем предлагается перейти в корзину для оформления заказа, либо продолжить покупки.
Сервисы:
Показываем актуальный прайс на доставку непосредственно в текущем регионе пользователя.
Для самовывоза показываем список складов или карту, с опцией просмотра схемы проезда и графиком работы.
Калькулятор:
Для карточки товара был разработан продвинутый калькулятор расчета. Показывает расчеты в метрах, тоннах а также акционные цены в тоннах.
Имеет динамический расчет ценообразования по объему заказ. Конвертирует подитог тонн и признак единицы товара.
Также калькулятор показывает информацию по наличию, опциям логистики и доступным услугам металлообработки.
Дополнительные услуги:
Реализован выбор дополнительных услуг в последовательном user flow. После добавления товара в корзину предлагается набор услуг металлообработки, где кроме стандартных услуг есть возможность отправить заявку и на услугу по индивидуальному заданию. Если услуга выбрана или от нее отказали, то затем предлагается перейти в корзину для оформления заказа, либо продолжить покупки.
Сервисы:
Показываем актуальный прайс на доставку непосредственно в текущем регионе пользователя.
Для самовывоза показываем список складов или карту, с опцией просмотра схемы проезда и графиком работы.
Checkout
Сервисные функции:
Реализована возможность доставки и самовывоза.
Сценарии для авторизованного пользователя и неавторизованного. Роли: физическое и юридическое лицо. Функционал с загрузкой доверенности для получения заказа другим лицом.
Выбор способов оплаты. Удобный выброс транспорта для доставки.
Для снижения цены доставки для клиентов, для некоторых категорий товара предлагается резка, чтобы металл поместился в негабаритный транспорт. Детали резки согласовываются с клиентом оператором после оформления заказа.
Удобные функции:
Строка выбора адреса доставки с возможность ввода и выбора адрес на карте. Расчет и отображение расстояния от склада отгрузки.
Датапикер с набором атрибутов для выбора доступных дней. Селект со слотами и интервалами.
Промомеханика. Возможность применения промокода, который покажет изменение стоимости доставки или услуг металлообработки.
Сервисные функции:
Реализована возможность доставки и самовывоза.
Сценарии для авторизованного пользователя и неавторизованного. Роли: физическое и юридическое лицо. Функционал с загрузкой доверенности для получения заказа другим лицом.
Выбор способов оплаты. Удобный выброс транспорта для доставки.
Для снижения цены доставки для клиентов, для некоторых категорий товара предлагается резка, чтобы металл поместился в негабаритный транспорт. Детали резки согласовываются с клиентом оператором после оформления заказа.
Удобные функции:
Строка выбора адреса доставки с возможность ввода и выбора адрес на карте. Расчет и отображение расстояния от склада отгрузки.
Датапикер с набором атрибутов для выбора доступных дней. Селект со слотами и интервалами.
Промомеханика. Возможность применения промокода, который покажет изменение стоимости доставки или услуг металлообработки.
More coming soon