Be precisely when your members need you to be. The Avalian essence should always be availability.

The app that integrates everything that Avalian has to offer as a medical coverage company.

The focus is to provide dynamic and frequent solutions directly from the app. The design of the experience is completely focused on the people involved: doctors, members, providers, partners, beneficiaries, etc.

The Research

Digital experience

1. Dialogue: App / User - User / App

2. One thing at a time

3. I know where to start: Visual Order

4. I dare to tap: Predictable and safe

5. Immediacy: Actions for every day

6. Significance: Brand personality

Visual Benchmark

The Design System


Color Styles

The Avalian design system establishes a purposeful set of color styles as the perfect starting point. When it comes to color, contrast is critical for ensuring readable text. We've added WCAG 2.1 contrast ratios to our color system to ensure accessibility standard.


A purposeful set of typographic styles was develop to establish the hierarchy and consistency of the design system. We’ve tested this typographic scale to make sure it’s robust enough to be used across the project, while remaining as accessible as possible.


System Icons

Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

Company Logos

Avalian logos were added to the design system according to brand guidelines.

Featured Icons

A set of Icons in containers to  give emphasis on specific actions.

Grid layout

Layout grids define structure, hierarchy, and rhythm in the design. Working from a defined layout system  allows better and more consistent production, removing guesswork as  responsive designs are lay out.


Atoms, Molecules & Organisms.

A design system based on "the atomic design" methodology. We defined symbols, components, templates and assets that allowed us to maintain order and consistency during all the design springs.

The result

Users can navigate the application with ease and security. The app provides clear and recognizable actions, not burdening the experience with unnecessary explanations while also making progress in flows more dynamic.

Other projects: