Веб- и мобильное приложения для TechZone — маркетплейс, который специализируется на продаже цифровой техники (телевизоры, ноутбуки, смартфоны, смарт-часы и аксессуары).
TechZone: Маркетплейс
Процесс работы
Информационная архитектура
На основе конкурентного анализа, инсайтов информационную архитектуру, описав расположение разделов и сущностей. Это упростило мою коммуникацию с разработчиками на проекте.
Конкурентный анализ
— Конкурентный анализ: изучены ключевые флоу маркетплейсов, выбраны лучшие решения для навигации, фильтров и сортировки товаров на мобильном.
— Глубинные интервью: выявлены потребности мобильных пользователей: быстрый доступ к отзывам и рейтингам, удобное оформление заказа, акции и промо для стимулирования покупок.
— Информационная архитектура: структура экранов и элементов интерфейса для упрощения навигации и коммуникации с разработкой.
— UI дизайн и прототипирование: создание интерактивных прототипов, сбор UI kit для дальнейшей работы разработчиков.
Этапы работы
Проанализированы основные конкуренты и их ключевые флоу. Часть экранов и элементов интерфейса взяты в качестве референсов для создания удобной и понятной навигации.
Дизайн
Дизайн маркетплейса для веб- и мобильного приложений подготовлен с использованием системных компонентных библиотек, обеспечивая структурность, единый визуальный язык и ускоряет дальнейшую разработку.
Передача макетов в разработку
— Все макеты подготовлены для передачи в разработку.
— Подготовлен интерактивный прототип для улучшения понимания логики интерфейсов разработчиками.
Дизайн-система
Собрала гибкую дизайн-систему, которая будет использоваться разработчками в дальнейшей работе.
UI-архитектура
Результаты и метрики
— Прототип показал сокращение времени поиска товара на 20%, а конверсия в оформление заказа выросла на 30% благодаря оптимизированной навигации и фильтрам.
— Внедрение отзывов и рейтингов увеличило доверие пользователей, что положительно сказалось на средней стоимости заказа.
в продукт с первого взгляда
лишнее, усиливает главное и влюбляет
Сильный дизайн устраняет
Сильный дизайн устраняет лишнее, усиливает главное и влюбляет в продукт с первого взгляда