Health Tracker & Biomarkers

Дизайн и девелопмент iOS-приложения

Health Tracker & Biomarkers — приложение с простой, но непростой задачей. Понять, влияют ли витамины и добавки на анализы.

Это логичное продолжение моих трекеров. Но уже с большим объёмом данных, большим количеством связей и более сложной логикой.

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

40 дней

от идеи до App Store
Figma
Xcode
Codex
Health Tracker & Biomarkers Summary
Идея и вайрфреймы

Юзер флоу и архитектура

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

Health Tracker & Biomarkers Overview
В течение дня

Я хочу отмечать приём добавок и видеть, что запланировано и что пропущено.

Анализы

Я хочу добавлять показатели, ставить цели и видеть динамику.

Курсы

Я хочу управлять курсами, дозировками и понимать, как они влияют на анализы.

Health Tracker & Biomarkers Step
Разработка

Создание приложения в Xcode

Сначала продумал базовую логику и структуру данных. Финальный UI не фиксировал — многое меняется в процессе сборки. Создал базовую дизайн-систему: типографика, цвета, отступы, компоненты. Архитектуру выстраивал постепенно, проверяя каждую связь между приёмом и анализами.

Health Tracker & Biomarkers Overview
Прототип

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

Промежуточный UI

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

Интерфейс

Собрал собственный сет иконок, чтобы интерфейс выглядел цельно. Инпуты переработал под формат капсул. Они занимают меньше места и лучше вписываются в общий стиль.

Рабочая версия

После нескольких итераций логика стала понятной. Самая сложная часть — корректно показать зависимость приёма и изменений в показателях.

Health Tracker & Biomarkers Step
Реклама App Store

Проработка рекламы

Изучил конкурентов и их позиционирование. Важно было показать серьёзность продукта и не перегрузить обещаниями. Сделал акцент на реальных сценариях и понятной демонстрации проблемы и решения.

Health Tracker & Biomarkers Overview
Варианты

Дизайн должен был выглядеть серьёзно. Минимум лишних обещаний. Больше фактов и структуры.

Цвет и стиль

Выбрал более живой и яркий стиль с чёткими формулировками.

TestFlight

Проверил сборки, локализацию и стабильность. В этот раз сделал больше тестов до релиза.

Health Tracker & Biomarkers Step
Онбординг

Онбординг как взаимодействие

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

Health Tracker & Biomarkers Overview
Настройка

Добавил отдельный навык для Codex с гайдлайнами и лучшими практиками. Это помогло делать онбординг осознанно и системно.

Взаимодействие

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

Доступность

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

Выводы

  1. Не стоит полировать дизайн до финальной логики
  2. Интерактивный онбординг лучше статичного
  3. Стабильность и автопроверки экономят время после релиза
Health Tracker & Biomarkers Step

Другие проекты

Monitoring — UAP Project

Monitoring — UAP

Мониторинг для АЭС — это не про интерфейс, а про понимание состояния системы. Проект включал переработку логики, визуализацию 3D-хранилищ и синхронизацию сложных сценариев.

Смотреть Arrow