Budgeting for two made seamlessly easy.

lettuce-mockup-screens

Design Challenge

To design a mobile application in 6 weeks using the human-centered design thinking process.

Problem

From my team's colllaborative research, we discovered several pains of money management:

  • Too many banking apps and credit cards to track and manage.
  • Money managements are complicated to use.
  • Designs on current money management apps are outdated.
  • Lack of savings and preparation for future.

Project Information

Team Diana Wi, Jay Lee, Weiqi Lu, Siyu Lu
My Role Team Lead, UX Designer
Platform Mobile Application, iOS
Software / Tools Illustrator, XD, After Effects, Google Hangout, Paper Prototyping
Year 2018
Duration 6 weeks

Prototype Interaction

(0:00-0:36) Create a new goal and invite a friend to join.

(0:36-0:56) Join the new goal and add $20.


Background

What is Lettuce?

Lettuce is a budgeting app designed to help people with money management. It offers a unique feature that allows one user to invite another user and collaboratively save money to meet their financial goal. This brings a huge benefit to people's relationship by building trust and camaraderie with one another.

My role and the team

I took the opportunity to act as a team lead to oversee the project design process, assign work to everyone and made sure we meet the project deadline. To drive project forward efficiently, I split the group to two two-people team: UX team (Diana and Siyu) and UI team (Jay and Weiqi).

I worked mainly on user experience of design which includes research and strategy, wireframing, prototyping and user testing. In addition, I created the product name, marketing slogan, and presentation slides, and helped the UI team with establishing the visual identity.


Research

Researching the market.

At the beginning of the research, we interviewed 20+ people (ranging from early 20s to 30s) to understand their spending habits and psychographics to find ways we can fit in and improve their life.

lettuce_research

From the research, we learned that people are sensitive to sharing their financial information. Also, once an app is faulty, users immediately stops using the service. Due to their previous negative experiences, earning their trust will be the biggest challenge.

After understanding and empathizing with our users, we made a decision to design a budgeting app.

Competitive Analysis

I assigned Siyu with Competitive Analysis which he studied the competitors, identified the strengths and flaws of their user experience design and shared his findings with the group.

lettuce_competitors

Design

Persona Narrative

Robert Meyer (primary)
Persona-Robert-Meyer
Jenny Peterson (primary)
Persona-Jenny-Peterson
John Meyer (secondary)
Persona-John-Meyer

Storyboarding

Information Architecture

Jay created the information architecture based on the MVP features.

Sketching ideas on paper.

High fidelity wireframes.


Delivery

Usability testing and design iterations.

Paper Prototyping
Adobe XD Prototyping

Branding

Brand name and marketing slogan.

After researching several names and their meaning, I came up with the name Lettuce. Why? Because I visioned the product working together with users to help them achieve their goals. The name Lettuce was most fitting and this inspired me to create the brand marketing slogan:

"Lettuce reach it together."

Moodboard

The product goal is to maintain and push our users' motivation forward. To reflect the product goal and the research data, we selected a refreshing energizing orange as our primary color and a friendly urban influenced Montserrat as our primary font.

Color
Typography

Final Design

lettuce-final-design

Thank you for viewing my project~ ;)