Health Tracker & Biomarkers

iOS App Design & Development

Health Tracker & Biomarkers is an app built around a simple but challenging goal: to understand whether vitamins and supplements influence lab results.

It is a logical continuation of my previous trackers, but with more data, more connections, and more complex logic.

Stability became a key focus. I set up build processes, added automated checks, and carefully planned localization and onboarding to avoid post-release issues.

40 days

from idea to App Store
Figma
Xcode
Codex
Health Tracker & Biomarkers Summary
Idea & Wireframes

User Flow & Architecture

The goal was to combine daily intake, lab results, and supplement courses into one clear system. Users should see the connection between their actions and outcomes. I designed transition logic, edge cases, and gradual feature discovery.

Health Tracker & Biomarkers Overview
During the Day

I want to track supplement intake and see what is planned and what was missed.

Lab Results

I want to add biomarkers, set targets, and track progress over time.

Courses

I want to manage supplement courses, dosages, and understand how they affect lab results.

Health Tracker & Biomarkers Step
Development

Building the App in Xcode

I started with core logic and data structure. The final UI was not fixed early, as many things evolve during development. I created a base design system: typography, colors, spacing, and components. The architecture was built gradually, validating each connection between intake and lab markers.

Health Tracker & Biomarkers Overview
Prototype

I assembled the main components and tested core scenarios. Navigation was added later once the logic became stable.

Intermediate UI

The first build revealed logical issues. I refined scenarios, especially the relationships between lab results and supplement courses.

Interface

I created a custom icon set to keep the interface cohesive. Inputs were redesigned into capsule-style elements, saving space and improving visual consistency.

Working Version

After several iterations, the logic became clear. The most challenging part was accurately visualizing the relationship between intake and biomarker changes.

Health Tracker & Biomarkers Step
App Store Marketing

Marketing Strategy

I analyzed competitors and their positioning. It was important to present the product as serious and reliable without overpromising. The focus was on real scenarios and a clear presentation of the problem and solution.

Health Tracker & Biomarkers Overview
Concept Variations

The design needed to feel serious. Fewer promises, more structure and clarity.

Color & Style

I chose a more vibrant and vivid style with clear wording.

TestFlight

I tested builds, localization, and overall stability. This time I ran more tests before release.

Health Tracker & Biomarkers Step
Onboarding

Onboarding as Interaction

Since the app is more complex than a typical tracker, onboarding became the entry point to the system. Users answer questions, choose a scenario, and receive a personalized structure. It’s not just an interface introduction — it’s configuration.

Health Tracker & Biomarkers Overview
Setup

I added a dedicated Codex skill with guidelines and best practices. This helped structure onboarding more thoughtfully.

Interaction

After competitor research, onboarding became interactive. Branching scenarios were introduced based on user responses.

Accessibility

I added support for larger text, considered voice control, and allowed animations to be disabled according to system settings.

Conclusions

  1. Do not polish the design before finalizing core logic
  2. Interactive onboarding works better than static screens
  3. Stability and automated checks save time after release
Health Tracker & Biomarkers Step

Other projects

Monitoring — UPL Project

Monitoring — UPL

Nuclear plant monitoring — less about UI, more about understanding system state. The project involved reworking logic, 3D storage visualization, and syncing complex scenarios.

View case study Arrow