Heart Health Assessment

Designing an accessible, educational tool to raise awareness around heart attack risk factors

Web

Health & Wellness

2 months

Get StartedBack Icon  Button

Challenge & Scope

Bayer aimed to increase awareness of heart health through an easy-to-use, mobile-first risk assessment. Partnering with AnalogFolk, we collaborated to craft an intuitive experience that simplified medical information and prompted reflection. Our biggest challenge was distilling clinical content into a warm, approachable tool that encouraged repeated use without losing credibility. We handled the UX strategy, interface design, and content layout while aligning with the platform’s backend partner, Huma.

UX/UI Design

Visual Design

Interaction Design

Prototyping

Design Documentation

What We Did

We collaborated closely with AnalogFolk and Bayer to bring clarity and simplicity to a clinical experience.

Researched existing UX patterns and benchmarks

Created wireframes, visual style, and prototypes

Drafted and reviewed all user content with AF team

Designed and documented UI components for handoff

Integrated with Huma’s backend requirements

Highlights

Clear & Human Interaction

We designed the assessment flow to feel like a helpful, conversational experience using clean language, large tap targets, and reassuring UI elements to guide users with calm focus.

Series of mobile screens from Bayer Heart Health Assessment illustrating step-by-step questionnaire flow created by Irazu Studio.

Highlights

Visual Simplicity for Reflection

The visual style prioritized minimal distractions, using bold typography, flat shapes, and thoughtful microcopy to help users process their results and reflect without pressure.

Tablet interface of Bayer Heart Health Assessment showing condition selection step designed by Irazu Studio.

Highlights

Thoughtful Feedback Loops

The visual style prioritized minimal distractions, using bold typography, flat shapes, and thoughtful microcopy to help users process their results and reflect without pressure.

Three mobile screens from Bayer Heart Health Assessment displaying result loading, cardiovascular risk score, and ten-year risk breakdown designed by Irazu Studio.

Highlights

Designed for Modularity

The experience was built to grow. The modular system allowed for additional questions, visual refinements, and localized content. It was built using a scalable component model to adapt across languages and regions.

Hand holding mobile phone showing Bayer Heart Health Assessment’s heart-smart fact screen encouraging healthy habits, designed by Irazu Studio.

Outcome

We delivered a fully responsive product in just two months. Bayer received a polished, developer-ready experience backed by documentation, modular components, and a user-centered content structure. The tool was successfully implemented as part of Bayer’s broader cardiovascular health initiative, helping thousands assess and reflect on heart health. Our design contributed to increased completion rates and positive feedback from users and stakeholders alike.

Let's Talk

Need Reliable UX/UI Help?

Tell us what you’re working on we’ll jump in where it matters most.

Get in touch