Roboguru Landing Page
Roboguru is an educational platform designed to help students solve academic questions and better understand learning materials through instant answers, explanations, and learning resources. The landing page was designed to communicate the product value quickly, reduce user hesitation, and guide students from discovering the product to trying its core experience.
Website Design
Interface Design
Product 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
How do we communicate the product's value within the first 5 seconds while keeping the experience simple and engaging?
02
How do we allow users to experience the product immediately without requiring them to read lengthy explanations first?
03
How do we establish credibility and confidence before asking users to sign up, upload a question, or start learning?
Design Process
Key Strategy
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
Immediate Value in the Hero
Transform the Hero Section into the primary interaction point instead of using it only as an introductory area.
02
Problem-to-Solution Storytelling
Connect the user's everyday learning problems directly with Roboguru's solutions.
03
Benefit-Driven Feature Showcase
Present the most important features without making the landing page feel information-heavy.
04
Trust Before Conversion
Build confidence before asking users to take a significant action.
05
Visualize the Learning Journey
Show users that Roboguru is more than an answer-finding tool. Solution: Upload Question → Get Explanation → Understand the Concept → Improve Learning. This creates a clear narrative around continuous learning rather than a single interaction.
06
Conversion-Focused Final CTA
Create a final interaction point that reinforces the value introduced throughout the page.

Users can upload or take a photo of the question they wish to ask

A history question that might be relevant or identical to the question you wish to ask

The Roboguru icon, along with its various features

User testimonials are displayed to build trust among other users

Other exciting features that users can take advantage of when using Roboguru

Several things that make Roboguru special compared to its competitors

A user-friendly mobile interface that is easy for users to navigate

A more detailed discussion is also presented in a single section
Outcome Highlight
A conversion-focused structure creates more opportunities for users to interact with the product throughout the landing page journey. By introducing an interactive Hero, clear benefit-driven messaging, and stronger CTAs, the experience is structured to reduce friction between discovery and action.
The design establishes a reusable system for presenting new features, learning experiences, and product updates without redesigning the entire experience from scratch. The modular structure allows Roboguru to continuously expand its content while maintaining a consistent visual hierarchy, UX pattern, and conversion flow.




