Интерфейсы для интернет-магазина «Озон»

2014-03-31

1. Проект увеличения продаж аксессуаров в карточке товара и товарном списке
Проверялись 2 гипотезы увеличения продаж аксессуаров в электронике — подгрузка всплывающего слоя в сейл-блоке, при клике на кнопку «В корзину», с функцией прокрутки до аксессуарной полки в карточке товара.

И подгрузка всплывающего кросс-сейл-блока при клике на кнопку «В корзину», с функцией лучшего предложения. Победил вариант с функцией лучшего предложения.

Новая товарная полка предлагает посмотреть рекомендуемые товары в разных категориях и работает по принципу «карусели».

2. Карта пунктов выдачи заказов
Основное преимущество Озона — количество собственных и агентских пунктов выдачи заказов. Для наглядного отображения придуман инструмент, который используется в цепочке заказов, в хелпе, маркетинговых рассылках. Интерфейс карты объединяет поиск по карте, поиск в списке, по метро, улице и названию.

Левое меню выполняет 2 функции: функцию списка пунктов выдачи и функцию содержимого пункта. Так экономится место и повышается КПД интерфейса — отображается информация о графике работы, сроке доставки, ближайших пунктах.

3. Трекинг заказов на странице «Мои заказы»
Потребовался небольшой редизайн страницы после переделки страницы Студией Лебедева, в части отображения статусов заказов, активных и выполненных. Теперь отображается не только текущий статус, но предыдущие, и последующие — так прогресс-бар становится более наглядным. Попутно стало понятно, что стоит отказаться от отображения статусов в строке «Заказ» и оставить только для отправлений. Идея из направленного перебора вариантов.

Когда заказ переходит в статус «Выдано», на строке с номером заказа появляется индикатор в виде зелёного буллита и надписью «выполнен».

4. Интерфейс оплаты банковской картой
В новой форме оплаты нет ничего лишнего: только необходимые поля, информативные подсказки, автофокус и человеческие заголовки к полям ввода. Количество оплаченных заказов увеличилось на 1,16%, с учётом аннулированных.

Форма оплаты с привязанной картой.

Интерфейс смены карт.