Prosto Poster

Клиент пришел с магазином, полностью скопированным у конкурента. Необходимо было создать свой визуальный язык сайта и спроектировать комфортную покупку разных видов товара

Со стороны разработки: необходимо минимизировать количество компонентов, чтобы быстрее разработать сайт

Главный product designer
— Разработка информационной архитектуры,
— Анализ конкурентов,
— Создание дизайн-системы,
— Проработка основных страниц (каталог, корзина, оформление заказа, личный кабинет),
— Передача макетов в разработку,
— Презентация решений клиенту через кликабельные прототипы.

В карточке товара можно выбрать размер, материал и рамку

Боковая панель с фотографиями закрепляется до завершения блока с информацией по товару

Мы выяснили через глубинки, что пользователям не понятна разница между материалами, она подтвердилась и мы добавили руководства

Самый частый флоу — покупка одного постера. Именно на этот флоу мы и опирались. Также, бизнесу было выгодно продавать постеры в рамке, поэтому мы дважды рекомендуем их во флоу оформления постера

Основное отличие от обычных маркетплейсов — товар нельзя сразу положить в корзину.

Это сделано, потому что в карточке товара необходимо выбрать параметры перед покупкой

Мы быстро согласовывали решения с клиентом, но забыли про консистентность. Хотя целью было минимизировать количество компонентов для скорости разработки

Я взяла время на то, чтобы найти повторяющиеся элементы и, учитывая сетку и места их использования, минимизировать кол-во разных элементов

- Нагенерировали идеи для масштабирования сайта
- Первая итерация недавно была запущена
- Проводится дизайн ревью

Вся платформа строится на карточке товара До проверки было 8 видов карточки. После оптимизации их стало 3 на мобильной, планшетной и десктоп версии

Задача

Роль

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

Корзина

Каталог

Проблема консистентности

Решение

Результаты проекта

После