Give Memento Expanding into Desktop

 
 

Client Information

Memento is a mobile application that personalizes digital cash gifting for special occasions. Born from an idea from the founders Chelsie Patterson & Jeff Borders while attending a wedding and scrambling for a check for the event gift, Memento was realized. The key differentiator from other digital money transfer applications is the ability to give users a way to send a very personalized and meaningful video message along with the monetary gift. The application is secure, convenient and eradicates the need for checks as well as the tacky monetary transactional feel of cash or digital gift cards.

 

 

Challenge

For 8 weeks, I've worked with a design team that consisted of three members to complete Memento's main project request. The project was primarily focused on the translation of the live mobile screens into a desktop application that aligned with the current brand and user experience. In addition to high fidelity desktop screens, a clickable prototype and design system was delivered to aid in future initiatives.

Team Members: Aviva Love & Kathy Hong

Goals & Deliverables

  • Responsive Desktop Prototype

  • Design System

Tools

Figma, Miro, Invision, Zoom, & Slack

 

 

Timeline

Cash. The gift that everybody wants but nobody wants to give.

Cash. The gift that everybody wants but nobody wants to give.

 

 

Exploratory Research & Competitive Analysis

 
 

Cash App

Cash App- Sleek and easy to use interface - Also, has a physical Cash Card and money can be withdrawn from the ATM

Cash App

- Sleek and easy to use interface 

- Also, has a physical Cash Card and money can be withdrawn from the ATM

 

Venmo

Venmo- Has a peer-to-peer social networking component. - Allows you to carry a balance on hand.

Venmo

- Has a peer-to-peer social networking component. 

- Allows you to carry a balance on hand.

 

Zelle

Zelle- Already built into services like Gmail and Messenger. - Transfer directly to bank accounts.

Zelle

- Already built into services like Gmail and Messenger. 

- Transfer directly to bank accounts.

 
 

Emerging Trends

 

Quantitative & Qualitative Data

 
  • The idea of asking for money for a gift seems tacky, but asking to crowdfund a trip or experience flips the narrative and makes the situation feel more tasteful 

  • Cash gifting is gaining more traction as Americans tend to marry later and are faced with more financial difficulties such as rising home prices and student loan debt

 
  • The gift card market is forecasted to reach $550 billion by 2024, 71% of consumers surveyed report they are interested in digital gift cards vs other gifts. 

  • In 2019, a survey performed by Zelle found 84% of respondents prefer to receive money over physical gifts for life events


 

Style Tiles

 
 

Fruitful Occasion

This color scheme aligned more closer with the existing mobile app. Utilizing only a vertical scrolling capability hints that there is an existing mobile app available. The host could also organize their events by color coding it.


 
 

Elegant Moments

This design was focused on the guest perspective on using Memento. The users could see an event gallery and they could view the invited guests. The color scheme was leaning towards sophisticated and professional.


 
 

Sweet Memories

This design utilizes both horizontal and vertical scrolling capabilities. The user could view specific Mementos individually on a wider screen. Also, the host could know which event is “live” by the bright green bar on top of an event. 


 

 

Design Principles

 
 
undraw_folder_39kl+%281%29.jpg

Flexibility & Efficiency

We aimed to optimize navigation to help people achieve their desired goals with minimal effort.

undraw_noted_pc9f.jpg

Clarity

Eliminated ambiguity. We strived to make our platform straightforward and self-explanatory to enable users to act with confidence.

undraw_site_content_ihgn (1).png

Personal

Elements were crafted with care and intention for the users to feel invited and joyful in their experiences.

abstract247900.png

Visualization

Used visual treatments such as grids, space, scale, and imagery to engage the users to experience videos, messages, and curated media.


 

1st Round of User Interviews

 
 

Purpose

5 participants were interviewed to gain feedback from participants about the readability and desirability in using this style tile as Memento's desktop platform.

 

Overall Takeaways

More emphasis on sending Mementos and less focus on the money transaction. The use of script text is a nice element to make it feel welcoming. Explore more concepts on how to inform the users that hosting an event means collecting monetary gifts.

 
 
 
Adjectives described from Participants: Inviting, Relaxing, Friendly, & Lighthearted

