Roboguru Plus Session
Roboguru Plus Session is a learning experience that connects students and tutors through structured online sessions. The project focuses on improving how students access learning sessions, interact with tutors, and follow the learning process from preparation to completion.
Interface Design
Product Design
Mobile App Design
Company
Ruangguru
Company
Ruangguru
My Contribution
Product Designer
Website
Date Created
2021
Key Challenges
The existing experience needed to communicate a complex educational product without overwhelming students with too much information.
01
Complex Session Journey : The session involved multiple stages and interactions, making the overall journey difficult to understand at a glance.
02
Different Needs Between Students & Tutors : Students need a simple and focused learning experience, while tutors require more controls and information to manage the session effectively.
03
Information Overload : Important session information, actions, and learning materials needed to be organized without overwhelming users.
04
Unclear Session States : Users needed clearer feedback about what was happening before, during, and after a session.
05
Edge Cases : The experience also needed to account for situations such as: Students joining late, Session interruptions, Connection or technical issues, Incomplete session activities, Changes during an ongoing session
Design Process
Key Strategy
We turned the landing page from a feature showcase into a focused user journey—helping users understand the value instantly, experience the product with minimal friction, build trust, and take action.
Key Solutions
The value was clear, but the execution was full of complexity from platform constraints to ownership gaps across teams. I had to lead the design not just as a flow, but as a long-term, scalable system.
01
Structured Student Experience
The student experience was simplified around the primary learning journey. The interface prioritizes: Session information, Learning content, Tutor interaction, Session progress, Key actions. This reduces unnecessary cognitive load and keeps the student focused on learning.
02
Structured Student Experience
The tutor interface provides the tools required to manage the session while maintaining a clear overview of the learning process. Key considerations include: Session management, Student interaction, Learning materials, Session controls, Progress and completion
03
Connected User Flows
Student and tutor flows were mapped together to ensure that an action from one side has a clear corresponding state on the other. This creates a more predictable experience across the entire session.
04
Session Rules
Core session rules were translated into interface behaviors so users can understand what they can and cannot do at each stage.
05
Edge-Case Handling
Potential failure points were considered early in the design process rather than added as an afterthought.
Homepage
Coin Purchase
Pop-up Case
History Educational
Report Problem
Chat Sessions
Searching Tutor
Rating Tutor
Outcome Highlight
The redesigned experience creates a clearer connection between session entry, learning activities, interaction, and completion.
Student and tutor interfaces are designed around their respective goals while remaining connected within the same session ecosystem.
Complex session logic is translated into simpler interface states and user flows.
Users receive clearer information about:
Current session status
Available actions
Progress
Next steps
The framework establishes a reusable foundation for future session features, additional learning scenarios, and more complex edge cases.
