As a product designer on the Moni team, I undertook the challenge of revitalizing the saving feature on the app to captivate customer interest. The existing version suffered from usability issues, it lacks personalization and tailored options for different saving goals.
In 2022, Moni launched its savings product's first version, which did not perform up to expectations. We discovered that the release suffered from severe usability issues and lacked personalization which resulted in low user engagement and retention rates.
To address these challenges, I designed a visually appealing and highly functional app. The revamped design successfully reduced onboarding time, increased adoption rates, and enabled Moni to enter the consumer market with confidence.
Expansion to the consumer market:
The redesign allowed Moni to enter the consumer market, broadening its customer base and diversifying revenue streams
Improved user acquisition and retention: The redesign attracted a larger user base and contributed to higher user retention rates, expanding Moni's market presence
Income generation for the loan business: This saving feature serves as a major source of fund for Moni loan business which significant increase in company revenue
During the initial stages of the project, I conducted an extensive app walkthrough and heuristic evaluation to identify and address usability issues. Additionally, I conducted user interviews to gain insights into user motivations and saving habits.
Key insights included the importance of customized saving plans, the need for a seamless onboarding process, user prioritization of high ROI platforms, and the desire for personalized investment offers.
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Seamless Onboarding - A user-friendly onboarding process with clear instructions and intuitive navigation
Users prioritize platforms with high return on investment (ROI)
User are seeking opportunities for additional earnings through personalized investment offers.
How might we create a user-friendly saving process, and provide personalized savings experiences with diverse plans tailored to different goals and preferences.?
Usability
Personalization
Reduce dropoff
One key issue identified during research was users' lack of understanding of the saving plan, resulting in confusion and drop-off. I explored different ideas to see the one that works for the user without trading off important information we need to collect during registration.
To improve the onboarding experience, I focused on addressing the issue of user confusion regarding the saving plan, I implemented informative introductory screens before plan creation to educate users about the details of each plan.
I replaced icons with descriptive text to ensure clarity and provide more information during the interaction.
Optimizing the Layout for Growth
This iteration lacked scalability and growth potential, as it did not accommodate future plan additions without cluttering the user interface or requiring excessive scrolling.
1
A balance of the total saving should be above the plans to make creation discoverable.
2
Repeating the info text makes the UI clumsy and overwhelming.
3
As we add more plans in the future the list grows longer causing the user to scroll excessively.
Issue 1
Issue 3
Issue 2
Issue 1
A balance of the total saving should be above the plans to make creation discoverable
Issue 2
Repeating the info text makes the UI clumsy and overwhelming
Issue 3
As we add more plans in the future the list grows longer causing the user to scroll excessively
I redesigned the layout of the savings plan view to enhance discoverability for first-time users, I used a grid layout that improves scanning and makes new plans more visible, to reduce the space occupied making room for showcasing newer plans.
For returning users, the layout emphasizes balance information and enhances plan discovery, driving engagement and potential for increased deposits and transactions. The redesign also maximizes revenue potential by facilitating upselling and cross-selling opportunities.
The redesigned onboarding experience focuses on providing users with comprehensive information, ensuring a complete understanding of the savings plan. This approach enhances user confidence, reduces confusion, and sets the stage for a successful and engaging savings journey.
During user walkthrough sessions, I identified challenges related to efficiency, personalization, and control in the plan creation process. Users faced slow completion times and frustration while navigating between pages to adjust inputs.
When users are creating a savings plan, they see the key information they need to make decisions on the summary page after selecting the duration for their plan thereby causing excessive page switching. Typical user behaviour looks like this:
To address this I dispersed relevant information across different screens. This approach significantly reduced completion time and allowed users to easily adjust inputs without excessive page switching. Users can now view the interest amount immediately upon selecting a date.
This was achieved by introducing categories that classify savings goals into eight distinct categories. This customization allows users to explore personalized plan options and receive tailored offers creating a more engaging and relevant savings experience.
The old design does not have an entry for the data needed to capture the personalised experience. This posed a serious challenge to achieving my goal.
I introduced categories that categorize savings goals into eight distinct categories. This enables users to view customized plan options and receive tailored offers.
In the first iteration, the circle selector occupied excessive space and hindered easy scanning. Also, the list will become very long in the future when newer categories are added.
I implemented a pill design for categories, this reduction in space usage, combined with the addition of icons for enhanced visual appeal, resulted in an improved design that effectively presents the categories to users.
Users select a category at the creation of the plan, the selected category will be used to customize their page with a unique illustration. User will be offered unique offer based on their plan at the end of the saving circle.
Custom illustrations for different savings categories to help give a sense of personalization for each savings plan
To ensure a seamless user experience, it is essential to anticipate user errors and provide clear guidance. In my design approach, I prioritized proactive error prevention and assistance by placing important information at the point when users need it the most.
The error message callout was designed to be used in different use cases and also to clearly communicate to the user, and give them the information they need to know and to recover from the error.
Apart from providing clear error messages and recovery information, it is also very important to cater for every scenario of errors that users might encounter. to address this we created a component of the design system to capture this
Providing users with information on potential issues and how to avoid them;
for instance, exposing the user account balance on the funding page minimizes insufficient balance errors. The callout has to provide clear instructions and guidance to users when an error occurs to resolve the issue.
Insufficient plan details resulted in confusion and an increase in support requests, as users had to rely on memory to recall the plan information. It became evident that easy access to comprehensive plan details is essential to address this issue.
Users often get confused because there is not enough information on the plan detailed page. The intensity of this problem was measured by the number of support tickets created on this issue & my evaluation during users walkthroughs.
I redesigned the page to prioritize and provide comprehensive plan information for better user understanding. The page redesign showcases a customized look tailored to the user's savings category, with the full details of the plan on the page.
Throughout the savings journey, users experience three key phases: creation, waiting period, and maturity. The waiting period, characterized by inactivity and intermittent contributions, presents a risk of users breaking their saving plan.
One of the major issues is drop off during the saving duration, a lot of users often break their plan due to the loan wait period and inactivities. To address this challenge I added a layer of motivation to the plan details page, that motivates the users although the duration of the savings.
A support system that offers motivation and engagement during this critical waiting period.
Users are provided with adequate motivation to help reinforce their goals by celebrating their progress at every milestone they hut. Additionally, users have the option to share their achievements as they continue their savings journey.
During the refinement of the plan details page, I encountered challenges in arranging information and actions, leading to a cluttered interface. It was important to prioritize the most important actions without hiding them, while still maintaining a neat and simple design.
Users have to take different key actions during the duration of the plan, leaving me with the problem of prioritization. Making a button disable until they need it creates dead end and the users often confuse them for a broken interaction.
I introduced adaptive buttons that dynamically change based on the plan's status, providing relevant actions to guide users towards their desired actions. This improvement improves the usability and creates a more engaging experience.
Through user research and iterative design, I enhanced Moni's savings experience by revamping onboarding, personalizing goals, and simplifying plan creation. Prioritizing error prevention and clear communication empowered users to make informed decisions, while progress tracking kept them motivated. These design solutions addressed usability issues and created an engaging and rewarding savings experience.
Increased company revenue
The design improvements resulted in higher user engagement and personalized offerings, leading to a significant increase in company revenue through the savings platform.
Improved user acquisition and retention The redesigned app attracted a larger user base and contributed to higher user retention rates, expanding Moni's market presence.
Contribution to income generation for the loan business: Users who initially utilized the savings feature became more likely to explore and utilize Moni's other financial products, generating additional income for the company's loan business.
Expansion to the consumer market: The successful redesign allowed Moni to enter the consumer market, broadening its customer base and diversifying revenue streams.
I was part of the ambitious team at Moni to provide financial services to excluded demography in Nigeria. I spearheaded wireframing, high-fidelity design, and overall user experience from end to end.
VIEW PROJECT
LET'S MAKE MAGIC HAPPEN!
Get in touch and let's create something amazing together!
As a product designer on the Moni team, I undertook the challenge of revitalizing the saving feature on the app to captivate customer interest. The existing version suffered from usability issues, it lacks personalization and tailored options for different saving goals.
In 2022 Moni launch the first version of its savings product, which did not perform up to expectations. We discovered that this release suffered from severe usability issues and lacked personalization which resulted in- Low user engagement and retention rates
To address these challenges, I designed a visually appealing and highly functional app. The revamped design successfully reduced onboarding time, increased adoption rates, and enabled Moni to enter the consumer market with confidence.
Expansion to the consumer market:
The redesign allowed Moni to enter the consumer market, broadening its customer base and diversifying revenue streams
Improved user acquisition and retention: The redesign attracted a larger user base and contributed to higher user retention rates, expanding Moni's market presence
Income generation for the loan business: This saving feature serves as a major source of fund for Moni loan business which significant increase in company revenue
During the initial stages of the project, I conducted an extensive app walkthrough and heuristic evaluation to identify and address usability issues. Additionally, I conducted user interviews to gain insights into user motivations and saving habits.
In 2022 Moni launch the first version of its savings product, which did not perform up to expectations. We discovered that this release suffered from severe usability issues and lacked personalization which resulted in- Low user engagement and retention rates
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
How might we create a user-friendly saving process, and provide personalized savings experiences with diverse plans tailored to different goals and preferences.?
Usability
Personalization
Reduce dropoff
One key issue identified during research was users' lack of understanding of the saving plan, resulting in confusion and drop-off. I explored different ideas to see the one that works for the user without trading off important information we need to collect during registration.
To address the problem of confusion during user onboarding, I introduced informative introductory screens before creation the explain the details of each plan. On the plan card, I added an info icon that will reveal the details
I replaced icons with descriptive text to ensure clarity and provide more information during the interaction.
Optimizing the Layout for Growth
This iteration lacked scalability and growth potential, as it did not accommodate future plan additions without cluttering the user interface or requiring excessive scrolling.
1
A balance of the total saving should be above the plans to make creation discoverable.
2
Repeating the info text makes the UI clumsy and overwhelming.
3
As we add more plans in the future the list grows longer causing the user to scroll excessively.
Issue 1
Issue 3
Issue 2
Issue 1
A balance of the total saving should be above the plans to make creation discoverable
Issue 2
Repeating the info text makes the UI clumsy and overwhelming
Issue 3
As we add more plans in the future the list grows longer causing the user to scroll excessively
I redesigned the layout of the savings plan view to enhance discoverability for first-time users, I used a grid layout that improves scanning and makes new plans more visible, to reduce the space occupied making room for showcasing newer plans.
The new layout helps to improve new plan discovery for returning users. while showing the user balance, This boosts user engagement and drives the potential for increased deposits and transactions. Additionally, it maximizes revenue potential through upselling and cross-selling
The redesigned onboarding experience prioritizes providing users with comprehensive information to ensure a complete understanding of the saving plan and also focus on upselling and cross-selling
During user walkthrough sessions, I identified challenges related to efficiency, personalization, and control in the plan creation process. Users faced slow completion times and frustration while navigating between pages to adjust inputs.
When users are creating a savings plan, they see the key information they need to make decisions on the summary page after selecting the duration for their plan thereby causing excessive page switching. Typical user behaviour looks like this:
To address this I dispersed relevant information across different screens. This approach significantly reduced completion time and allowed users to easily adjust inputs without excessive page switching. Users can now view the interest amount immediately upon selecting a date.
This was achieved by introducing categories that classify savings goals into eight distinct categories. This customization allows users to explore personalized plan options and receive tailored offers creating a more engaging and relevant savings experience.
The old design does not have an entry for the data needed to capture the personalised experience. This posed a serious challenge to achieving my goal.
I introduced categories that categorize savings goals into eight distinct categories. This enables users to view customized plan options and receive tailored offers.
In the first iteration, the circle selector occupied excessive space and hindered easy scanning. Also, the list will become very long in the future when newer categories are added.
I implemented a pill design for categories, this reduction in space usage, combined with the addition of icons for enhanced visual appeal, resulted in an improved design that effectively presents the categories to users.
Users select a category at the creation of the plan, the selected category will be used to customize their page with a unique illustration. User will be offered unique offer based on their plan at the end of the saving circle.
Custom illustrations for different savings categories to help give a sense of personalization for each savings plan
To ensure a seamless user experience, it is essential to anticipate user errors and provide clear guidance. In my design approach, I prioritized proactive error prevention and assistance by placing important information at the point when users need it the most.
The error message callout was designed to be used in different use cases and also to clearly communicate to the user, and give them the information they need to know and to recover from the error.
Apart from providing clear error messages and recovery information, it is also very important to cater for every scenario of errors that users might encounter. to address this we created a component of the design system to capture this
Providing users with information on potential issues and how to avoid them;
for instance, exposing the user account balance on the funding page minimizes insufficient balance errors. The callout has to provide clear instructions and guidance to users when an error occurs to resolve the issue.
Insufficient plan details resulted in confusion and an increase in support requests, as users had to rely on memory to recall the plan information. It became evident that easy access to comprehensive plan details is essential to address this issue.
Users often get confused because there is not enough information on the plan detailed page. The intensity of this problem was measured by the number of support tickets created on this issue & my evaluation during users walkthroughs.
I redesigned the page to prioritize and provide comprehensive plan information for better user understanding. The page redesign showcases a customized look tailored to the user's savings category, with the full details of the plan on the page.
Throughout the savings journey, users experience three key phases: creation, waiting period, and maturity. The waiting period, characterized by inactivity and intermittent contributions, presents a risk of users breaking their saving plan.
One of the major issues is drop off during the saving duration, a lot of users often break their plan due to the loan wait period and inactivities. To address this challenge I added a layer of motivation to the plan details page, that motivates the users although the duration of the savings.
A support system that offers motivation and engagement during this critical waiting period.
Users are provided with adequate motivation to help reinforce their goals by celebrating their progress at every milestone they hut. Additionally, users have the option to share their achievements as they continue their savings journey.
During the refinement of the plan details page, I encountered challenges in arranging information and actions, leading to a cluttered interface. It was important to prioritize the most important actions without hiding them, while still maintaining a neat and simple design.
Users have to take different key actions during the duration of the plan, leaving me with the problem of prioritization. Making a button disable until they need it creates dead end and the users often confuse them for a broken interaction.
I introduced adaptive buttons that dynamically change based on the plan's status, providing relevant actions to guide users towards their desired actions. This improvement improves the usability and creates a more engaging experience.
Through user research and iterative design, I enhanced Moni's savings experience by revamping onboarding, personalizing goals, and simplifying plan creation. Prioritizing error prevention and clear communication empowered users to make informed decisions, while progress tracking kept them motivated. These design solutions addressed usability issues and created an engaging and rewarding savings experience.
Increased company revenue
The design improvements resulted in higher user engagement and personalized offerings, leading to a significant increase in company revenue through the savings platform.
Improved user acquisition and retention The redesigned app attracted a larger user base and contributed to higher user retention rates, expanding Moni's market presence.
Contribution to income generation for the loan business: Users who initially utilized the savings feature became more likely to explore and utilize Moni's other financial products, generating additional income for the company's loan business.
Expansion to the consumer market: The successful redesign allowed Moni to enter the consumer market, broadening its customer base and diversifying revenue streams.
I was part of the ambitious team at Moni to provide financial services to excluded demography in Nigeria. I spearheaded wireframing, high-fidelity design, and overall user experience from end to end.
VIEW PROJECT
LET'S MAKE MAGIC HAPPEN!
Get in touch and let's create something amazing together!
As a product designer on the Moni team, I undertook the challenge of revitalizing the saving feature on the app to captivate customer interest. The existing version suffered from usability issues, it lacks personalization and tailored options for different saving goals.
In 2022 Moni launch the first version of its savings product, which did not perform up to expectations. We discovered that this release suffered from severe usability issues and lacked personalization which resulted in- Low user engagement and retention rates
To address these challenges, I designed a visually appealing and highly functional app. The revamped design successfully reduced onboarding time, increased adoption rates, and enabled Moni to enter the consumer market with confidence.
Expansion to the consumer market: The successful redesign allowed Moni to enter the consumer market, broadening its customer base and diversifying revenue streams
Improved user acquisition and retention: The redesign attracted a larger user base and contributed to higher user retention rates, expanding Moni's market presence
Income generation for the loan business: This saving feature serves as a major source of fund for Moni loan business which significant increase in company revenue
During the initial stages of the project, I conducted an extensive app walkthrough and heuristic evaluation to identify and address usability issues. Additionally, I conducted user interviews to gain insights into user motivations and saving habits.
Key insights included the importance of customized saving plans, the need for a seamless onboarding process, user prioritization of high ROI platforms, and the desire for personalized investment offers.
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
Customized Saving Plans - Users value tailored savings options for different goals and timeframes
How might we create a user-friendly saving process, and provide personalized savings experiences with diverse plans tailored to different goals and preferences.?
Usability
Personalization
Reduce dropoff
One key issue identified during research was users' lack of understanding of the saving plan, resulting in confusion and drop-off. I explored different ideas to see the one that works for the user without trading off important information we need to collect during registration.
To improve the onboarding experience, I focused on addressing the issue of user confusion regarding the saving plan, I implemented informative introductory screens before plan creation to educate users about the details of each plan.
I replaced icons with descriptive text to ensure clarity and provide more information during the interaction.
Optimizing the Layout for Growth
This iteration lacked scalability and growth potential, as it did not accommodate future plan additions without cluttering the user interface or requiring excessive scrolling.
1
A balance of the total saving should be above the plans to make creation discoverable.
2
Repeating the info text makes the UI clumsy and overwhelming.
3
As we add more plans in the future the list grows longer causing the user to scroll excessively.
Issue 1
Issue 3
Issue 2
Issue 1
A balance of the total saving should be above the plans to make creation discoverable
Issue 2
Repeating the info text makes the UI clumsy and overwhelming
Issue 3
As we add more plans in the future the list grows longer causing the user to scroll excessively
I redesigned the layout of the savings plan view to enhance discoverability for first-time users, I used a grid layout that improves scanning and makes new plans more visible, to reduce the space occupied making room for showcasing newer plans.
For returning users, the layout emphasizes balance information and enhances plan discovery, driving engagement and potential for increased deposits and transactions. The redesign also maximizes revenue potential by facilitating upselling and cross-selling opportunities.
he redesigned onboarding experience focuses on providing users with comprehensive information, ensuring a complete understanding of the savings plan. This approach enhances user confidence, reduces confusion, and sets the stage for a successful and engaging savings journey.
During user walkthrough sessions, I identified challenges related to efficiency, personalization, and control in the plan creation process. Users faced slow completion times and frustration while navigating between pages to adjust inputs.
When users are creating a savings plan, they see the key information they need to make decisions on the summary page after selecting the duration for their plan thereby causing excessive page switching. Typical user behaviour looks like this:
To address this I dispersed relevant information across different screens. This approach significantly reduced completion time and allowed users to easily adjust inputs without excessive page switching. Users can now view the interest amount immediately upon selecting a date.
This was achieved by introducing categories that classify savings goals into eight distinct categories. This customization allows users to explore personalized plan options and receive tailored offers creating a more engaging and relevant savings experience.
The old design does not have an entry for the data needed to capture the personalised experience. This posed a serious challenge to achieving my goal.
I introduced categories that categorize savings goals into eight distinct categories. This enables users to view customized plan options and receive tailored offers.
In the first iteration, the circle selector occupied excessive space and hindered easy scanning. Also, the list will become very long in the future when newer categories are added.
I implemented a pill design for categories, this reduction in space usage, combined with the addition of icons for enhanced visual appeal, resulted in an improved design that effectively presents the categories to users.
Users select a category at the creation of the plan, the selected category will be used to customize their page with a unique illustration. User will be offered unique offer based on their plan at the end of the saving circle.
Custom illustrations for different savings categories to help give a sense of personalization for each savings plan
To ensure a seamless user experience, it is essential to anticipate user errors and provide clear guidance. In my design approach, I prioritized proactive error prevention and assistance by placing important information at the point when users need it the most.
The error message callout was designed to be used in different use cases and also to clearly communicate to the user, and give them the information they need to know and to recover from the error.
Apart from providing clear error messages and recovery information, it is also very important to cater for every scenario of errors that users might encounter. to address this we created a component of the design system to capture this
Providing users with information on potential issues and how to avoid them;
for instance, exposing the user account balance on the funding page minimizes insufficient balance errors. The callout has to provide clear instructions and guidance to users when an error occurs to resolve the issue.
Insufficient plan details resulted in confusion and an increase in support requests, as users had to rely on memory to recall the plan information. It became evident that easy access to comprehensive plan details is essential to address this issue.
Users often get confused because there is not enough information on the plan detailed page. The intensity of this problem was measured by the number of support tickets created on this issue & my evaluation during users walkthroughs.
I redesigned the page to prioritize and provide comprehensive plan information for better user understanding. The page redesign showcases a customized look tailored to the user's savings category, with the full details of the plan on the page.
Throughout the savings journey, users experience three key phases: creation, waiting period, and maturity. The waiting period, characterized by inactivity and intermittent contributions, presents a risk of users breaking their saving plan.
One of the major issues is drop off during the saving duration, a lot of users often break their plan due to the loan wait period and inactivities. To address this challenge I added a layer of motivation to the plan details page, that motivates the users although the duration of the savings.
A support system that offers motivation and engagement during this critical waiting period.
Users are provided with adequate motivation to help reinforce their goals by celebrating their progress at every milestone they hut. Additionally, users have the option to share their achievements as they continue their savings journey.
During the refinement of the plan details page, I encountered challenges in arranging information and actions, leading to a cluttered interface. It was important to prioritize the most important actions without hiding them, while still maintaining a neat and simple design.
Users have to take different key actions during the duration of the plan, leaving me with the problem of prioritization. Making a button disable until they need it creates dead end and the users often confuse them for a broken interaction.
I introduced adaptive buttons that dynamically change based on the plan's status, providing relevant actions to guide users towards their desired actions. This improvement improves the usability and creates a more engaging experience.
Through user research and iterative design, I enhanced Moni's savings experience by revamping onboarding, personalizing goals, and simplifying plan creation. Prioritizing error prevention and clear communication empowered users to make informed decisions, while progress tracking kept them motivated. These design solutions addressed usability issues and created an engaging and rewarding savings experience.
Increased company revenue
The design improvements resulted in higher user engagement and personalized offerings, leading to a significant increase in company revenue through the savings platform.
Improved user acquisition and retention The redesigned app attracted a larger user base and contributed to higher user retention rates, expanding Moni's market presence.
Contribution to income generation for the loan business: Users who initially utilized the savings feature became more likely to explore and utilize Moni's other financial products, generating additional income for the company's loan business.
Expansion to the consumer market: The successful redesign allowed Moni to enter the consumer market, broadening its customer base and diversifying revenue streams.
I was part of the ambitious team at Moni to provide financial services to excluded demography in Nigeria. I spearheaded wireframing, high-fidelity design, and overall user experience from end to end.
VIEW PROJECT
LET'S MAKE MAGIC HAPPEN!
Get in touch and let's create something amazing together!
