Проект начинался как редизайн существующей площадки. Чтобы сначала согласовать структуру, а затем переходить к визуальному оформлению, мы разработали прототип главной страницы и карточки товара.
Карточка товара
Перед нами стояла задача переработать существующий мини-маркетплейс. Вместо того чтобы сразу переходить к визуальному дизайну, сначала было важно понять будущую структуру основных страниц.
Поэтому первым рабочим результатом стали два прототипа – главной страницы и карточки товара.
Определение ключевых экранов
Прототипирование
Основа для редизайна
Две страницы – два основных сценария
Для этого этапа заказчику требовались только два прототипа. Каждый решает свою задачу и показывает отдельный уровень взаимодействия пользователя с площадкой.
Главная страница
Общая структура площадки и первый уровень взаимодействия пользователя с маркетплейсом.
Карточка товара
Предметный экран, на котором пользователь работает уже с конкретным предложением.
Прототип главной страницы мини-маркетплейса
Первым был разработан прототип главной страницы. Здесь можно было оценить общую композицию будущего интерфейса и расположение основных элементов ещё до работы над полноценным дизайном.
Первый уровень площадки
Главная задаёт общую структуру взаимодействия и связывает пользователя с внутренними страницами.
Главная страница – прототип
Прототип страницы конкретного товара
Второй макет посвящён карточке товара. Здесь сценарий уже меняется: пользователь находится не на общей площадке, а рассматривает отдельное предложение.
От общей площадки – к конкретному предложению
Даже два прототипа уже позволяют показать два уровня интерфейса маркетплейса и проверить их связь до перехода к детальному визуальному оформлению.
Главная
Товар
Что показывает этот кейс
В этом случае на первом этапе заказчику были нужны только два ключевых экрана.
Сначала определяется логика страницы, затем можно переходить к визуальному стилю.
Главная представляет площадку, карточка работает уже с конкретным товаром.
Другие кейсы прототипирования
Посмотреть кейс →
Посмотреть кейс →
Посмотреть кейс →
Проектируете маркетплейс или каталог товаров?
Можно определить ключевые типы страниц и сначала проверить структуру будущего интерфейса на прототипах, прежде чем переходить к детальному дизайну.