The Credeals is a mobile app that helps users to remember which of their credit cards gives them the highest percentage cash back when they are shopping.
Summary, Problem, Solution, Audience
Since most people have so many credit cards, usually people forget or are confused about using which credit card to get their highest cashback or discount. For example, a credit card, offers some discounts on different brands, and usually, people forget about those, or some people don’t know about those deals on their credit card. So we are designing an app to manage and categorize all of their credit card deals and also for being easier, getting notifications based on users’ location about using their best credit card on their purchase to receive the best deals on their existing cards. And also they have the ability to open the app and find the best deals based on their need from all their credit cards. We want to this app be easy and simple, without showing transactions and balances, so it would be able to use for all family members. Based on that, users just need to enter the provider company for their card (for example bank name like Chase) and card type(Like Freedom)
Since most people have many credit cards, also with their busy life, usually they forget or are confused about using which credit card to get their highest cashback or discount.
Designing a simple app that easy to use and navigate, delivers information clearly and efficiently, without asking for sensitive information like card numbers. Users can add all their credit cards to it. So they would be able to see their credit cards’ offer organized on one page, show the cards with the highest percentage cash back for categories and brands, and users receive notification about using the best card when they are shopping.
Based on our user research our target audiences are people between the ages of 26 to 50 years old, they have annual household incomes between 40K to 150K dollars. They have a busy life and saving money is very important for them..
1. what cards the user has in the app?
2. which card has what deals in which category?
3. In what category which card has the best deal?
4. Users receive Notification about using their best credit card to get the highest cashback when users are shopping in a specific store
Competitive analysis, Summary of survey, Summary of interview
Good for getting point by shopping
Easy to sign in
Easy to link an account
Reaction is very slow
couldn’t find notification option
Good for tracking points
Easy to connect your card
Has location option
Shows the cash back info for each card
Shows all info like, balance, credit score, point for each card
I created a survey with 11 primary questions and 5 demography questions, and 20 people answer them.
90% age between 26-50 years old. 70% Married. With different household incomes. They use 1-4 credit cards actively and they always or most of the time use their credit card.
I interviewed a group of five people. Some people already use apps to get additional discounts but the concept was different from our app. Most of them didn’t know about the deals that their credit cards offer, since their bank app wasn’t so clear in this part. But for those who knew about these deals they always forget to use their card.
Story Board, Persona, User Journey, User Stories, User Flow, Site Map
1. As a credit card user, I want to see, what card I should use to get the highest cashback when I am shopping.
2. As a credit card user, I want to see, all offers I have from all my credit cards.
3. As a credit card user, I want to see, all offers for my Capital One card.
4. As a credit card user, I want to know, What cards I have on the App.
5. As a credit card user, I want to know, how can I add my credit card to the app.
Sketch, Low-Fidelity Wireframe, Usability Test and feedback, Branding, High-Fidelity Wireframe
After conducting user surveys, interviews, and competitive analysis, based on the users’ needs I started by sketching crazy 8 and drew different types of style. Then I picked the styles that were better and based on what we needed I added some titles, then asked for feedback. And picked the best style based on what we need and feedback.
After I sketches the wireframe and implementation some ideas, I received feedback from test participants and I made my Lo-Fi wireframes on Figma.
After I made the Lo-Fi wireframes, I made the Lo-Fi prototype and I did some usability tests with 5 participants.
The task that I asked were:
1. Using this app prototype, to see What deals do you have based on your location now? (From your credit cards on the app)
2. you want to go grocery shopping, then go to the gas station, show me which card is better to use(gives more cashback) for grocery and gas?
3. Show me, what credit cards do you have on the app
4. What deals does your Bank of America card have?
5. Show me what deals you have on the app from all of your credit card
6. You got a new Citi Bank credit card, How would you add your new card?
7. You have a plan to go mal for shopping. since you know you have many deals from your credit card, would you like to receive notification? How do you turn it on?
Overall everyone could complete the tasks and they said it’s clean and simple, not overwhelmed with so much information.
Also, I got some suggestions and feedback. they Liked to see more detail on another page for nearby store deals. Like to see more info under the category cashback like brand stores and other card discounts. Able to have all card information under the profile as well.
In the next step, I started searching and working on having a mood board, Logo, and Style tile. Based on my search for selecting a color, I found out that most finance apps are blue or dark, and most shopping apps are red. So I decided to go by purple which is a combination of blue and red, and also purple is a feeling of seriousness and professionalism.
For the name and logo, I tried so many names until I got to Credeals. Which means deals on credit cards. I mixed the first words of “credit(cred)” with “deals”, and the D is shared for both words.
For the icon, I made a discount tag with a credit card inside it, which means these discounts come from credit cards.
