Adaptive site

for selling software

О проекте

Задача: Спроектировать e-commerce-продукт для продажи лицензионного программного обеспечения и сделать путь от выбора продукта до оформления заказа максимально понятным.

Решение. Пересобрали основные пользовательские сценарии интернет-магазина: поиск иcвыбор ПО, изучение карточки продукта, добавление в корзину и оформление заказа.
Отдельно адаптировали сценарий покупки для мобильных устройств.

Font & Color
Montserrat
  • Regular
  • Medium
  • SemiBold
  • Bold
А a

1234567890

#FFAE35

#E2E5EB

#000599

#001424

#6735FF

#FF4D35

Design
Спроектировали интерфейс интернет-магазина с фокусом на основном сценарии — выборе и покупке программного обеспечения.

Сделали визуальную систему минималистичной, чтобы большое количество продуктов и информации в каталоге не мешало пользователю быстро ориентироваться и переходить к покупке.
ГлавнаяКарточки товараКлиенты
Ховер карточек товараHover
Курсор - Рука
Карточку товара спроектировали
как основной этап принятия решения о покупке.
Пользователь получает необходимую информацию о продукте и может перейти к следующему действию без лишних переходов.
ГлавнаяКурсор - РукаКурсор - Рука
Корзину сделали продолжением сценария выбора продукта.

Пользователь может проверить выбранное ПО перед оформлением заказа и перейти к следующему этапу без потери контекста покупки.
ГлавнаяКурсор - Рука
Спроектировали последовательный сценарий оформления заказа, чтобы сократить количество лишних действий между выбором продукта и завершением покупки.

На этом этапе пользователь последовательно проверяет заказ и переходит к его оформлению.
ГлавнаяКурсор - Рука

20
макетов

plus
КомпыКомпы

Adaptive

MobileampersandTablet
Отдельно адаптировали сценарий покупки ПО для мобильных устройств и планшетов.

Сохранили основную логику e-commerce-продукта, но переработали расположение элементов и взаимодействия под небольшой экран.

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

Спасибо за просмотр!