Редизайн мобильной версии сайта
Продукт
B2B Движение — это компания, которая предлагает программное обеспечение для перевода оптовых продаж в интернет. Клиент получает собственный маркет со своей продукцией.
Моя роль в продукте
1. Исследование пользовательских потребностей и проблем, связанных с использованием программного обеспечения.
2. Разработка и проектирование пользовательских интерфейсов в десктопной и адаптивной (мобильной) версиях, которые удовлетворяют потребностям пользователей.
3. Создание прототипов и дизайн-макетов.
4. Участие в тестировании реализованного дизайна на пользователях и получение обратной связи для улучшения опыта пользователей.
Проблема:
32,6% пользователей продукта заходят на сайт с мобильных устройств. Чаще всего жалобы на удобство сайта поступали именно от этой части пользователей.
Мобильная версия сайта имеет тот же функционал, что и десктопная. Но обилие функционала на маленьких экранах привело к сложной навигации и интерфейсу.
Я начал анализировать метрики, вместе с менеджарами провели небольшое интервью с пользователями.
Опросы и наблюдения показали, что главная проблема — навигация по сайту. Часто клиент знает, что нужно, но не видит раздел.
Прошлая реализация навигации
Основные страницы, меню:
Редизайн
Я упростил навигацию по сайту, добавив нижнюю панель с двумя основными функциями:
быстрое перемещение по основным разделам сайта и
отображение всех разделов.
Разгрузил шапку сайта. Избавился от сложной вложенности бокового меню. Обновил визуальный стиль некоторых элементов управления. Всё это реализовал с помощью новой разработанной с нуля дизайн-системы.
Результат
По результатам, которые предоставили клиенты можно сделать вывод, что пользованием сайтом стало интуитивнее и проще.
Подробнее о том, как преобразились страницы мобильной версии маркета после внедрения нижней навигационной панели ↓
Читать подробнее о редизайне мобильной версии
Главная страница
B2B Движение
Прдуктовый дизайн • Дизайн интерфейса • UX/UI Дизайн
Как я разделил флоу
B2B Движение
Прдуктовый дизайн • Дизайн интерфейса • UX/UI Дизайн