Insights
/
UX and CRO
UX and CRO

Case Study - Wallet App: Snowdog's UX Challenge

Are you tired of carrying around a bulky wallet filled with countless cards, receipts, and other bits and pieces? Snowdog's UX team has taken on the cha...

Clara Shen
Clara Shen
May 8, 2020
Updated
Cover: the contents of two wallets laid out on a table, cards, banknotes, coins, receipts and an Oyster card
Key takeaways
On this page
Two different pictures side-by-side. On both we have cash, coins, cards and wallet, but on the left side they are in disorder on the right side they are sorted and neatly laied out.

Snowdog's UX team took on the challenge of a UX sprint to develop a digital wallet app. As people carry fewer and fewer physical wallets containing numerous cards, receipts, and other miscellaneous items, an ideal digital wallet app would allow users to simply "set it and forget it." This app would hold the most crucial documents such as identification, bank and credit cards, enabling users to leave the house without any worries. Rather than constantly vying for the user's attention, this app permits users to add only the necessary items, making them instantly accessible whenever required. The Snowdog Design team created this concept app as a self-development exercise.

What was the task?

Our task was to create an ideal wallet according to an Uplabs challenge (opens in a new tab). To challenge ourselves further, we aimed to complete within just a few hours of work every Friday over two weeks.

What did we do?

  • Interviewed some people who were around 😀
  • Opened our wallets and our interviewees’ (if they had one) 👛
  • Did some research about existing wallet and government ID apps like mObywatel (opens in a new tab) 📱
  • Brainstormed features and sketched solutions ✏️
  • Created an app concept with high fidelity designs 🖥

Research 📋

We started working on the project by checking the contents of our wallets and conducting several interviews with colleagues from the office. During the research, we found that some people do not carry a wallet, as they have replaced most wallet features with a mobile phone, while others have over-stuffed wallets with unnecessary things. We’ve found that there are two types of stuff in our wallet, important, critical ID and documents, and then extra cards or papers that relate to our daily life, loyalty cards, membership cards, etc.

We decided to focus on a group that doesn’t carry a wallet at all, and we’ve developed several User Scenarios.

User scenarios panel: buying beer at a żabka without a wallet, paying with Apple Wallet in a new city, runs with only a phone, no ID for transport officers

Mindmapping 📃

Based on our brief research online and quick interviews, we created a mindmap, helping us narrow the scope of this challenge to a few priorities. We aimed to focus more on wallets as holders of our most crucial information as we go about daily business, rather than the storage area for lots of junk.

Mind map of wallets: issues, current solutions such as Apple Pay and e-Obywatel, and critical, essential and non-essential items

Defining the problem

Our research and short interviews showed us that while more and more people want to leave the wallet behind and have all the necessary functionalities on their phone, there is still the problem of needing to carry physical ID for real-life situations. For example, getting a traffic fine, public transport controls, car insurance in the case of an accident, and more. People also tend to carry their wallet with them when traveling in a different city or country, probably because they feel something might happen and they will need important information at hand.

Handwritten notes from the wallet app brief: problems, features, current solutions and user scenarios
Our giant flipchart with notes and research

We noted that these cases are often highly exceptional circumstances that don’t occur frequently, but when they do, it’s extremely inconvenient to be without your wallet. It could even lead to further loss of money or time. The problem is that the inconvenience of taking a wallet everywhere (often with useless things inside) often outweighs the necessity of having your personal documentation on your person at all times.

Therefore, we aimed to solve this issue with a wallet app that would provide a digital version of essential data that it is always available to the user, when they need it. We deliberately chose to keep this app as simple as possible to avoid overloading with non-essential information (loyalty, membership cards, receipts) because we want the app to be light and sit in the background, ready to use with all essential cards easy to access.

Solving the problem

Our idea is an application where the user can add all the information he needs and use it in the least expected moment, such as tram ticket control. We began to think about the features and functionalities of our application.

  • Security: One of the most important aspects was the feeling that our data is securely stored. That is why we suggest using at least two different login options based on the OS capabilities and ask users to avoid using the facial recognition system if their smartphone uses only a simple 2D photo verification method which can be broken by a simple printed photo.
  • Easy scan: Entering all information from the ID card into a form can be frustrating, which is why we have proposed the option of scanning documents. Just scan the front and back of the document and the data will complete itself. Of course, the user can then edit them if incorrect.
  • Quick copy: Easily copy entries by tapping each data field is one of the main functionalities. This can be very helpful, e.g. when buying airline tickets on a mobile device and inputting your passport details.

What types of cards, data can be stored in our application?

  • ID card
  • Driver license
  • Credit / Debit card
  • Bank account number
  • Membership card
  • Insurance
  • Passport
  • Tax details
  • Other important data

Sketching Wireframes

Once we had our solutions and ideas down, we moved onto sketching these into reality. We listed the essential screens, and got to sketching. This is probably the hardest part to do in such a compressed time limit.

Paper sketches of the wallet app screens: sign-up, phone verification, card list and adding a document

High fidelity mockups

To speed up the process, we used some free UI tools to generate some quick, high fidelity mockups over 2 hours. We aimed to a clear and minimalistic design. The point of the app is to reduce junk, not add to it.

You can check out our final entry here on UpLabs (opens in a new tab).

Row of high-fidelity mockups for the wallet app, from account creation and fingerprint setup to the card wallet

Final design

Our graphic designer took our mockups and created an interface for the mobile app. We think the final design reflects really well our solution; a simple, minimal wallet that gives you peace of mind and can provide critical information in less than a minute.

You can click through the prototype here. (opens in a new tab) We hope you like it!

Final Cardo wallet app screens in purple and teal: All your documents stored securely in one app, sign-up, ID card and Add card

Team

Graphic Designer | Vasyl Minin

UX Designers | Danuta Sęczkowska & Clara Shen

Clara Shen

Questions this post answers

Related reading

No items found.
On this page
Related service
See the service
Where this leads

From store to scalable.
We make Magento perform.

The eCommerce agency behind 100+ high-stakes projects, ready to build yours.

More from Insights