Healthcare Mobile App Design

A mobile app that helps users track their blood test results, understand the data, and get medical advice tailored to their health.
Website

Project name

Assay-X

Duration

1 month

Team

2 members

Industry

Medicine

Services

UX/UI Design

About Assay-X: Making Blood Tests Easy to Understand

Assay-X is built to make it easier for users to work with their medical data. The app tracks blood test results, highlights key indicators, and gives clear explanations and recommendations based on each user’s data.

Task

Our task was to design the full user experience and visual style of the app. We worked closely with the client to define the core features, understand the medical use cases, and reflect the brand’s look and feel across every screen.

The Challenge: Presenting Complex Medical Data Simply

The main challenge was turning complex medical data into a clear, user-friendly interface. At the same time, the design had to follow the client’s existing visual direction, which included a soft, volumetric style with subtle shadows.

Design Stages

Step 1: Research & Mindmap

We started with research and product discussions to understand the app’s goals and structure. Based on that, we created a mind map to define core features and user flows, which helped plan the overall logic before moving into design.

Step 2: Wireframes & Moodboard

Wireframes were used to define screen structure and navigation. In parallel, we created a moodboard to align colors, UI elements, and overall style with the client’s vision.

Step 3: Final Design — Soft, Calming & Modular

The final design uses soft colors and subtle shadows to create a calm and approachable interface. A modular layout helps organize information and keeps navigation simple, while staying consistent with the brand style.

Functionality

Blood Test Analysis: Upload, Breakdown & Risk Flags

The app allows users to upload blood test data and get a structured breakdown. Results are sorted into normal and abnormal ranges, with risks highlighted and extra insights for early detection and recommendations.

Health Progress Tracking with Color-Coded Charts

The app lets users track their blood metrics visually. Charts display changes with minimum and maximum values, using color codes to show normal, warning, and critical levels.

Doctor Consultation & Clinic Finder

The app includes access to medical consultations. Users can reach out to partner doctors directly and get feedback within 24 hours. The built-in map helps them find nearby clinics through Google Maps.

Results: A Strong Design Foundation for Launch

The product is still in its early stages, but the design foundation is complete and ready. With clear UX, structured flows, and a clean medical interface, the app is ready for development and future growth.

Need UX/UI Design for Your Health App?

We design healthcare products with clear UX and user-friendly data presentation. Get a tailored estimate within 48 hours.