Making Health Tracking Simple, Visual & Motivating

Health & Fitness Dashboard is a web and mobile health tracking experience designed in Figma. It brings hydration, heart rate, steps, sleep, nutrition, weight and blood pressure into one clear dashboard, with a voice assistant and a detailed screen for every metric. We created a fresh, easy-to-scan interface with dark green and lime accents, rounded cards, clear charts, a consistent type system and reusable UI components that work on desktop and mobile.

Health & Fitness AppDashboard DesignWeb App DesignMobile App DesignFigmaUI/UXData VisualizationDesign SystemVoice AssistantCodeIgniterPHP
Health & Fitness Dashboard – Web & Mobile App UI/UX Design
ClientVitalTrack Wellness
IndustryHealth & Fitness / Wellness / Dashboard
ServicesUI/UX Design, Figma, Web App Design, Mobile App Design, Design System
Timeline7 Weeks

The challenge

Making Daily Health Tracking Simple, Clear & Motivating

The goal was to create a health and fitness dashboard that helps users see how their day is going, stay motivated, and track their progress across hydration, heart rate, steps, sleep, nutrition, weight and blood pressure.

We focused on a clean widget-based layout, easy navigation, helpful voice assistance, and a friendly experience that works smoothly on both web and mobile.

Health & Fitness Dashboard – Web & Mobile App UI/UX Design

The problem

Making Daily Health Tracking Clearer and More Motivating

The solution we gave

FormulatUX designed and built a clean health and fitness dashboard with simple widget cards, clear charts, a voice assistant, and a detailed screen for hydration, heart rate, steps, sleep, nutrition, weight and blood pressure.

The design features a fresh dark green and lime palette, rounded cards, Inter typography, and reusable Figma components for a consistent web and mobile experience, backed by a CodeIgniter 4 and PHP backend with an admin panel.

A smarter health experience designed to turn everyday tracking into clear, motivating progress.

Health & Fitness Dashboard brings hydration, heart rate, steps, sleep, nutrition, weight and blood pressure together in one clear experience. We organized widget cards, detailed metric screens, goals, reminders, user profiles and settings into intuitive web and mobile layouts.

Using Figma, FormulatUX created a consistent visual identity with dark green backgrounds, lime and blue accents, Inter typography, and reusable UI components. With CodeIgniter 4, PHP and MySQL, we turned the designs into a working backend and admin panel. The result brings clarity, motivation and voice assistance together in one seamless experience.

How the project unfolded

Days 1–10

Discovery & UX

Reviewed health-tracking features and user journeys, mapped the flows and built wireframes for the dashboard and each metric screen.

Days 11–25

Design System & UI Design

Defined colors, typography and components, then designed the web dashboard, the seven inner screens and the mobile app in Figma.

Days 26–42

Backend & CMS Development

Built the CodeIgniter 4, PHP and MySQL backend with user accounts, health-data APIs and an admin panel, and turned the Figma screens into responsive views.

Days 43–49

Testing & Handoff

Tested the app across devices, fixed issues and delivered the final design files, code and setup notes.

A Clearer, Smarter & More Motivating Health Dashboard

Health & Fitness AppDashboard DesignWeb App DesignMobile App DesignFigmaUI/UXData VisualizationDesign SystemVoice AssistantCodeIgniterPHP

Client feedback

“Working with FormulatUX was a great experience. They handled both the design and the development, turning our idea into a clean, modern dashboard that works smoothly on web and mobile. The team was quick to respond, shared regular updates and delivered everything on time. Highly recommended!”

Alex Morgan | Founder, VitalTrack Wellness

More of our work

Want results like these?

Tell us what you want to build and we will reply within one business day.

Talk to our team
Chat with us