Путь от товара до оплаты для интернет-магазина техники

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

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

О проекте

Wollmer – российский бренд техники для дома. Мы спроектировали ключевую связку интернет-магазина – карточку товара, корзину и оформление заказа.

Карточка товара

Собрана вокруг решения о покупке: галерея с фото и видео, разные виды цены со скидкой и бонусами, оплата частями и промокоды – на первом экране. Ниже – выбор комплектации и цвета, уценённые варианты с указанием причины скидки, аксессуары и расчёт стоимости доставки. Дальше идёт rich-контент: преимущества в цифрах (уровень шума, время работы, вес), насадки в комплекте, характеристики со схемой габаритов и блок «смотрите также».

Корзина

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

Оформление

Чекаут собран как аккордеон из трёх шагов — получатель, доставка, оплата, с наглядным прогрессом: каждый шаг показывает свой вклад в заполнение. Сверху – таймлайн «подготовим / отправим / доставим» и обещание вернуть деньги или заменить товар. Также реализовали заказ на организацию, промокоды и списание баллов. Клиент видит, сколько осталось, и доходит до кнопки «оплатить».