Кейс прототипа интернет-магазина игрушек

Кейс прототипирования
Прототип интернет-магазина игрушек перед редизайном

Заказчику было сложно сразу сформулировать новый дизайн, поэтому сначала разработали три прототипа: главную страницу, каталог и карточку товара.

Главная
Каталог
Товар

Прототип интернет-магазина

Когда будущий дизайн сложно объяснить словами

Проект начинался как редизайн интернет-магазина. При этом заказчику было сложно сразу сформулировать, каким именно должен стать новый интерфейс.

В такой ситуации первым этапом стало прототипирование: структуру можно было увидеть, обсудить и скорректировать до перехода к полноценному визуальному дизайну.

Логика проекта
Задача на редизайн
Уточнение структуры
Три прототипа
Основа для нового дизайна

Структура прототипа

Три ключевые страницы интернет-магазина

Для первого этапа были выбраны основные типы страниц, через которые пользователь проходит от знакомства с магазином до конкретного товара.

01

Главная

Первое знакомство пользователя с магазином.

02

Каталог

Переход к ассортименту и группам товаров.

03

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

Экран конкретной позиции интернет-магазина.

01 / ГЛАВНАЯ

Прототип главной страницы интернет-магазина

Главная стала первым экраном проекта. На ней была зафиксирована базовая структура магазина и расположение основных блоков будущего интерфейса.

Первый уровень

Главная задаёт общую логику площадки и дальнейший маршрут пользователя.

Главная страница – прототип


Прототип главной страницы интернет-магазина игрушек

02 / КАТАЛОГ

Прототип каталога товаров

Вторым типом страницы стал каталог. Здесь пользователь уже работает не с магазином в целом, а с ассортиментом и группами товаров.

Отдельный прототип позволяет заранее определить структуру каталога до визуальной проработки карточек и элементов интерфейса.

03 / КАРТОЧКА ТОВАРА

Прототип страницы конкретного товара

Третий экран – карточка товара. Здесь структура уже строится вокруг одной позиции и должна поддерживать переход пользователя от каталога к выбору конкретного товара.

Главная, каталог и карточка товара вместе формируют базовую цепочку интернет-магазина.

Прототип карточки товара интернет-магазина игрушек

Пользовательский маршрут

От магазина – к ассортименту – к товару

Три разработанных прототипа позволяют увидеть основные уровни будущего интернет-магазина ещё до перехода к полноценному дизайну.

01

Главная

02

Каталог

03

Товар

Что показывает этот кейс

Неясную задачу можно визуализировать

Прототип помогает перевести пожелания заказчика в конкретную структуру.

Три экрана закрывают базовый путь

Главная, каталог и товар показывают основные уровни магазина.

Правки проще делать до дизайна

Структуру можно согласовать раньше, чем начнётся детальная визуальная работа.

Другие кейсы прототипирования

Интернет-магазин цветов

Посмотреть кейс →
Мини-маркетплейс

Посмотреть кейс →
Онлайн-библиотека

Посмотреть кейс →

Новый проект

Планируете интернет-магазин или его редизайн?

Можно начать с ключевых страниц и сначала согласовать структуру будущего интерфейса, а затем переходить к детальному дизайну.