Редизайн мобильной версии сайта

Продукт

B2B Движение — это компания, которая предлагает программное обеспечение для перевода оптовых продаж в интернет. Клиент получает собственный маркет со своей продукцией.


Моя роль в продукте

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


2. Разработка и проектирование пользовательских интерфейсов в десктопной и адаптивной (мобильной) версиях, которые удовлетворяют потребностям пользователей.


3. Создание прототипов и дизайн-макетов.


4. Участие в тестировании реализованного дизайна на пользователях и получение обратной связи для улучшения опыта пользователей.


Проблема:

32,6% пользователей продукта заходят на сайт с мобильных устройств. Чаще всего жалобы на удобство сайта поступали именно от этой части пользователей.


Мобильная версия сайта имеет тот же функционал, что и десктопная. Но обилие функционала на маленьких экранах привело к сложной навигации и интерфейсу.


Я начал анализировать метрики, вместе с менеджарами провели небольшое интервью с пользователями.


Опросы и наблюдения показали, что главная проблема — навигация по сайту. Часто клиент знает, что нужно, но не видит раздел.


Прошлая реализация навигации

Основные страницы, меню:


Редизайн
Я упростил навигацию по сайту, добавив нижнюю панель с двумя основными функциями:

  • быстрое перемещение по основным разделам сайта и

  • отображение всех разделов.


Разгрузил шапку сайта. Избавился от сложной вложенности бокового меню. Обновил визуальный стиль некоторых элементов управления. Всё это реализовал с помощью новой разработанной с нуля дизайн-системы.

Результат
По результатам, которые предоставили клиенты можно сделать вывод, что пользованием сайтом стало интуитивнее и проще.


Подробнее о том, как преобразились страницы мобильной версии маркета после внедрения нижней навигационной панели ↓