Object-Based Navigation with Progressive Disclosure

The existing US app relied on task-based flows to reach information. This resulted in a lack of grouped plan information and forced people to repeatedly navigate back to the home screen, select a task and reselect a plan.

I redesigned plan flows to an object-based navigation, with plan specific secondary menus. This way people would have all related plan information and tasks available in one place. I balanced this change by bringing high priority task-based controls to the home screen, such as paying a bill, so that people could reach and complete those tasks quickly.

Clear Hierarchy

The existing design lacked hierarchy and clear state changes. The design didn't direct people's focus and help them move through tasks efficiently.

My team and I designed UI components with greater hierarchy to improve usability with more intuitive and clearer states for fields, forms and transactions. In collaboration with the MetLife stakeholders, we balanced mixing new components with existing ones which the client wanted to keep (such as the vertical form stepper) due to legacy and technical considerations.

Modern Interactions & Showcasing Branding

We elevated the app experience by introducing modern interactions selectively and increasing brand presence with visual design that incorporated more brand colors and patterns in conjunction with a simultaneous rebranding at MetLife.

Mobile Pattern Library

I oversaw two other designers to build a live pattern library that documented all designs for MetLife's dev team to build the components and their global teams to create and launch their own apps.