Магазин декора для дома
Основным товаром являются постеры
Основным товаром являются постеры
о себе
о себе
веб
Клиент пришел с магазином, полностью скопированным у конкурента. Необходимо было создать свой визуальный язык сайта и спроектировать комфортную покупку разных видов товара
Со стороны разработки: необходимо минимизировать количество компонентов, чтобы быстрее разработать сайт
Со стороны разработки: необходимо минимизировать количество компонентов, чтобы быстрее разработать сайт
Главный product designer
— Разработка информационной архитектуры,
— Анализ конкурентов,
— Создание дизайн-системы,
— Проработка основных страниц (каталог, корзина, оформление заказа, личный кабинет),
— Передача макетов в разработку,
— Презентация решений клиенту через кликабельные прототипы.
— Разработка информационной архитектуры,
— Анализ конкурентов,
— Создание дизайн-системы,
— Проработка основных страниц (каталог, корзина, оформление заказа, личный кабинет),
— Передача макетов в разработку,
— Презентация решений клиенту через кликабельные прототипы.
Каталог
Основное отличие от обычных маркетплейсов — товар нельзя сразу положить в корзину
Это сделано, потому что в карточке товара необходимо выбрать параметры перед покупкой
Это сделано, потому что в карточке товара необходимо выбрать параметры перед покупкой
Карточка товара
В карточке товара можно выбрать размер, материал и рамку
Боковая панель с фотографиями закрепляется до завершения блока с информацией по товару
Мы выдвинули гипотезу, что пользователю не понятна разница между материалами, она подтвердилась и мы добавили руководства
Боковая панель с фотографиями закрепляется до завершения блока с информацией по товару
Мы выдвинули гипотезу, что пользователю не понятна разница между материалами, она подтвердилась и мы добавили руководства
Карточка товара
Самый частый флоу — покупка одного постера. Именно на этот флоу мы и опирались. Также, бизнесу было выгодно продавать постеры в рамке, поэтому мы дважды рекомендуем их во флоу оформления постера
Почему мы не взяли типичный флоу маркетплейстов с отдельной страницей корзины? Мы изучили конкурентов, получили данные от клиента и поняли, что надо реализовывать корзину через Drawer
Мы быстро согласовывали решения с клиентом, но забыли про консистентность. Хотя целью было минимизировать количество компонентов для скорости разработки
Я взяла время на то, чтобы найти повторяющиеся элементы и, учитывая сетку и места их использования, минимизировать кол-во разных элементов
Вся платформа строится на карточке товара. До проверки было 8 видов карточки. После оптимизации их стало 3 на мобильной, планшетной и десктоп версии
До
8
3
видов только на десктоп
После
здесь еще состояния hover-active, конечно :)
вида на трех расширениях
MVP находится в разработке, но в процессе реализации мы предложили насколько много интересных идей, что будет второй этап проекта