Developed a Microlearning APP from scratch
Created a new solution for the company's portfolio to expand their product range with a mobile-learning solution, also Increase revenue and position market. Working with an outsourced team, I was responsible for the entire process, from concept development and sprint delivery to deployment with iOS and Android developers
Created a new solution for the company's portfolio to expand their product range with a mobile-learning solution, also Increase revenue and position market. Working with an outsourced team, I was responsible for the entire process, from concept development and sprint delivery to deployment with iOS and Android developers
My role
As a UX Design Specialist, I manage the entire process — from product definition and hand-off with user stories and Sprint delivery method.
Challenge
The project’s complexity stemmed from working with an outsourced team to deliver a white-label, customizable solution.
Challenge
The project’s complexity stemmed from working with an outsourced team to deliver a white-label, customizable solution.
My role
As a UX Design Specialist, I manage the entire process — from product definition and hand-off with user stories and Sprint delivery method.
The design process
Discovery
Matrix CSD
Enterviews
Desk Research
Competitive analysis
Definition
Lean Inception
User Journeys
Usability tests
APP Site map
Delivery
Style Guides
User Stories
Interaction Prototypes
Alignment Calls
Results
New product launched
Positive market reception
Good User Engagement
Discovery
Matrix CSD
Enterviews
Desk Research
Competitive analysis
Definition
Lean Inception
User Journeys
Usability tests
APP Site map
Delivery
Style Guides
User Stories
Interaction Prototypes
Alignment Calls
Results
New product launched
Positive market reception
Good User Engagement
Discovery
Matrix CSD
The Matrix CSD focuses on stakeholder engagement and risk management, aiming to validate whether the concept of a mobile-learning solution aligns with initial business goals and solution requirements. This ensures that the product meets expectations while mitigating potential risks.
Enterviews
Through non-structured interviews with eight (8) participants, including stakeholders, HR managers, and potential users, insights were gathered to guide the product's development. The feedback provided clarity on user needs and expectations, shaping the direction of the solution.
Desk Research
Combining microinteractions with gamification boosts engagement by 52% and retention by 27%. By 2020, the mobile learning market was projected to surpass $35 billion, highlighting its rapid growth
Matrix CSD
The Matrix CSD focuses on team and stakeholder engagement and risk management, aiming to validate whether the concept of a mobile-learning solution aligns with initial business goals and solution requirements.
Enterviews
Through non-structured interviews with eight (8) participants, including stakeholders, HR managers, and potential users, insights were gathered to guide the product's development. The feedback provided clarity on user needs and expectations.
The certainties were to user microlearning as a strategy and a whitelabel solution. It includes an administrative area for HR, is available on iOS and Android, and operates within a defined budget of $80K and a timeline of 3 months.
The assumptions were have Offline access will act as a differentiator, personalized learning paths will boost engagement, and gamification enhances learning. Mobile-first learning is key for busy professionals, and microlearning supports upskilling.
The Doubts remain about integration with other products, replacing the Studion app, whether it will be sold as SaaS, and if users can create their own content.
Desk Research
Combining microinteractions with gamification boosts engagement by 52% and retention by 27%. By 2020, the mobile learning market was projected to surpass $35 billion, highlighting its rapid growth
Competitive Analysis
To understand market trends I selected 3 main global competitors. Engage: Uses gamification, TalentCards: Creates multimedia content in card format and Gnowbe using collaborative learning
Competitive Analysis
To understand market trends I selected 3 main global competitors. Engage: Uses gamification, TalentCards: Creates multimedia content in card format and Gnowbe using collaborative learning
Workshop using the Lean Inception methodology
Ensuring a focus on essential features and to define the product and establish the task sequence for the development of the first version I run 2-day workshop involves collaboration among a designer, technology specialist, manager, and salesperson
Definition
Product definition
Pronto Learning is a native iOS and Android app designed for the corporate market to optimize employee training with a focus on microlearning, enabling practical, instant training anytime, anywhere with offline access; through gamification techniques and an intuitive interface, it enhances user engagement while providing a superior alternative or extension to traditional LMS tools by prioritizing mobile accessibility and innovative learning strategies.
User Journeys
Pronto Learning is a native iOS and Android app designed for the corporate market to optimize employee training with a focus on microlearning, enabling practical, instant training anytime, anywhere with offline access; through gamification techniques and an intuitive interface, it enhances user engagement while providing a superior alternative or extension to traditional LMS tools by prioritizing mobile accessibility and innovative learning strategies.
Usability Tests
I conducted a usability test using an XD prototype with five participants: two from an alpha tester client and three internal company users. Due to a limited pool of participants, I ran the test with the minimum viable sample for validation. The test was task-based, evaluating success rates and expected completion times. The results were positive, with two tasks achieving a 100% success rate, while the second task achieved 90%.
User Stories
I conducted a usability test using an XD prototype with five participants: two from an alpha tester client and three internal company users. Due to a limited pool of participants, I ran the test with the minimum viable sample for validation. The test was task-based, evaluating success rates and expected completion times. The results were positive, with two tasks achieving a 100% success rate, while the second task achieved 90%.
Delivery
Solution
APP Screens
Management side (HR person)
Developed a Microlearning
APP from scratch
Created a new solution for the company's portfolio to expand their product range with a mobile-learning solution, also Increase revenue and position market. Working with an outsourced team, I was responsible for the entire process, from concept development and sprint delivery to deployment with iOS and Android developers
Challenge
The project’s complexity stemmed from working with an outsourced team to deliver a white-label, customizable solution.
My role
As a UX Design Specialist, I manage the entire process — from product definition and hand-off with user stories and Sprint delivery method.
Discovery
Matrix CSD
Enterviews
Desk Research
Competitive analysis
Definition
Lean Inception
User Journeys
Usability tests
APP Site map
Delivery
Style Guides
User Stories
Interaction Prototypes
Alignment Calls
Results
New product launched
Positive market reception
Good Engagement
The design process
Discovery
Matrix CSD
The Matrix CSD focuses on team and stakeholder engagement and risk management, aiming to validate whether the concept of a mobile-learning solution aligns with initial business goals and solution requirements.
Enterviews
Through non-structured interviews with eight (8) participants, including stakeholders, HR managers, and potential users, insights were gathered to guide the product's development. The feedback provided clarity on user needs and expectations.
The certainties were to user microlearning as a strategy and a whitelabel solution. It includes an administrative area for HR, is available on iOS and Android, and operates within a defined budget of $80K and a timeline of 3 months.
The assumptions were have Offline access will act as a differentiator, personalized learning paths will boost engagement, and gamification enhances learning. Mobile-first learning is key for busy professionals, and microlearning supports upskilling.
The Doubts remain about integration with other products, replacing the Studion app, whether it will be sold as SaaS, and if users can create their own content.
Desk Research
Combining microinteractions with gamification boosts engagement by 52% and retention by 27%. By 2020, the mobile learning market was projected to surpass $35 billion, highlighting its rapid growth
Competitive Analysis
To understand market trends I selected 3 main global competitors. Engage: Uses gamification, TalentCards: Creates multimedia content in card format and Gnowbe using collaborative learning
Definition
Workshop using the Lean Inception methodology
Ensuring a focus on essential features and to define the product and establish the task sequence for the development of the first version I run 2-day workshop involves collaboration among a designer, technology specialist, manager, and salesperson
Product definition
Pronto Learning is a native iOS and Android app designed for the corporate market to optimize employee training with a focus on microlearning, enabling practical, instant training anytime, anywhere with offline access; through gamification techniques and an intuitive interface, it enhances user engagement while providing a superior alternative or extension to traditional LMS tools by prioritizing mobile accessibility and innovative learning strategies.
Usability Tests
I conducted a usability test using an XD prototype with five participants: two from an alpha tester client and three internal company users. Due to a limited pool of participants, I ran the test with the minimum viable sample for validation. The test was task-based, evaluating success rates and expected completion times. The results were positive, with two tasks achieving a 100% success rate, while the second task achieved 90%.
User Journeys
Ensuring a focus on essential features and to define the product and establish the task sequence for the development of the first version
Delivery
Solution
Solution
User Stories
I've used user stories as a complement to the specifications, along with a prototype link, to detail specific interactions from the user's perspective.
Customized for iOS and Android
Components were designed in a hybrid way to ensure a UX acceptable for both iOS and Android, maintaining consistency and usability. As a multi-instance white-label app, it offers flexibility for customization
UI Styles and Interactions
I created a simple UI style guide featuring the key components, including input behaviors, card styles, feedback alerts, typography, and color palettes.
Strong base of gamification
Gamification systems are designed by specialists who create points, levels, and badges based on user behaviors and goals, with the underlying math for scoring and ranking users. HR often uses reward systems to recognize outstanding employees.
User Needs
The focus is on short content, rapid learning, extending microlearning assets, personalized learning experiences, offline access, cross-platform compatibility, and curated content.
Administrative envoirement
The administrative environment for HR includes a space to add pathways, content, moderate comments, manage system users, generate reports, and configure the visual settings of the instances created for the environment.
Definition
Workshop using the Lean Inception methodology
Ensuring a focus on essential features and to define the product and establish the task sequence for the development of the first version I run 2-day workshop involves collaboration among a designer, technology specialist, manager, and salesperson
Product definition
Pronto Learning is a native iOS and Android app designed for the corporate market to optimize employee training with a focus on microlearning, enabling practical, instant training anytime, anywhere with offline access; through gamification techniques and an intuitive interface, it enhances user engagement while providing a superior alternative or extension to traditional LMS tools by prioritizing mobile accessibility and innovative learning strategies.
User Journeys
Ensuring a focus on essential features and to define the product and establish the task sequence for the development of the first version
Usability Tests
I conducted a usability test using an XD prototype with five participants: two from an alpha tester client and three internal company users. Due to a limited pool of participants, I ran the test with the minimum viable sample for validation. The test was task-based, evaluating success rates and expected completion times. The results were positive, with two tasks achieving a 100% success rate, while the second task achieved 90%.
Objective
Find solution
Hypothesis
Access by track, they will easily find completed items in my profile
Task
Find a solution of your preference, complete it, and see your completed items
Objective
Download solution offline
Hypothesis
Do people understand that saved offline content is in my profile?
Task
Download a labor gymnastics video and view downloaded content
Objective
Get points
Hypothesis
Do people know that there are instructions in the achievements for how to earn points?
Task
Do a action and earn points on the platform
Delivery
Customized for iOS and Android
Components were designed in a hybrid way to ensure a UX acceptable for both iOS and Android, maintaining consistency and usability. As a multi-instance white-label app, it offers flexibility for customization
UI Styles and Interactions
I created a simple UI style guide featuring the key components, including input behaviors, card styles, feedback alerts, typography, and color palettes.
Strong base of gamification
Gamification systems are designed by specialists who create points, levels, and badges based on user behaviors and goals, with the underlying math for scoring and ranking users. HR often uses reward systems to recognize outstanding employees.
Design tokens
The chosen colors represent category tracks. By default, primary colors are used, but as a white-label app, admins can customize background and category colors to align with their brand. The icon family is based on Feather Icons, and an 8-point grid ensures consistent component spacing.
User Needs
The focus is on short content, rapid learning, extending microlearning assets, personalized learning experiences, offline access, cross-platform compatibility, and curated content.
Administrative envoirement
The administrative environment for HR includes a space to add pathways, content, moderate comments, manage system users, generate reports, and configure the visual settings of the instances created for the environment.
User Stories
I've used user stories as a complement to the specifications, along with a prototype link, to detail specific interactions from the user's perspective.
UI Styles and Interactions
I created a simple UI style guide featuring the key components, including input behaviors, card styles, feedback alerts, typography, and color palettes.
Solution
Customized for iOS and Android
Components were designed in a hybrid way to ensure a UX acceptable for both iOS and Android, maintaining consistency and usability. As a multi-instance white-label app, it offers flexibility for customization
Strong base of gamification
Gamification systems are designed by specialists who create points, levels, and badges based on user behaviors and goals, with the underlying math for scoring and ranking users. HR often uses reward systems to recognize outstanding employees.
Students User Needs
The focus is on short content, rapid learning, extending microlearning assets, personalized learning experiences, offline access, cross-platform compatibility, and curated content.
Management Useds Needs
The administrative environment for HR includes a space to add pathways, content, moderate comments, manage system users, generate reports, and configure the visual settings of the instances created for the environment.
Management side (HR person)
Results
Design decision
As a team, we decided to use a management tools template for the admin side. It was WordPress-based and included a front-end interface. The main menus consisted of content management, user management for adding employees and creating groups to receive content, reports, and settings
Design tokens
The chosen colors represent category tracks. By default, primary colors are used, but as a white-label app, admins can customize background and category colors to align with their brand. The icon family is based on Feather Icons, and an 8-point grid ensures consistent component spacing.
Bottom navigation menu
The botton navigation are 4 core menus and solving for quick actions for the users and didnt use hamburguer for be more easy for user recognize the main actions menu getting more space for interface on top
New product for the portfolio! Nowadays, the app serves as an extension of the LMS (the main product), seamlessly integrated to support the primary strategy and facilitate upsell opportunities.
Position Market! At an industry event, Pronto was the product with the most proposals and interest. Contributing 5% of the total revenue (considering just products), although still modest.
Post-release, the app had 500 users, including company employees and 20% from a key client for real-world testing. In the first 28 days, there were 279 accesses, with an average session time of 23 minutes. Over 70% of employees consumed 80% of the content, and 15-25% of users liked or saved learning paths. The retention rate averaged 30%, as tracked by Firebase
APP Screens
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Login
This login screen prioritizes simplicity, with Facebook and Google options for quick, frictionless sign-in
Home Screen
On top questions to customize contents and quick actions like the 'Continue Doing' section for easy resumption.
Pathway of learning
I kept global search accessible, used cards to group paths, and added a progress bar to help users track their progress.
Solutions (Content)
I used the trail card image as a background, with scrollable solutions and a download icon on each card.
COMMENTS
Two layers of collapsible comments promote organized discussions, reduce clutter, and foster community.
Recommends contents
Based on user preferences, provide a concise answer recommending top solutions to increase usage and accuracy.
Achievements
Implement a gamification strategy with points, levels, and badges; users see instructions for each achievement.
Feedback achievements
Recognizing and rewarding users for providing valuable feedback, encouraging engagement.
Management side (HR person)
As a team, we decided to use a management tools template for the admin side. It was WordPress-based and included a front-end interface. The main menus consisted of content management, user management for adding employees and creating groups to receive content, reports, and settings
As a team, we decided to use a management tools template for the admin side. It was WordPress-based and included a front-end interface. The main menus consisted of content management, user management for adding employees and creating groups to receive content, reports, and settings
Design decisions
Results
Bottom navigation menu
The botton navigation are 4 core menus and solving for quick actions for the users and didnt use hamburguer for be more easy for user recognize the main actions menu getting more space for interface on top
New product for the portfolio! Nowadays, the app serves as an extension of the LMS (the main product), seamlessly integrated to support the primary strategy and facilitate upsell opportunities.
Position Market! At an industry event, Pronto was the product with the most proposals and interest. Contributing 5% of the total revenue (considering just products), although still modest.
Post-release, the app had 500 users, including company employees and 20% from a key client for real-world testing. In the first 28 days, there were 279 accesses, with an average session time of 23 minutes. Over 70% of employees consumed 80% of the content, and 15-25% of users liked or saved learning paths. The retention rate averaged 30%, as tracked by Firebase
Design decisions
Design tokens
The chosen colors represent category tracks. By default, primary colors are used, but as a white-label app, admins can customize background and category colors to align with their brand. The icon family is based on Feather Icons, and an 8-point grid ensures consistent component spacing.
Bottom navigation menu
The botton navigation are 4 core menus and solving for quick actions for the users and didnt use hamburguer for be more easy for user recognize the main actions menu getting more space for interface on top
Results
New product for the portfolio! Nowadays, the app serves as an extension of the LMS (the main product), seamlessly integrated to support the primary strategy and facilitate upsell opportunities.
Position Market! At an industry event, Pronto was the product with the most proposals and interest. Contributing 5% of the total revenue (considering just products), although still modest.
Post-release, the app had 500 users, including company employees and 20% from a key client for real-world testing. In the first 28 days, there were 279 accesses, with an average session time of 23 minutes. Over 70% of employees consumed 80% of the content, and 15-25% of users liked or saved learning paths. The retention rate averaged 30%, as tracked by Firebase