healthtech

Slimmer — развитие приложения для контроля веса в полноценную HealthTech-платформу

РольProduct Designer
КомандаPM, Аналитик, Devs
ПлатформыiOS, Android, Web
Период2024 — н.в.

О проекте

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

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

Когда я присоединился к проекту, приложение уже существовало, но представляло собой минимальный MVP: пользователь мог только записывать свой вес и видеть индекс массы тела. Моей задачей стало превратить простой трекер в полноценный цифровой продукт, который помогает пользователю сопровождать свое здоровье на ежедневной основе.
ЭТАП 01

Создание ядра продукта — Dashboard

⚠️ Проблема

Пользователь видел только текущее значение веса. Не хватало понимания:

  • Насколько изменился результат
  • Сколько осталось до цели
  • Как меняются показатели со временем
  • Какие привычки влияют на прогресс

Главный экран не помогал принимать решения и не мотивировал возвращаться.

💡 Решение

Я разработал новый Dashboard — центральный экран продукта, объединяющий всю ключевую информацию о прогрессе пользователя.

Dashboard Slimmer

Блок веса и целей

Основным элементом Dashboard стал блок текущего прогресса. Пользователь видит: текущий вес, стартовый вес, дату начала, текущий ИМТ, целевой вес, целевой ИМТ и график изменения веса.

Блок веса и целей

Дополнительные показатели

Чтобы пользователь видел изменения комплексно, я разработал дополнительные карточки: сброшенный вес, остаток до цели, категорию ИМТ и замеры тела (грудь, талия, бедра, руки).

Дополнительные показатели и замеры

Быстрое добавление данных

Горизонтальный календарь, фиксированная кнопка «+», быстрый выбор типа записи и гибкие сценарии ввода для ежедневного использования.

Быстрое добавление данных

Дополнительные разделы

Инструменты истории ИМТ, замеры тела и несколько пользовательских целей для анализа динамики.

Дополнительные разделы и история
ЭТАП 02

Первый запуск и безопасная авторизация

Авторизация по номеру телефона, вход по коду, Face ID и восстановление доступа. Для знакомства с продуктом был создан onboarding с использованием маскота проекта — кота Бари.

Onboarding и Авторизация
ЭТАП 03

Формирование полезных привычек

Расширение Dashboard трекерами активности, водного баланса и настроения с подробной статистикой и графиками.

Трекеры привычек
ЭТАП 04

Профиль пользователя & Фото-прогресс

Профиль включает персональные данные, медицинскую анкету, настройки, FAQ и отчеты.

Профиль пользователя

Фото-прогресс

Сценарий сравнения снимков тела в различных ракурсах за разные периоды времени.

Сравнение фото-прогресса
ЭТАП 05

От трекера веса к персональному Health Hub

Таблетница

Контроль приема лекарств, графика дозировок и push-уведомления.

Раздел Таблетница

Анализы

Хранение медицинских документов по принципу файлового менеджера с мгновенным доступом для врача.

Медицинские документы и анализы

Блог

Образовательные материалы, тематические статьи и советы экспертов.

Образовательный Блог и Сторис
ЭТАП 06

Темная тема и развитие дизайн-системы

Система цветовых токенов и их автоматический экспорт из Figma в код для безупречной работы светлой и темной тем.

Темная тема и Токены
ЭТАП 07

Онлайн-консультации

Каталог специалистов, отзывы, запись по времени и коммуникация внутри приложения через чат и видеозвонки.

Онлайн консультации с врачами
ЭТАП 08

Адаптация продукта под Web

Адаптивные сетки и сохранение единого пользовательского опыта между мобильным и веб-интерфейсом.

Веб-версия Slimmer

Мой процесс работы

Сопровождение задач на всех этапах разработки:

  • 1. Анализ требований и исследование
  • 2. Сценарии использования (CJM)
  • 3. Wireframes и UX-прототипы
  • 4. UI & Развитие Дизайн-системы
  • 5. Передача макетов в разработку
  • 6. Дизайн-ревью & Фокус-группы
Итог реализации

Результат

За время работы Slimmer трансформировался из простого трекера веса в полноценную HealthTech-платформу, объединяющую контроль ИМТ, замеры, привычки, анализы, лекарства, блог и телемедицину на iOS, Android и Web.

Полный UX/UI цикл + Design System
Другие работы

Смотрите также

Все проекты →