*Please open as page

UI/UX Design

Figma, Canva

5 days

Fizz: The debit card that helps college students build credit

fizz updated.svg

Fizz is a debit card targeted at college students that allows them to build credit.

The app and card have not launched as of yet and so I redesigned their app based on information and app screenshots 
from their website.

Old Fizz Design

Old Fizz Design

User Survey (2).png

Research Insights:
{} There is no obvious preference for various colored background screens (stick to white)

{} Students care about rewards from their everyday purchases and recurring payments (nearby restaurants, gyms, subscriptions)

{} The presence of these rewards would dramatically increase app engagement, making it surpass other credit checking apps
   such as Credit Karma and CreditWise.

Wireframes

Wireframes

Other Color Iterations

Other Color Iterations

The app is catered to college students and so I had an initial idea that there should be customizable color variations
for each screen

However, after doing some user research into color v. non-color and looking into apps such as [snackpass](<https://www.snackpass.co/>), [braid](<https://braid.co/?gclid=CjwKCAiArOqOBhBmEiwAsgeLmetx-KX5F7e-UWnbuDgvS9kp89LKcNoxGqhQtbf7zoNxYYSnvLoSKhoCtscQAvD_BwE>), and others 
college student targetted apps, customization of the background adds no noticeable value and if anything the lack of specific 
customization could negatively impact user satisfaction and so I kept the background white in the end. 

Home Screen

Home Screen

{} I used emojis throughout at every place that I could because college students and people, in general, respond 
   better to text accompanied with [emojis](<https://www.leanplum.com/glossary/app-engagement/>). 

{} I also kept with the yellow theme of the app and added yellow accents
   where necessary to highlight functional features (settings, adding money)
  
{} The credit card shown is detailed with an EMV chip and NFC (contactless payment) in order to give real-life visualization
   of what their card would look like as users respond better to images accurate to real life. Also, for security reasons,
   it is important to let users know that fizz.'s cards are secure with these features.

{} Used boxes to group information together, but no hard borders to show that it is part of a larger piece of 
   information (recent transactions)

Campus Rewards Screen

Campus Rewards Screen

{} This is a completely new screen I created with no previous design to go off of. I used two curved boxes in order to show 
   the images related to the rewards and the text, and connected the two with the yellow title.

{} Based on user research I included local restaurants and gyms as rewards

{} The navigation bar at the bottom has emojis only because it is more concise than text.