Holodilnik
Интернет-магазин любой техники
О проекте
Клиент
Интернет-магазин, специализирующийся на продаже электроники и бытовой техники отечественного и зарубежного производства. Является официальным дилером ведущих мировых производителей, таких как Haier, Liebherr, Beko, Hotpoint, Indesit, ATLANT, Hyundai и др.
Проблема
Большой процент пользователей уходят со страницы оформления заказа, не завершив его.
Задача
Придумать возможные решения проблемы и пересобрать страницу, опираясь на лучшие решения на рынке е-ком.
Что я делал в процессе
→
Провел бенчмаркинг
→
Сформировал гипотезы
→
Придумал концепт с нуля
→
Проработал корнер-кейсы
→
Отрисовал адаптивные версии
1. Бенчмаркинг
Проанализировал процесс оформления заказа c десятка лучших ИМ и маркетплейсов в РФ. Сформировал гипотезы по улучшению текущего вида страницы.
2. Гипотезы
→ 1
Если перенести выбор субъекта и поля ввода имени/телефона в начало, то конверсия в заказы увеличится, так как при смене на юр. лицо все данные приходится вводить заново.
→ 2
Если добавить информацию об обязательных полях и скрыть необязательные (например, email), то это повысит конверсию в заказы.
→ 3
Если убрать разделение на шаги и отобразить все этапы оформления на одной странице, кол-во завершенных заказов увеличится.
→ 4
Если убрать большую часть элементов хэдера, оставив только самые необходимые, пользователи будут реже уходить со страницы оформления.
→ 5
Если сократить количество столбцов с полями ввода до 4-х, то пользователю будет проще ориентироваться на странице.
→ 6
Если добавить таймер и текст с подсказкой, получится уменьшить среднее время на оформление заказа.
3. Концепция
Спустя некоторое количество итераций и обсуждений пришел к финальному виду концепта. Создал новые компоненты для кнопок, контролов и полей ввода. Обновил типографику и цвета.
4. Корнер-кейсы
Продумал множество корнер-кейсов. Пересобрал весь флоу авторизации пользователя.
5. Адаптивы
Отрисовал адаптивные версии для мобилок и планшета.
Итог
Макеты были успешно переданы в разработку. Новый дизайн страницы оформления заказа уже реализован на сайте. На основе созданных компонентов и стилей внутренняя дизайн-команда ИМ обновляет свою дизайн-систему.