Редизайн приложения Фитнес Формулы
Редизайн приложения для одной из крупнейших в России сетей магазинов спортивного питания и бадов c аудиторией в 40 000 покупателей.
Контекст и проблематика
Бизнес хотел повлиять на конверсию в заказы, поднять вовлеченность пользователей, улучшить эффективность главного экрана, разгрузить каталог, улучшить поиск и упростить оформление заказа. И все это в срок до трех месяцев. При этом важным условием была работа с текущим бэкендом без масштабных изменений.
Я присоединился к команде в роли арт-директора и дизайнера, и занимался исследованиями, визуальной концепцией, проектированием и тестами.
Исследование
Мы изучили отзывы из сторов, пообщались с пользователями Фитнес Формулы, а также сами выступили в роли тайных покупателей. Отдельно провели интервью с пользователями магазинов-конкурентов, чтобы разобраться, какие существуют проблемы, помимо лежащих на поверхности.
Мы узнали, что пользователи теряются в каталоге из-за сложных категорий, не видят наличие товара в магазинах, испытывают сложности с поиском. Большинство покупателей ни разу не заходили в раздел с акциями. Выбор города не удобен для жителей мегаполисов — основной аудитории. И еще, и еще...
Эксперименты
Мы сформулировали и выбрали потенциально эффективные гипотезы, которые проверяли на быстрых UX-тестах. Например, мы решили убрать с главного экрана лишние элементы и вынести ключевые категории каталога выше, предполагая что так мы увеличим шансы на переход в каталог. Или показывать в категориях каталога товары, а не список вложенных подкатегорий.
Проблемы и решения
В новом дизайне вместо ссылок-кружков, похожих на сторис, и этажа с доставкой, появилась строка важных разделов, помогающих продвигать акции, рассказывать новости, отвечать на вопросы о доставке. Также на главном экране появилось пространство для информации о статусе заказов.
Мы переработали список городов, сделали его компактнее и информативнее. Города-миллионники, в которых представлена сеть магазинов, продублированы в отдельном блоке популярных городов.
Ключевое изменение каталога — создание второго уровня категорий, которое позволило сгруппировать категории по направлениям. Раньше в строке помещалось по две категории, а в новом дизайне их стало три. Мы уменьшили карточки по высоте, и это позволило вместить в экран больше подкатегорий и за счет этого уменьшить высоту страницы. При этом на всех вложенных экранах каталога доступны подборки товаров.
Информация на карточке товара стала плотнее, в первом экране появились полезные блоки, показывающие рейтинг товара и наличие в магазинах города пользователя. Также теперь можно переключаться между разными карточками товара, который отличается только весом или количеством единиц в упаковке, и видеть цену за предлагаемый объем.
Добавить товар в корзину можно не только со страницы товара, но и с витрины.
В новом дизайне пустая корзина предлагает перейти в каталог и показывает уже просмотренные товары, предлагая их добавить.
Мы значительно переработали экран заказа, упростили форму, сделали понятнее и удобнее выбор способа доставки. Еще появилась возможность забирать заказ по частям из разных пунктов выдачи, если выбранных товаров нет в одном. Товары с разным сроком доставки теперь могут быть в одном заказе и просто будут доставлены по частям.
Новый поиск предлагает результаты с первых букв, ищет по брендам и показывает историю.
В профиле появился штрихкод карты лояльности, статус текущих заказов и быстрый доступ к истории покупок. Также на этом экране расположились настройки и полезная информация о сервисе, способах оплаты и способах доставки.
Результат и отзывы
За три месяца мы сделали несколько итераций, протестировали сценарии и передизайнили все экраны.
К сожалению, у нас нет количественных метрик редизайна, зато есть отзывы ребят из команды продукта 👍
После исправления самых критичных багов в сторах стали появляться позитивные отзывы.
Посмотреть в App Store или Google Play
Роман Беньо, арт-директор и дизайнер
Даша Лукшина, дизайнер
Роберт Каваев, айос-разработчик
Айнур Минибаев, продакт-менеджер
Сделано в агентстве продуктовой разработки «Технаксис» в 2024 году