Format: App
Location: London
XCode, Figma, After Effects
Year: 2024
Format: FigmaJam
Location: London
Months: September - December
Year: 2024
Gained some key insights from users across ages 20-28 demographic that gave us information on features that Cardo could potentially have. This was a focused beta test after developing some initial designs for the app.
Initial designs conceuptialised the background to be a full gradient inspired by real-time payments made by the user. It would show 3 pages, but from the feedback received, we realised that the app would benefit from a more pastel look, something easier on the eye.
Final Page Designs
Shows balance and time period of current budget. Gives other insights from day too. Some key visual features:
1. Gradient Display
Visualises the budget left along the bars highlighted. In this case, the user is halfway through their weekly budget
2. Recent Purchases
Shows the most recent purchases made through Cardo. Visualises what company too.
3. Spending Categories
Breaks down weekly payments in separate categories. Can be expanded to give detailed breakdowns of each section.
Shows net savings for the week and percentage of ‘wasteful spending’ by determining inefficiencies in patterns.
1. 10-week aggregate
Visualises how much users are wasting by spending impulsively or inefficiently for each weekday, over the last 10 weeks.
2. Affiliate Ads
Based on smart insights generated from a user’s spending patterns, ads are personalised to help the user save money.
3. Card visualisation
Shows bar of how much has been spent in accordance to the budget for that day.
1. Day-by-day breakdown
Bar section shown in black represents potentially wasted money through spending that could be avoided.
2. Breakdown of wasted spending
Shows the accumulative cost of the ‘last 10 Mondays’ due to impulse spending such as coffee, food deliveries, etc.
3. Affiliates to cut costs
Shows deals/discounts in the user’s area that could benefit them in saving money. These are shown in a section underneath spending.
1. Stack of cards for day-by-day
Visualises the spending of the last 10 days in separate cards. As the user scrolls through, they see a summary of past spending.
2. Top Purchases
Top purchases from that day are shown below to give an indication of where most of their money is going.
3. +Spending/ -Spending
Indicates whether the user has saved money or spent over the budget on that particular day.
Format: App
Location: London
XCode, Figma, After Effects
Year: 2024