Role

  • Product Design Lead

  • Team Manager (Delivery)

  • Design System Contributor

Team

  • 3 UX designers

  • 6 developers

  • 1 project manager

  • 2 UX researchers

Tools

  • Figma

  • Miro & FigJam

  • UserZoom & Maze

  • JIRA

Problem Background

7-Eleven's 4 siloed B2C mobile apps (Delivery, Rewards, Mobile Checkout, and Fuel) suffered from:

  • Outdated look & feel

  • Inconsistent design across apps

  • Lack of interoperability

  • Lack of cross-service promotion (across siloed experiences)

Solution Summary

  • Design a single app solution to create a seamless experience with all of their digital consumer experiences.

  • Construct a new design system to create a common set of styles and components for design and implementation consistency across teams.

Prototype Testing

I created Figma prototypes and worked with the research team to plan and execute validation testing with multiple user cohorts.

Testing-Driven Improvements

7-Eleven's 4 siloed B2C mobile apps (Delivery, Rewards, Mobile Checkout, and Fuel) suffered from:

  • Outdated look & feel

  • Inconsistent design across apps

  • Lack of interoperability

  • Lack of cross-service promotion (across siloed experiences)

Design System Construction

I worked in parallel with the design system creation process to be sure all new components that impacted other teams were evangelized and approved.


  • The time required in moving between siloed systems to view forecast schedules.

  • The opportunity for error and time involved in manually inputing info from the scheduler into the forecast.

  • The lack of a simple visual representation of percentages of amended and error-rejected forecasts to highlight performance related trends.

Sprint Management

Pain points identified during my interviews with squadron leaders informed the login and dashboard design requirements,

The dashboard design included a forecast schedule viewer that allowed forecasters to launch a new forecast that imported all of the high-level mission data automatically. I also included a forecast performance module to provide high-level visual analytics related to forecast performance.

These pain points included:


  • The time required in moving between siloed systems to view forecast schedules.

  • The opportunity for error and time involved in manually inputing info from the scheduler into the forecast.

  • The lack of a simple visual representation of percentages of amended and error-rejected forecasts to highlight performance related trends.

7-Eleven Delivery: Gold Pass Subscription

7 Eleven's current Gold Pass subscription offers free delivery on every order along with additional member benefits. The new design for the program required a minimalistic approach along with the incorporation of a new Student Pass option.

Login Experience

Account List

Transaction History

Transaction Detail (check deposit example shown in video)

Research

Wireframing

Brand Design

High-Fidelity

Hand-Off

Secure Messaging

To avoid the need of physically travel to a branch location or place a phone call to the bank, customers desired the ability to ask questions, report potential account or transactional issues, and request information related to their personal finances directly in the app. The final approach focused on clear visual design and functional simplicity to maximize readability and provide an intuitive message creation process and message inbox experience.

Floating Action Button

During the prototyping testing process, customers expressed positive feedback about a design option that included a floating action button. The button opens to display contextual quick actions that related to the available account functions associated with specific screens. This was a differentiating feature of the app that reduced “button clutter” and proved to be enjoyed by customers.

Favorites

House

$167,372.93

Arvest Home Mortgage (…2937)

Remaining

3/1/17

$310.37

Next Payment Due

Payment Amount

Deposit

Credit

Checking

$4,345.07

Arvest Free Checking (…4312)

Arvest Savings

$12,927.19

(…8371)

Arvest Gold Credit Card

2/15/17

$46.29

$5,654.93

Next Payment Date

Payment Amount

Credit Line Available

$2,345.07

(...3671)

Balance

To unhide an acocunt, tap Edit at the top of the screen.

1 Hidden Account

EDIT

Good Morning, Victor!

Tuesday, January 31, 2017

attach_money

Favorites

House

$167,372.93

Arvest Home Mortgage (…2937)

Remaining

3/1/17

$310.37

Next Payment Due

Payment Amount

Accounts

Credit

Checking

$4,345.07

Arvest Free Checking (…4312)

Arvest Savings

$12,927.19

(…8371)

Arvest Gold Credit Card

2/15/17

$46.29

$5,654.93

Next Payment Date

Payment Amount

Credit Line Available

$2,345.07

(...3671)

Balance

To unhide an acocunt, tap Edit at the top of the screen.

1 Hidden Account

EDIT

12:30

Good Morning, Victor!

Tuesday, January 31, 2017

attach_money

Make a Deposit

Make a Transfer

Make a Payment

close

Branch Locator

For the Branch Locator, our team emulated the design of Google Maps in order to make the experience familiar and intuitive. This approach allowed us to move quickly rather than “redesigning the wheel” on a feature that was common to customers for other use-cases. This approach was validated based on user feedback.

Results: 5 Stars | 227,700 Ratings | 2 JD Power Awards

The initial MVP launch of Arvest GO and subsequent fast-follow feature releases were highly successful, with the app maintaining a 5-star rating with over 225K customer ratings (avg rating of 4.9 stars for seven years since launch in 2017) on both iOS and Android. The app delighted customers who had grown frustrated with Arvest’s previous mobile experience which allowed the company to further solidify its brand loyalty while also attracting countless new customers. Arvest GO continues to be used by millions of customers and received 2 consecutive J.D. Power Awards for usability and design since its launch.

Preston Halstead 2024

View More Projects