My Bupa App

Back in 2016, during my time at Aridna Communications Group, I had the opportunity to lead the pitch and initial development of a new mobile app for Bupa Latin America. In the absence of a dedicated research team, I took on a hands-on role throughout both the design and development phases.

Drawing from my background in front-end design, I created an intuitive and user-recognizable interface, helping introduce the company to UX principles for the first time. With a tight deadline to deliver a functional prototype, we developed the app using Microsoft Azure. Although this expedited the process, it came with platform limitations—particularly in customizing design elements, as we had to rely on native components.

Despite these constraints, I successfully delivered a comprehensive app concept that served as a functional foundation, ultimately enabling further development without major issues. My final delivery consisted of high-fidelity wireframes that clearly communicated design intent and user flow, laying the groundwork for a smooth handoff to the development team.

  
UI Design

@:
Ariadna Communications Group

Client:
My Bupa

Role:
UX/UI Designer

Main Features to Design

View and manage your health and dental insurance policies, check your benefits, and access digital membership cards.
Submit and track health care claims, review claims history, and access claims advice statements.
Locate Bupa network doctors, clinics, and hospitals based on your location.
Update contact details, manage jhd premium payments, and access policy-related documents.

Sonia Vargas

The Busy Professional

- Age: 34
- Location: Santiago, Chile
- Occupation: Marketing Manager
- Family: Married, 1 child
- Tech Comfort Level: High
- Insurance Type: Bupa employer-sponsored plan
- Quickly access her medical history and insurance coverage details
- Schedule appointments without calling
- Download receipts and submit reimbursement claims efficiently
- Limited time during the day for phone calls or paperwork
- Frustrated by clunky, slow-loading apps
- Needs notifications for authorizations and pending reimbursements
- Checks the app during work breaks or in the evening
- Prefers digital-first interactions
- Uses apps like Google Calendar, Uber, and banking apps regularly

“If I can do my banking on my phone in 2 minutes, why not my healthcare too?”

— Sonia Vargas

Daniel López

The Health-Conscious Retiree

- Age: 67
- Location: Mexico City, Mexico
- Occupation: Retired engineer
- Family: Widower, 2 adult children
- Tech Comfort Level: Moderate
- Insurance Type: Individual Bupa Plan
- Manage chronic conditions (hypertension, diabetes) with regular check-ups
- Track medication authorizations and lab test results
- Get clear, understandable policy and coverage information
- Sometimes confused by medical or insurance jargon
- Struggles with apps that have too many steps
- Prefers larger fonts and clear navigation
- Uses a tablet at home daily
- Relies on children to help with complex digital tasks
- Often prints out digital documents for reference

“I want to understand what’s covered without needing to call my son every time.”

— Daniel López

Design Systems

As part of crafting a cohesive and intuitive user experience, I developed a lightweight design system tailored to Bupa’s brand identity. I carefully selected colors and fonts that were not only visually aligned with Bupa’s existing branding but also optimized for legibility and usability in a mobile context.

Icons

A consistent icon system was developed to ensure clarity and usability across the app. All icons followed the same line weight, style, and proportions to maintain visual harmony. Color usage was carefully planned to work across different states—positive, negative, and on various background colors—while ensuring accessibility and alignment with usability heuristics. The goal was to create a unified, intuitive set that supported quick recognition and clear navigation.

Colors

The color palette drew directly from Bupa’s brand colors—balancing trust-driven blues with fresh, clean tones to reinforce a sense of health and reliability. I ensured high contrast for all critical UI elements, making the interface accessible and easy to read across screen sizes and lighting conditions.

Fonts

For typography, I initially selected Gotham, a modern and highly legible sans-serif typeface known for its readability and wide range of weights—ideal for establishing a clear content hierarchy and consistent visual rhythm. However, due to the technical limitations of Microsoft Azure at the time, only system-native fonts were supported across platforms. To ensure performance and compatibility, I adapted the typographic system using default OS fonts that preserved readability and structural consistency while respecting the brand's visual tone.