Enhance Feedback, Result, Report Page
Product
Finance Technology
Product
Finance Technology
Product
Finance Technology
Company
Ruangguru
Company
Ruangguru
Company
Ruangguru
Role
Product Designer
Role
Product Designer
Role
Product Designer
Project Background
Ruangguru is currently the largest tech-enabled education provider in Indonesia, serving over 38 million users and 300,000 teachers. and works closely with all levels of the Indonesian government. Ruangguru offers a variety of educational services for all levels, from K–12 (pre-primary school–senior high school) to lifelong learning. One of the K-12 products is Ruangbelajar, its an online self-learning platform with subscription model that offers topic-based journeys, consisting of animated videos, quizzes, infographic summaries, and mock tests.
Project Background
Ruangguru is currently the largest tech-enabled education provider in Indonesia, serving over 38 million users and 300,000 teachers. and works closely with all levels of the Indonesian government. Ruangguru offers a variety of educational services for all levels, from K–12 (pre-primary school–senior high school) to lifelong learning. One of the K-12 products is Ruangbelajar, its an online self-learning platform with subscription model that offers topic-based journeys, consisting of animated videos, quizzes, infographic summaries, and mock tests.
Project Background
Ruangguru is currently the largest tech-enabled education provider in Indonesia, serving over 38 million users and 300,000 teachers. and works closely with all levels of the Indonesian government. Ruangguru offers a variety of educational services for all levels, from K–12 (pre-primary school–senior high school) to lifelong learning. One of the K-12 products is Ruangbelajar, its an online self-learning platform with subscription model that offers topic-based journeys, consisting of animated videos, quizzes, infographic summaries, and mock tests.
Project Objective
Created loop learning experience mechanism, after users did assessment then they will see result page from it, with focusing more on their strength and weaknesses, and users also can visit the real time report to identify all of their understanding from subjects level to the topics detail. we also add smart recommendation as an actionable items to feedback, result and report. So users not only can analyze understanding but also can continue/improve their learnings.
Project Objective
Created loop learning experience mechanism, after users did assessment then they will see result page from it, with focusing more on their strength and weaknesses, and users also can visit the real time report to identify all of their understanding from subjects level to the topics detail. we also add smart recommendation as an actionable items to feedback, result and report. So users not only can analyze understanding but also can continue/improve their learnings.
Project Objective
Created loop learning experience mechanism, after users did assessment then they will see result page from it, with focusing more on their strength and weaknesses, and users also can visit the real time report to identify all of their understanding from subjects level to the topics detail. we also add smart recommendation as an actionable items to feedback, result and report. So users not only can analyze understanding but also can continue/improve their learnings.
Business Impact After Released
4,3%
Activated continuous learning through feedback, delivering +4.3% YoY WAU uplift.
4,3%
Activated continuous learning through feedback, delivering +4.3% YoY WAU uplift.
4,3%
Activated continuous learning through feedback, delivering +4.3% YoY WAU uplift.
4-6%
Sustained 4–6% WAU, ranking as the #2 most-used feature after the Pet feature.
4-6%
Sustained 4–6% WAU, ranking as the #2 most-used feature after the Pet feature.
4-6%
Sustained 4–6% WAU, ranking as the #2 most-used feature after the Pet feature.
12.5%
Boosting learner confidence Freemium-to-Premium conversion by 12.5%.
12.5%
Boosting learner confidence Freemium-to-Premium conversion by 12.5%.
12.5%
Boosting learner confidence Freemium-to-Premium conversion by 12.5%.
📚 My Design Process
The Concept for “the Hook” is to let users understand the flow & make them interest to try this feature, and turns out from 2 concepts that i test to users, they like the concept 1, because of the easiness to interact and can quickly go to the watchlist feature, then i use this concept for the hook in the beginning of the flow
📚 My Design Process
The Concept for “the Hook” is to let users understand the flow & make them interest to try this feature, and turns out from 2 concepts that i test to users, they like the concept 1, because of the easiness to interact and can quickly go to the watchlist feature, then i use this concept for the hook in the beginning of the flow
📚 My Design Process
The Concept for “the Hook” is to let users understand the flow & make them interest to try this feature, and turns out from 2 concepts that i test to users, they like the concept 1, because of the easiness to interact and can quickly go to the watchlist feature, then i use this concept for the hook in the beginning of the flow
🗣 User Interview
I interviewed 5 people and summarize the key points and overlay experience through making journey mapping.
🗣 User Interview
I interviewed 5 people and summarize the key points and overlay experience through making journey mapping.
🗣 User Interview
I interviewed 5 people and summarize the key points and overlay experience through making journey mapping.
Validated problems by real users:
Users are confused because our current results and report page don't provide clear suggestions on what to do next to continue learning.
They don't know their strengths and weaknesses after completing assignment tests, so they can't effectively learn in ruangbelajar.
Validated problems by real users:
Users are confused because our current results and report page don't provide clear suggestions on what to do next to continue learning.
They don't know their strengths and weaknesses after completing assignment tests, so they can't effectively learn in ruangbelajar.
Validated problems by real users:
Users are confused because our current results and report page don't provide clear suggestions on what to do next to continue learning.
They don't know their strengths and weaknesses after completing assignment tests, so they can't effectively learn in ruangbelajar.
Users needs:
- Better insights and learning material suggestions for them to continue learning and achieve better scores at school. - Results that focus more on their strengths and weaknesses, so they can identify which areas need improvement later on. - Motivational aspects after completing assignment tests.
Users needs:
- Better insights and learning material suggestions for them to continue learning and achieve better scores at school. - Results that focus more on their strengths and weaknesses, so they can identify which areas need improvement later on. - Motivational aspects after completing assignment tests.
Users needs:
- Better insights and learning material suggestions for them to continue learning and achieve better scores at school. - Results that focus more on their strengths and weaknesses, so they can identify which areas need improvement later on. - Motivational aspects after completing assignment tests.
📃 Mapping Problem and identify existing journey
I mapped out the journey and my hypotheses for the pain points here. This framework helped me audit the current feature problems that users might face. After mapping it, I discussed it again with PM to decide and prioritize the solutions we will focus on.
📃 Mapping Problem and identify existing journey
I mapped out the journey and my hypotheses for the pain points here. This framework helped me audit the current feature problems that users might face. After mapping it, I discussed it again with PM to decide and prioritize the solutions we will focus on.
📃 Mapping Problem and identify existing journey
I mapped out the journey and my hypotheses for the pain points here. This framework helped me audit the current feature problems that users might face. After mapping it, I discussed it again with PM to decide and prioritize the solutions we will focus on.
🎯 Focus Problems & Define the solution
Learning from previous data, insights, and usability inspections, I decided to redesign the page by providing better insights and actionable results after users complete their assignment test. I will also add motivation and engaging copy to encourage them to continue and improve their learning based on their understanding.
🎯 Focus Problems & Define the solution
Learning from previous data, insights, and usability inspections, I decided to redesign the page by providing better insights and actionable results after users complete their assignment test. I will also add motivation and engaging copy to encourage them to continue and improve their learning based on their understanding.
🎯 Focus Problems & Define the solution
Learning from previous data, insights, and usability inspections, I decided to redesign the page by providing better insights and actionable results after users complete their assignment test. I will also add motivation and engaging copy to encourage them to continue and improve their learning based on their understanding.
🎨 Crafting Concept and Validate it!
To find the best concept for our users, I conducted a concept test with real users. Due to time constraints, as the team needs to release it before the new academic year, I also conducted usability testing to assess users' understanding of the flow navigation. This testing involved 5 participants and helped us gather feedback to decide which concept to develop further.
🎨 Crafting Concept and Validate it!
To find the best concept for our users, I conducted a concept test with real users. Due to time constraints, as the team needs to release it before the new academic year, I also conducted usability testing to assess users' understanding of the flow navigation. This testing involved 5 participants and helped us gather feedback to decide which concept to develop further.
🎨 Crafting Concept and Validate it!
To find the best concept for our users, I conducted a concept test with real users. Due to time constraints, as the team needs to release it before the new academic year, I also conducted usability testing to assess users' understanding of the flow navigation. This testing involved 5 participants and helped us gather feedback to decide which concept to develop further.
⚒⚙️ Design that i also adjusted from the testing
⚒⚙️ Design that i also adjusted from the testing
⚒⚙️ Design that i also adjusted from the testing
Final Design - ✨Seamless the UX journey for result, feedback, and report page
Users can check their achievements after a test and assess their understanding on the result page. They can seamlessly view explanations, receive recommendations, and track progress on each funnel from feedback, result, and report pages. I ensure the journey/flow is connected and provide clear entry points from both the result page and the RG homepage.
Final Design - ✨Seamless the UX journey for result, feedback, and report page
Users can check their achievements after a test and assess their understanding on the result page. They can seamlessly view explanations, receive recommendations, and track progress on each funnel from feedback, result, and report pages. I ensure the journey/flow is connected and provide clear entry points from both the result page and the RG homepage.
Final Design - ✨Seamless the UX journey for result, feedback, and report page
Users can check their achievements after a test and assess their understanding on the result page. They can seamlessly view explanations, receive recommendations, and track progress on each funnel from feedback, result, and report pages. I ensure the journey/flow is connected and provide clear entry points from both the result page and the RG homepage.
🧐 Feedback page
This is the feedback page where users can view explanations for their answers and receive suggestions for video recommendations to continue learning from their mistakes or improve their understanding for the next topics.
🧐 Feedback page
This is the feedback page where users can view explanations for their answers and receive suggestions for video recommendations to continue learning from their mistakes or improve their understanding for the next topics.
🧐 Feedback page
This is the feedback page where users can view explanations for their answers and receive suggestions for video recommendations to continue learning from their mistakes or improve their understanding for the next topics.
How I document my design for the handover process
The Result
4,3%
Activated continuous learning through feedback, delivering +4.3% YoY WAU uplift.
4,3%
Activated continuous learning through feedback, delivering +4.3% YoY WAU uplift.
4,3%
Activated continuous learning through feedback, delivering +4.3% YoY WAU uplift.
4-6%
Sustained 4–6% WAU, ranking as the #2 most-used feature after the Pet feature.
4-6%
Sustained 4–6% WAU, ranking as the #2 most-used feature after the Pet feature.
4-6%
Sustained 4–6% WAU, ranking as the #2 most-used feature after the Pet feature.
12.5%
Boosting learner confidence Freemium-to-Premium conversion by 12.5%.
12.5%
Boosting learner confidence Freemium-to-Premium conversion by 12.5%.
12.5%
Boosting learner confidence Freemium-to-Premium conversion by 12.5%.
🔑 Key Takeaways
Always think critically in every problem, so we can provide solutions effectively.
In this project, we design for scalability, meaning designing solutions that address both business and user needs in the long term, ensuring each feature and flow is beneficial for users and contributes to the growth of our business.
Benchmarking and desk research processes during design are crucial. With these processes, I can provide UI components that have been carefully considered for their intuitive UX when designing.
🔑 Key Takeaways
Always think critically in every problem, so we can provide solutions effectively.
In this project, we design for scalability, meaning designing solutions that address both business and user needs in the long term, ensuring each feature and flow is beneficial for users and contributes to the growth of our business.
Benchmarking and desk research processes during design are crucial. With these processes, I can provide UI components that have been carefully considered for their intuitive UX when designing.
🔑 Key Takeaways
Always think critically in every problem, so we can provide solutions effectively.
In this project, we design for scalability, meaning designing solutions that address both business and user needs in the long term, ensuring each feature and flow is beneficial for users and contributes to the growth of our business.
Benchmarking and desk research processes during design are crucial. With these processes, I can provide UI components that have been carefully considered for their intuitive UX when designing.