Редизайн главной страницы мобильного маркетплейса


Продукт

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


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

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


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


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


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


Проблема

Исследования главной страницы на мобильных устройствах показали следующие проблемы:

  • Пользователи пролистывают баннеры не смотрят и не взаимодействуют, а на них часто маркетинговая информация, в том числе выгодная для пользователя.

  • На главной странице покупатели взаимодействуют с первыми 3-4 категории товаров, а остальные пролистывают и чаще ищут через поиск по сайту.

  • Шапка сайта съедает много места, при этом функциональность используется на 50%.


Решение

Главное нововведение — внедрение нижней панели навигации, которая упрощает взаимодействие с продуктом. Панель разгружает шапку сайта и уменьшает ее высоту.


Проблема с баннерами заключалась в том, что они были копиями баннеров с десктопной версии. Текст на таких баннерах часто было сложно прочитать: он был мелким, а изображения — плохо различимыми.


В новой версии баннеры создаются отдельно для мобильной версии, а еще добавились другие соотношения соответствующие стандартам рекламной системы Яндекса. Размеры в пикселях и учитывают минимальную ширину экрана в 360px

Редизайн главной страницы мобильного маркетплейса


Продукт

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


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

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


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


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


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


Проблема

Исследования главной страницы на мобильных устройствах показали следующие проблемы:

  • Пользователи пролистывают баннеры не смотрят и не взаимодействуют, а на них часто маркетинговая информация, в том числе выгодная для пользователя.

  • На главной странице покупатели взаимодействуют с первыми 3-4 категории товаров, а остальные пролистывают и чаще ищут через поиск по сайту.

  • Шапка сайта съедает много места, при этом функциональность используется на 50%.


Решение

Главное нововведение — внедрение нижней панели навигации, которая упрощает взаимодействие с продуктом. Панель разгружает шапку сайта и уменьшает ее высоту.


Проблема с баннерами заключалась в том, что они были копиями баннеров с десктопной версии. Текст на таких баннерах часто было сложно прочитать: он был мелким, а изображения — плохо различимыми.


В новой версии баннеры создаются отдельно для мобильной версии, а еще добавились другие соотношения соответствующие стандартам рекламной системы Яндекса. Размеры в пикселях и учитывают минимальную ширину экрана в 360px

Редизайн главной страницы мобильного маркетплейса


Продукт

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


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

1. Разработатка визуального стиля главной страницы


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


Проблема

Исследования главной страницы на мобильных устройствах показали следующие проблемы:

  • Пользователи пролистывают баннеры, а на них часто маркетинговая информация, в том числе выгодная для пользователя.

  • На главной странице покупатели взаимодействуют с первыми 3-4 категории товаров, а остальные пролистывают

  • Шапка сайта съедает много места, при этом функциональность используется на 50%.


Решение

Главное нововведение — внедрение нижней панели навигации, которая упрощает взаимодействие с продуктом. Панель разгружает шапку сайта и уменьшает ее высоту.


Проблема с баннерами заключалась в том, что они были копиями баннеров с десктопной версии. Текст на таких баннерах часто было сложно прочитать: он был мелким, а изображения — плохо различимыми.


В новой версии баннеры создаются отдельно для мобильной версии, а еще добавились другие соотношения соответствующие стандартам рекламной системы Яндекса. Размеры в пикселях и учитывают минимальную ширину экрана в 360px

C новыми стандартами баннера, я предложил новую механику взаимодействия.

C новыми стандартами баннера, я предложил новую механику взаимодействия.

Разделы каталога занимали много места, а новые карточки его экономят:

Разделы каталога занимали много места, а новые карточки его экономят:

Результаты

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

Результаты

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