Редизайн сервиса доставки здорового питания Befit
Ведущий дизайнер
UX/UI, исследования, дизайн-система, наставничество

2020

О проекте
Масштабный редизайн веб-платформы Befit, который устранил технические ограничения для роста бизнеса, увеличил конверсию в заказ на веб-сайте на 60% и помог поднять оценку приложений в сторах с 2.6 до 4.6
2 года продуктовой поддержки
125+ макетов для Web, iOS и Android
25+ иллюстраций для геймификации, онбординга
Контекст, проблемы
К 2020 году сервис Befit столкнулся с ограничениями роста из-за устаревшей первой версии сайта (разработанной в 2017 году). Продукт перерос свой интерфейс. Я инициировал редизайн, выделив две критические группы проблем:

  • Бизнес и продукт: Старая архитектура не позволяла масштабировать сервис (добавлять новые линейки питания, конструкторы блюд). Жесткий интерфейс сдерживал конверсию и не удерживал клиентов
  • Старый UX снижал конверсию, а мобильные приложения имели критически низкую оценку (2.6 в сторах) из-за неудобной логики заказа
  • Процесс разработки был изолированным: я отдавал макеты фронтенду и видел результат только на «боевом» сайте. Это привело к рассинхронизации дизайна и кода
Исследования, гипотезы
Чтобы убедить руководство в необходимости изменений, я провел комплексный аудит:

  • Количественные данные: Проанализировал веб-аналитику текущего сайта и выявил узкие места в воронке оформления заказа
  • Качественные данные: Собрал отзывы пользователей и провел онлайн-опросы, чтобы подсветить основные боли клиентов
  • Провел конкурентный анализ рынка FoodTech

На основе инсайтов были сформированы продуктовые гипотезы для защиты концепта перед руководством
Оптимизация воронки продаж и конверсии
Двухэтапное оформление
Упростил шаг оформления подписки. Пользователь видит ключевые параметры своего рациона до перехода к оплате. Это снизило отток пользователей на этапе оформления
Бесшовная оплата
Спроектировал сохранение платежных данных. Это снизило барьер для повторных покупок, которые составляют основу бизнес-модели подписки на питание
Гибкие мультилэндинги
Спроектировал адаптивную логику внутренних страниц под разные сегменты аудитории. Что позволило быстро собирать страницы под тесты
Персонализация
Конструктор рациона
Разработал гибкую логику кастомизации меню. Пользователи получили возможность исключать конкретные блюда, нелюбимые ингредиенты и настраивать фильтры по аллергенам. Это решило одну из проблем клиентов (в меню есть то, что я не ем) и удержало аудиторию с особыми диетическими потребностями
Подбор рациона
Анкета определяет цели и особенности, моментально предлагая идеальный тариф. Это снизило когнитивную нагрузку на этапе выбора и увеличило конверсию в первый заказ
Механики удержания
Геймификация
Превратил профиль пользователя в интерактивный инструмент: добавил трекер веса, постановку целей и систему наград за регулярное питание
B2B-каналы и монетизация
Разработал интерфейсы для сетевой интеграции с фитнес-клубами и нативные блоки для кросс-продаж с брендами-партнерами
Процессы и система
Единая система
Разработал масштабируемый UI Kit. Готовые компоненты позволили стандартизировать интерфейс, уменьшить время на разработку последующих экранов и страниц
Авторский надзор
Внедрил этап обязательной приемки верстки дизайнером перед каждым релизом. Это полностью ликвидировало расхождения между макетами и кодом и убрало хаос во взаимодействии с разработчиками
Менторство
Выступал в роли ведущего дизайнера на этапе масштабирования сервиса. Проводил регулярные дизайн-ревью макетов других дизайнеров, давал конструктивную обратную связь и корректировал решения коллег, чтобы сохранить целостность интерфейса
Результаты
  • +60% к конверсии сервиса в покупку
  • Скачок оценки приложения с 2.6 до 4.6
  • Единый визуальный язык для Web, iOS и Android
  • Ускорилась проверка продуктовых и маркетинговых гипотез
  • Снижение оттока на этапе шагов оформления
  • Снизило нагрузку на службу поддержки (реже обращения с вопросами о замене блюд)
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website