Adjectives described from Participants: Inviting, Relaxing, Friendly, & Lighthearted

 

 

First Meeting with Memento

 
 

I conducted a workshop called Rose, Thorn, & Bud with the Memento clients to gain feedback on our team style tiles and narrow out the best type of style tile. In the end, they enjoyed all three of our style tiles and they wanted to incorporate all of our styles together.

 
 
Kathy Hong - Style Tile

Kathy Hong - Style Tile

Kathy Hong

Rose ⇲

Easiest to read and understand

Thorn ⇲

Mix of a marketing page and a home screen page

Bud ⇲

Different navigation style for the menu could be explored

 
Vidal Nikko Luchana - Style Tile

Vidal Nikko Luchana - Style Tile

Vidal Nikko Luchana

Rose ⇲

Feels lighthearted and colors compliment each other well

Thorn ⇲

The icons were unclear and the text wasn’t readable

Bud ⇲

Visual hierarchy and overall look could be improved

 
Aviva Love - Style Tile

Aviva Love - Style Tile

Aviva Love

Rose ⇲

Very clear and good use of negative space

Thorn ⇲

Use-ability should be easy for new users

Bud ⇲

This could be improved by focusing on giving Mementos


 

Wireframes

 
 

As a team, we collaborated in creating a set of low fidelity wireframes to focus on the user flow on sending a Memento and creating an event. We strived to have an intuitive and simple process for users to send their monetary gifts.


 

High Fidelity Designs & Prototype 1

 
 
Memento-Pro1-Home.jpg

Memento's Landing Page

We unified all over our different style tiles together to create a more cohesive desktop platform that still resonates with Memento's existing mobile app. The landing page focused on curating ideas on why sending a Memento would be a perfect gift for any occasion. We strived to great an intuitive straightforward design for users to easily host an event and send a Memento to their loved ones.

 

 

2nd Round of User Interviews

 
 

Purpose

9 participants were interviewed to test the usability & desirability of Memento's desktop browser prototype. Participants were provided the link to the prototype (InVision or Figma). Users were provided a few minutes to get familiar with the prototype before the interviewer asked them to perform 4 specific tasks.

Tasks

  • To look at the home screen and either log in or sign up 

  • To create a Memento, and look at account summary

  • To create an event and invite guests 

  • To browse the blog page

 
 
 

Overall Impression

  • The website felt professional, simple, easy to use, and not overly complicated

  • The photos used gave off the feeling of the importance of human connection

  • Words used to describe the design: Professional, Informative, and Sophisticated


 

Second Meeting with Memento

 
 

I conducted another workshop called I Like, I Wish, & What If to get a deeper understanding of our clients’ thoughts about our Prototype 1 design. They were pleased to see how the CTA buttons were sharp and easy to recognize. However, they wanted to explore more options on redesigning the top navigation menu and having the ability to message to other users.

I Like... ⇲

  • How the team incorporated Memento’s images and branding
  • The simplicity of the layout and the CTA buttons

I Wish... ⇲

  • To see how the layout will look with more blog posts
  • The transaction process was more clearer for the user

What If... ⇲

  • There was a step-by-step guide to use the desktop platform
  • We could send thank you notes when we receive a Memento
 

 

Last Round of User Interviews & Prototype 2

 
 

Purpose

To test the usability of Memento's desktop browser prototype. Participants were provided the link to the Figma prototype. Users were provided a few minutes to get familiar with the prototype before the interviewer asked them to perform specific tasks.

Tasks

  • To create a Memento when signed in as Jim Halpert

  • To browse the About Us page & Profile page

  • To create an Event and invite guests 

  • To create a Memento as a guest

 
 
 
 
 

 

Conclusion

 
 
google-pixelbook-mockup.png
 

After two rounds of user interviews, our design team were able to create a successful desktop prototype for Memento. I focused on designing the gift giving user flow as a guest user. As a team, we were able to work cohesively in balancing out the overall workload to ensure to deliver a finished prototype.