Nightshift

Project Brief

Refreshing the look and feel of eMoney to take the established success of the product and bring the UI up to date while holding on to that level of trust the users have. With the product taking a new direction in revamping many features in the product and plans to release new features I lead a group of designers and stakeholders in coming up with a design language that would drive the new look and feel of the product.

Team Structure

Designers

  • 3 Senior UX/UI Designers
  • 1 Contract Product Designer

Stakeholders

  • 1 SVP of Product
  • 2 Directors of Product Management
  • 2 Product Owners
  • 1 Senior Product Marketing Manager

My Role

Asked to lead the effort to come up with a new product UI look and feel.

Problem Statement

How do we update the platform to look more contemporary and retain the success and loyalty built over the last 20 years. What visual treatment best represents the company, product and future direction we want to take?

Discovery

Though discovery exercises with key stakeholders to align on what we are and where we want to be by using activities to align images that best represent what we think eMoney is today and where we want to be in the future.

Step 1: What we are, What we are not, What we aspire to be using cars.

Step 2: Gather visual examples of what that means to you and vote on them.

Step 3: Definition of what those visual stories tell.

brainstorm map for ui defention

Concept

Through these various exercises we came up with four paths that define what we feel matches the brand and product direction. Coming up with four distinct styles that came from the groups diverge and converge activites we algined on how to present the four in a unified way for research.

Research

Taking these four styles we presented them to our users to gather research on which one was more accepted as the right path.

By conducting preference testing we were able to get user insight on what they prefer to look at 8 hours a day.

Research Results on UI

Solution

After research findings found that simple premium is the the more widely accepted path we defined that UI deeper through a design system update and applying that ui to the product client portal.

Design of the old home page

Design of the new home page
Design of the old oraganizer page

Design of the new oraganizer page
Design of the old goals page

Design of the new goals page

Top Row: Old Style, Bottom Row: New Simple Premium Applied