Atome
Atome
Atome
Empowering users with smarter spending through personalized insights and better financial habits.
Empowering users with smarter spending through personalized insights and better financial habits.
Empowering users with smarter spending through personalized insights and better financial habits.
PROJECT overview
PROJECT overview
PROJECT overview
Many Atome users struggle with tracking expenses and keeping up with BNPL commitments. I wanted to create a solution that helps them stay on track. This new feature offers monthly insights and spending breakdowns, allowing users to manage their budgets more effectively and build better financial habits.
Many Atome users struggle with tracking expenses and keeping up with BNPL commitments. I wanted to create a solution that helps them stay on track. This new feature offers monthly insights and spending breakdowns, allowing users to manage their budgets more effectively and build better financial habits.
Many Atome users struggle with tracking expenses and keeping up with BNPL commitments. I wanted to create a solution that helps them stay on track. This new feature offers monthly insights and spending breakdowns, allowing users to manage their budgets more effectively and build better financial habits.
TIMEFRAME
TIMEFRAME
TIMEFRAME
Jul - Aug 2024
(4 weeks)
Jul - Aug 2024
(4 weeks)
Apr - May 2024
(5 weeks)
PROJECT TYPE
PROJECT TYPE
PROJECT TYPE
IOS mobile app, adding a feature in a Fintech app.
IOS mobile app, adding a feature in a Fintech app.
IOS mobile app, adding a feature in a Fintech app.
ROLE
ROLE
ROLE
Research, Interaction Design, Prototyping, Testing
Research, Interaction Design, Prototyping, Testing
Research, Interaction Design, Prototyping, Testing
What exactly is Atome?
What exactly is Atome?
What exactly is Atome?
Atome is a leading Buy Now, Pay Later service in Asia, allowing users to split purchases into 3 interest-free installments at partner retailers across the region.
Atome is a leading Buy Now, Pay Later service in Asia, allowing users to split purchases into 3 interest-free installments at partner retailers across the region.
Atome is a leading Buy Now, Pay Later service in Asia, allowing users to split purchases into 3 interest-free installments at partner retailers across the region.
Initial Problem Discovery + Problem Validation
Initial Problem Discovery + Problem Validation
Initial Problem Discovery + Problem Validation
What are the product's pain points, and why does it matter?
What are the product's pain points, and why does it matter?
What are the product's pain points, and why does it matter?
Atome lacks tools to help users manage their finances responsibly. 💳
Atome lacks tools to help users manage their finances responsibly. 💳
Atome lacks tools to help users manage their finances responsibly. 💳
Many Atome users have multiple BNPL commitments, but without tools to manage payments & spending, it's easy to lose control—leading to financial stress and reduced user trust & long-term engagement on the platform.
Many Atome users have multiple BNPL commitments, but without tools to manage payments & spending, it's easy to lose control—leading to financial stress and reduced user trust & long-term engagement on the platform.
Many Atome users have multiple BNPL commitments, but without tools to manage payments & spending, it's easy to lose control—leading to financial stress and reduced user trust & long-term engagement on the platform.
Research Methods. Time to look for answers
Research Methods. Time to look for answers
Research Methods. Time to look for answers
Research Methods. Time to look for answers
What UX research methods will reveal users' spending challenges and shape my solution? 💡
What UX research methods will reveal users' spending challenges and shape my solution? 💡
What UX research methods will reveal users' spending challenges and shape my solution? 💡
UX RESEARCH METHODS 01: USER INTERVIEWS
UX RESEARCH METHODS 01: USER INTERVIEWS
UX RESEARCH METHODS 01: USER INTERVIEWS
I interviewed 5 current Atome users & 2 additional users of other BNPL services.
I interviewed 5 current Atome users & 2 additional users of other BNPL services.
I interviewed 5 current Atome users & 2 additional users of other BNPL services.
During these interviews, I asked qualitative questions to uncover common challenges, frustrations, and goals, revealing opportunities to improve their overall experience.
During these interviews, I asked qualitative questions to uncover common challenges, frustrations, and goals, revealing opportunities to improve their overall experience.
During these interviews, I asked qualitative questions to uncover common challenges, frustrations, and goals, revealing opportunities to improve their overall experience.
🔍 FINDINGS
🔍 FINDINGS
100%
100%
Wish to save money and avoid overspending.
Wish to save money and avoid overspending.
Wish to save money and avoid overspending.
100%
100%
Want an easier way to track their expenses to better plan their finances.
Want an easier way to track their expenses to better plan their finances.
Want an easier way to track their expenses to better plan their finances.
85%
85%
Found it challenging to align their financial planning due to varying payment schedules.
Found it challenging to align their financial planning due to varying payment schedules.
Found it challenging to align their financial planning due to varying payment schedules.
HYPOTHESIS STATEMENT (so what? 🧐)
HYPOTHESIS STATEMENT (so what? 🧐)
HYPOTHESIS STATEMENT (so what? 🧐)
HYPOTHESIS STATEMENT (so what? 🧐)
If I provide better financial tracking & streamlined BNPL management, users will gain greater control over their finances and reduce stress.
If I provide better financial tracking & streamlined BNPL management, users will gain greater control over their finances and reduce stress.
If I provide better financial tracking & streamlined BNPL management, users will gain greater control over their finances and reduce stress.
Understanding Target Audience
Understanding Target Audience
Understanding Target Audience
Understanding Target Audience
whose PROBLEM AM I SOLVING?
whose PROBLEM AM I SOLVING?
whose PROBLEM AM I SOLVING?
whose PROBLEM AM I SOLVING?
Overwhelmed users struggling to manage their finances 💳 📅
Overwhelmed users struggling to manage their finances 💳 📅
Overwhelmed users struggling to manage their finances 💳 📅
Design Goals
Design Goals
Design Goals
Design Goals
🔑 KEY PROBLEM AREAs
🔑 KEY PROBLEM AREAs
🔑 KEY PROBLEM AREAs
🔑 KEY PROBLEM AREAs
Users need a way to track their budget & spending to save money.
💳😕
Users need a way to track their budget & spending to save money.
💳😕
Users need a way to track their budget & spending to save money.
💳😕
Users want an easier way to track spending habits for better financial control.
📊😀
Users want an easier way to track their spending habits for better financial control.
📊😀
Users want an easier way to track spending habits for better financial control.
📊😀
Users struggle to manage BNPL payments due to inconsistent due dates.
📅💡
Users struggle to manage BNPL payments due to inconsistent due dates.
📅💡
Users struggle to manage BNPL payments due to inconsistent due dates.
📅💡
The Solution! Tada 🥳
The Solution! Tada 🥳
The Solution! Tada 🥳
The Solution! Tada 🥳
Budget Feature
Budget Feature
Budget Feature
Easily set your preferred monthly budget within the Atome app.
The feature displays your remaining budget in real-time, with reminders to help you stay on track and encourage saving by keeping tabs on your spending.
Easily set your preferred monthly budget within the Atome app.
The feature displays your remaining budget in real-time, with reminders to help you stay on track and encourage saving by keeping tabs on your spending.
Easily set your preferred monthly budget within the Atome app.
The feature displays your remaining budget in real-time, with reminders to help you stay on track and encourage saving by keeping tabs on your spending.
Financial Tracking
Financial Tracking
Financial Tracking
Spending insights feature
Gives an overview of monthly spending, helping users analyze habits and track progress.
Spending categories feature
Breaks down expenses, making it easier to see where money goes and adjust accordingly.
Spending insights feature
Gives an overview of monthly spending, helping users analyze habits and track progress.
Spending categories feature
Breaks down expenses, making it easier to see where money goes and adjust accordingly.
Spending insights feature
Gives an overview of monthly spending, helping users analyze habits and track progress.
Spending categories feature
Breaks down expenses, making it easier to see where money goes and adjust accordingly.
Pay-all-at-once
Pay-all-at-once
Pay-all-at-once
Easily manage your BNPL commitments by paying them all on the same day.
This feature eliminates the hassle of dealing with multiple due dates, making it easier to plan your finances and stay on track.
Easily manage your BNPL commitments by paying them all on the same day.
This feature eliminates the hassle of dealing with multiple due dates, making it easier to plan your finances and stay on track.
Easily manage your BNPL commitments by paying them all on the same day.
This feature eliminates the hassle of dealing with multiple due dates, making it easier to plan your finances and stay on track.
Early Ideation Process
Early Ideation Process
Early Ideation Process
Early Ideation Process
How did my synthesis lead to these solutions? 🤔
How did my synthesis lead to these solutions? 🤔
How did my synthesis lead to these solutions? 🤔
(hop aboard the ideation express ⬇️)
(hop aboard the ideation express ⬇️)
(hop aboard the ideation express ⬇️)
(hop aboard the ideation express ⬇️)
Feature Audit 📊
Feature Audit 📊
Feature Audit 📊
Feature Audit 📊
I began with a feature audit of BNPL apps, focusing on financial management tools. This helped identify gaps in Atome's features & opportunities to enhance the user experience.
I began with a feature audit of BNPL apps, focusing on financial management tools. This helped identify gaps in Atome's features & opportunities to enhance the user experience.
I began with a feature audit of BNPL apps, focusing on financial management tools. This helped identify gaps in Atome's features & opportunities to enhance the user experience.
Feature Prioritisation ✍️
Feature Prioritisation ✍️
Feature Prioritisation ✍️
Feature Prioritisation ✍️
After identifying areas for improvement, I used the MoSCoW method to prioritise essential features, focusing on the most impactful enhancements to address users' financial management needs efficiently.
After identifying areas for improvement, I used the MoSCoW method to prioritise essential features, focusing on the most impactful enhancements to address users' financial management needs efficiently.
After identifying areas for improvement, I used the MoSCoW method to prioritise essential features, focusing on the most impactful enhancements to address users' financial management needs efficiently.
Visual Sitemap 👀
Visual Sitemap 👀
Visual Sitemap 👀
Visual Sitemap 👀
After identifying essential features, I created a visual sitemap of the current Atome app to brainstorm how each new feature could be seamlessly integrated into the existing structure.
(Bold text with an asterisk (*) represents new features)
After identifying essential features, I created a visual sitemap of the current Atome app to brainstorm how each new feature could be seamlessly integrated into the existing structure.
(Bold text with an asterisk (*) represents new features)
After identifying essential features, I created a visual sitemap of the current Atome app to brainstorm how each new feature could be seamlessly integrated into the existing structure.
(Bold text with an asterisk (*) represents new features)
Refining the Experience… 🎨
Refining the Experience… 🎨
Refining the Experience… 🎨
Since these features needed to fit seamlessly into Atome, I moved from sketches directly into high-fidelity designs, adhering to Atome’s design system.
Since these features needed to fit seamlessly into Atome, I moved from sketches directly into high-fidelity designs, adhering to Atome’s design system.
Since these features needed to fit seamlessly into Atome, I moved from sketches directly into high-fidelity designs, adhering to Atome’s design system.
(See the reasoning behind some of my design decisions below. ⬇️)
(See the reasoning behind some of my design decisions below. ⬇️)
(See the reasoning behind some of my design decisions below. ⬇️)
Design Decisions. The why.
Design Decisions. The why.
Design Decisions. The why.
What trade-offs were necessary & why? 👍👎
What trade-offs were necessary & why? 👍👎
What trade-offs were necessary & why? 👍👎
Balancing user needs with business goals in Atome’s design.
Balancing user needs with business goals in Atome’s design.
Balancing user needs with business goals in Atome’s design.
(Swipe left to right to see before and after)
I made trade-offs between details & simplicity to maintain an intuitive design while supporting the business' key objectives. Here's how I approached these decisions:
I made trade-offs between details & simplicity to maintain an intuitive design while supporting the business' key objectives. Here's how I approached these decisions:
I made trade-offs between details & simplicity to maintain an intuitive design while supporting the business' key objectives. Here's how I approached these decisions:
Balancing Spending Feedback with User Engagement
Balancing Spending Feedback with User Engagement
Balancing Spending Feedback with User Engagement
Initially, I displayed specific spending amounts & used red arrows to highlight overspending, but this risked scaring users away from the platform.
To avoid this, I opted for a more neutral approach that informs users without guilt, ensuring a better user experience & supporting business goals.
Initially, I displayed specific spending amounts & used red arrows to highlight overspending, but this risked scaring users away from the platform.
To avoid this, I opted for a more neutral approach that informs users without guilt, ensuring a better user experience & supporting business goals.
Initially, I displayed specific spending amounts & used red arrows to highlight overspending, but this risked scaring users away from the platform.
To avoid this, I opted for a more neutral approach that informs users without guilt, ensuring a better user experience & supporting business goals.
Simplifying Spending Data for Clarity
Simplifying Spending Data for Clarity
Simplifying Spending Data for Clarity
Initially, I considered presenting 6 months of expense category data, similar to the spending insights, but realized this could overwhelm users, especially since Atome is primarily a BNPL app, not a full financial service.
To keep it simple yet impactful, I chose to show only the current month's data, keeping users informed without overload.
Initially, I considered presenting 6 months of expense category data, similar to the spending insights, but realized this could overwhelm users, especially since Atome is primarily a BNPL app, not a full financial service.
To keep it simple yet impactful, I chose to show only the current month's data, keeping users informed without overload.
Initially, I considered presenting 6 months of expense category data, similar to the spending insights, but realized this could overwhelm users, especially since Atome is primarily a BNPL app, not a full financial service.
To keep it simple yet impactful, I chose to show only the current month's data, keeping users informed without overload.
Putting it to the Test
Putting it to the Test
Putting it to the Test
Putting it to the Test
how did i measure design success 👍?
how did i measure design success 👍?
how did i measure design success 👍?
I tested my designs' impact through usability testing on 11 participants, focusing on 3 task flows.
I tested my designs' impact through usability testing on 11 participants, focusing on 3 task flows.
I tested my designs' impact through usability testing on 11 participants, focusing on 3 task flows.
🔖 TASK FLOWS
🔖 TASK FLOWS
🔖 TASK FLOWS
Open the Atome app and set your monthly budget based on the app's suggestions.
Open the Atome app and set your monthly budget based on the app's suggestions.
Open the Atome app and set your monthly budget based on the app's suggestions.
Review your spending habits to understand trends and category breakdowns.
Review your spending habits to understand trends and category breakdowns.
Review your spending habits to understand trends and category breakdowns.
Review and settle all BNPL payments for the month in a single transaction.
Review and settle all BNPL payments for the month in a single transaction.
Review and settle all BNPL payments for the month in a single transaction.
🔍 FINDINGS
🔍 FINDINGS
🔍 FINDINGS
The prototype test for Atome showed a strong CSAT of 89%, indicating high satisfaction overall.
However, 27% of users struggled to understand how their spending aligns with their budget due to inconsistent information displayed❗️
To address this, I conducted affinity mapping to identify the root causes and iterate on solutions.
The prototype test for Atome showed a strong CSAT of 89%, indicating high satisfaction overall.
However, 27% of users struggled to understand how their spending aligns with their budget due to inconsistent information displayed❗️
To address this, I conducted affinity mapping to identify the root causes and iterate on solutions.
The prototype test for Atome showed a strong CSAT of 89%, indicating high satisfaction overall.
However, 27% of users struggled to understand how their spending aligns with their budget due to inconsistent information displayed❗️
To address this, I conducted affinity mapping to identify the root causes and iterate on solutions.
(click to expand)
(click to expand)
Excellent Customer Satisfaction Score (CSAT) 🤩
Excellent Customer Satisfaction Score (CSAT) 🤩
Excellent Customer Satisfaction Score (CSAT) 🤩
01: Resolving inconsistent information across sections
a) I refocused this section by removing the "spent" details to display only the remaining balance & changed the bar color to green to distinguish it from the Spending Insights section below.
b) Simplified by removing summary indicators. Now it only shows real-time spendings for clearer understanding, avoiding confusion from potential future payments.
c) Information on upcoming payments are highlighted below Spending Insights, without distracting from current spending.
(Swipe left to right to see before and after)
prioritized iterations · how i made it better 🙂
prioritized iterations · how i made it better 🙂
prioritized iterations · how i made it better 🙂
prioritized iterations · how i made it better 🙂
I refocused this section by removing the "spent" details to display only the remaining balance & changed the bar color to green to distinguish it from the Spending Insights section below.
I refocused this section by removing the "spent" details to display only the remaining balance & changed the bar color to green to distinguish it from the Spending Insights section below.
Simplified by removing summary indicators, now showing only real-time spendings to avoid confusion with future payments.
Simplified by removing summary indicators, now showing only real-time spendings to avoid confusion with future payments.
Upcoming payments are highlighted below Spending Insights, without distracting from current spending.
Upcoming payments are highlighted below Spending Insights, without distracting from current spending.
✨ the FINAL DESIGNS ✨
✨ the FINAL DESIGNS ✨
✨ the FINAL DESIGNS ✨
✨ the FINAL DESIGNS ✨
Ready to explore? Dive in & interact with our product now!📱
Ready to explore? Dive in & interact with our product now!📱
Ready to explore? Dive in & interact with our product now!📱
(Pages within the device are scrollable)
(Pages within the device are scrollable)
(swipe to view pages)
homepage
finance
finance
Bills
Bills
payment
payment
Closing Thoughts
Closing Thoughts
Closing Thoughts
Closing Thoughts
how did the problems influence the final designs? 💭
how did the problems influence the final designs? 💭
how did the problems influence the final designs? 💭
how did the problems influence the final designs? 💭
In summary....
In summary....
In summary....
Budget Tracking Made Simple
Budget Tracking Made Simple
Budget Tracking Made Simple
Helping users monitor their spending and stay within their limits, ensuring better financial control.
Helping users monitor their spending and stay within their limits, ensuring better financial control.
Helping users monitor their spending and stay within their limits, ensuring better financial control.
Clear Spending Insights
Clear Spending Insights
Clear Spending Insights
Detailed insights & categorized spending data, making it easier for users to understand their financial habits & plan for the future.
Detailed insights & categorized spending data, making it easier for users to understand their financial habits & plan for the future.
Detailed insights & categorized spending data, making it easier for users to understand their financial habits & plan for the future.
Streamlined BNPL Payment Management
Streamlined BNPL Payment Management
Streamlined BNPL Payment Management
Allowing users to settle all commitments at once, reducing the stress of managing multiple due dates.
Allowing users to settle all commitments at once, reducing the stress of managing multiple due dates.
Allowing users to settle all commitments at once, reducing the stress of managing multiple due dates.
Reflection… 💭
Reflection… 💭
Reflection… 💭
😇 My favourite part was…
😇 My favourite part was…
😇 My favourite part was…
Integrating new features within Atome’s design constraints, finding ways to enhance accessibility while staying true to the brand & balancing business goals with user needs.
Integrating new features within Atome’s design constraints, finding ways to enhance accessibility while staying true to the brand & balancing business goals with user needs.
Integrating new features within Atome’s design constraints, finding ways to enhance accessibility while staying true to the brand & balancing business goals with user needs.
🧗♀️ My biggest challenge was…
🧗♀️ My biggest challenge was…
🧗♀️ My biggest challenge was…
Navigating unfamiliar territory with no experience using budgeting apps. With few BNPL services in Asia, I turned to Reddit, US-based services, & tested various apps to gather the necessary insights.
Navigating unfamiliar territory with no experience using budgeting apps. With few BNPL services in Asia, I turned to Reddit, US-based services, & tested various apps to gather the necessary insights.
Navigating unfamiliar territory with no experience using budgeting apps. With few BNPL services in Asia, I turned to Reddit, US-based services, & tested various apps to gather the necessary insights.
🙏 My biggest takeaway.…
🙏 My biggest takeaway.…
🙏 My biggest takeaway.…
Realizing the importance of balancing user needs with business goals. I learned that while designing for users is crucial, it’s equally important to consider the impact on the business to ensure long-term success.
Realizing the importance of balancing user needs with business goals. I learned that while designing for users is crucial, it’s equally important to consider the impact on the business to ensure long-term success.
Realizing the importance of balancing user needs with business goals. I learned that while designing for users is crucial, it’s equally important to consider the impact on the business to ensure long-term success.