Prior to 2015, the MetLife servicing experience was outdated and only sparsely responsive. Our UX team's first heavy lift as a group was to re-envision the entire global service experience (a data-heavy set of transactions) as fully responsive – down to the phone. To do this, we introduced a mobile-first, card-based UI and tabbed policy detail pages. Since MetLife had no brand at this time beyond Peanuts (which we knew would be phased out), we kept branding light and focused on interactions such as card-flips where reverse-sides could house larger data sets and transactions.
My role: I partnered with one other team mate to provide visual/interaction design for the entire servicing experience. The 500-page visual style guide (a companion to a large set of Axure wireframes) evolved through 21 iterations as it grew to encompass profile, account, claims, fund management, coverages and HR-admin servicing in a first-time, fully responsive MetLife servicing experience. The resulting patterns formed the backbone of our first Metlife UX Pattern library, created and administered by our UX team.