UI Design
UI Design
Branding
Branding
Creating a new experience after a rebranding process
Creating a new experience after a rebranding process
UI Designer・3 months of project・2021
UI Designer・3 months of project・2021
Introduction
Introduction
Mooney is a financial education startup partnered with hundreds of schools across Brazil, providing content about the financial world for students from elementary to high school.
Mooney is a financial education startup partnered with hundreds of schools across Brazil, providing content about the financial world for students from elementary to high school.
Through Mooney's products, teachers can access lesson content to share with their students, who in turn have a gamified platform to complete exercises and other activities.
Through Mooney's products, teachers can access lesson content to share with their students, who in turn have a gamified platform to complete exercises and other activities.
Activities
Activities
UI Design ・ Branding ・ Wireframing ・ Crafting
UI Design ・ Branding ・ Wireframing ・ Crafting
Objective
Objective
After joining the team, we had several different products being used by users with varying visual and usability experiences, which ultimately became a problem for the users.
After joining the team, we had several different products being used by users with varying visual and usability experiences, which ultimately became a problem for the users.
Along with that, there was the difficulty for stakeholders to prepare materials for the classes, as it was unclear what the company’s visual direction was.
Along with that, there was the difficulty for stakeholders to prepare materials for the classes, as it was unclear what the company’s visual direction was.
Ensure visual consistency and good usability across all products
Ensure visual consistency and good usability across all products
PROCESS
PROCESS
Alignment with stakeholders
Alignment with stakeholders
The first step was to ensure that all stakeholders in the company were aligned with this visual change. We began the work by deeply understanding what problems each area of the company was facing with the current brand. Some of these were:
The first step was to ensure that all stakeholders in the company were aligned with this visual change. We began the work by deeply understanding what problems each area of the company was facing with the current brand. Some of these were:
There is no clear visual direction for creating materials for the classes.
The current design is not targeted at Mooney's target audience.
Validation with users
Validation with users
After this, we felt the need to validate these changes with users, as it would impact the company as a whole since it would be replicated across all products. To ensure this, an MVP was shown to the users presenting the new product and the new usability with the goal of gathering feedback and opportunities for improvements.
After this, we felt the need to validate these changes with users, as it would impact the company as a whole since it would be replicated across all products. To ensure this, an MVP was shown to the users presenting the new product and the new usability with the goal of gathering feedback and opportunities for improvements.
The feedback received was very positive, and the areas for improvement were once again discussed among the stakeholders and added to the final design.
The feedback received was very positive, and the areas for improvement were once again discussed among the stakeholders and added to the final design.
NEW BRAND
NEW BRAND
Setting standards
Setting standards
After all these sections of research and alignment with stakeholders, we began to define new standards for the brand, such as a new typography that can be used in various work environments and also a new color palette that can convey the message that Mooney would like to communicate.
After all these sections of research and alignment with stakeholders, we began to define new standards for the brand, such as a new typography that can be used in various work environments and also a new color palette that can convey the message that Mooney would like to communicate.
NEW EXPERIENCES
NEW EXPERIENCES
Website
Mooney Edu
Mooney App
VALIDATIONS
VALIDATIONS
Validating results
Validating results
This project was the first step to improve the user experience of Mooney, but like any product, it is necessary to monitor metrics and deeply understand how these changes will impact people. A/B testing and usability testing are essential to ensure that the initial objectives are achieved.
This project was the first step to improve the user experience of Mooney, but like any product, it is necessary to monitor metrics and deeply understand how these changes will impact people. A/B testing and usability testing are essential to ensure that the initial objectives are achieved.