Duration
3 Weeks
My Role
Team Leader, UI/UX Designer
Project Type
UI Bootscamp Project
Project Focus
Design System, UI Flow, Prototype, Handoff
Problem
Nowadays, people who live together aren’t necessarily related — they simply share an accommodation.
This living arrangement brings shared responsibilities, especially when it comes to household expenses.
Solution
A platform designed to simplify shared living for roommates. We focus on managing shared expenses effortlessly, helping you track what’s owed, split bills, and manage household purchases, all while reducing the awkwardness of payment reminders with automatic notifications.
Design - Hi-Fi Prototype
User Testing & Iteration
Tracker
Add New Expense
To-Buy List
Define Target User
Our target users are housemates who want to manage shared living expenses efficiently and harmoniously.
They aim to split costs and track budgets with minimal time and effort, while avoiding awkward conversations about money. Common frustrations include forgetting to make transfers, spending too much time managing finances, and running out of household essentials like tissues or detergent. By streamlining these processes, we help users stay organised, avoid conflict, and maintain a comfortable shared living environment.
User Journey Map
Based on the user journey map, we voted and selected four key opportunities and insights that guided us toward potential solutions.
Competitive Audits & Information Architecture
Due to the three-week time constraint, we needed to begin designing immediately after defining our key features.
Although conducting a detailed competitor analysis may seem time-consuming, it turned out to be an efficient way to quickly gain insights into how similar features and user flows could be structured.
Design System
The primary color of this product is green, aiming to convey a sense of relaxation and comfort to alleviate the stress associated with money management. For typography, Space Grotesk is chosen for headings to add a playful and charming touch to the overall visual, while Roboto is used for body text to offer a range of typographic variations. Cute characters are integrated into the design to ensure that users do not feel bored, despite it being a financial management tool.
Design - Wireframe
Challenges & Takeaway
Design is an iterative process that requires testing actual results to validate initial assumptions. Even if a solution seems to be found early on, maintaining an iterative approach is essential. Additionally, considering factors such as timelines, manpower, and business goals is necessary for optimizing resource usage at different stages of the project.
This experience was very realistic and reminded me of past work situations, especially when collaborating with others. Many factors are out of our control, so adjusting my mindset became crucial. Changing my goal allowed me to stay motivated and understand what I was working so hard for. Although I didn't meet the standards I initially set for myself, learning to find the best solution within constraints is an equally important lesson.
Personal Achievement
After these 3 months in the UI Bootcamp, I can confidently say that I’ve become skilled in using Figma, understanding design systems, and thinking from a product design perspective. More than just self-growth, my progress was also recognised by the teaching team — I was honoured to receive the “Most Improved Award,” given to only one participant out of over 200.
