Intro to
Quest Alliance
Quest Alliance is a non-profit that partners with 3,350+ institutions to equip youth with 21st-century skills, reaching 1.9 million learners and 27,500 educators through education technology and capacity building.
Team and role
Research & Design
with Anisha Bijur (Lead), Tanvi Maisheri & Rishiraj Charan (Product Design) - Project with NOCT, India
Industry
Education, Non-Profit
Goal
To address low engagement and lack of meaningful learning on the existing Quest App, a static content library, we redesigned it into a structured, self-driven learning experience.
Solution
Grounded in research, the new app reimagined the content flow, user journeys, and interface to support educator motivation, agency, and real-world application with a fresh visual upgrade.
Impact
A validated MVP that reframed the product's core experience and is now part of the case Quest Alliance is making to funders for the next phase of the program.
Redesigning the Educator Experience of the Quest App from the Ground Up
Phase 1 research surfaced insights the existing app had no way to act on, and new program requirements made a full redesign of the educator experience necessary. We ran an agile process to build the first MVP to hold up to funders, and give Quest a foundation to iterate on.
Key Considerations
FOR USERS
Keeping educators in the forefront. The core tension was giving educators real agency over their own learning while still providing enough direction that the path didn't feel aimless.
Tech limitations. Designed for a wide range of tech literacy and low-bandwidth conditions, leaning on interaction patterns educators already knew from apps like YouTube and WhatsApp.
FOR CLIENTS
Program needs. Quest's content had real depth that the product had to carry without complicating the learning experience and taking away agency.
Adaptability. Content and program needs would keep evolving after launch, so the structure had to flex for material that didn't exist yet without breaking what was already built.
Scale. Quest operates across the country with a large variation in the target audience behaviours and mental models. The learning goal remains the same, but pathways differ. The product needs to balance personlisation with ability to effectively and practically scale.
Designing the experience with the team, working with real end-user input
As Quest shaped new learning pathways and content, I worked closely with the Quest team to keep the app's UX aligned to the program's evolving goals.
Mid-fidelity wireframes were used as a thinking tool as much as a deliverable, giving us a shared surface to define content needs and shape user journeys before anything was locked.
We tested early prototypes with real educators to validate the core flows and content structure.
What worked:
Self-paced learning and goal-setting
Educators controlling their own learning journeys
Visual illustrations and personalization
What didn't:
Complex terminology and unclear copy
Disconnected recommendations
Confusing progress charts
Post-testing, I co-wrote the PRDs with the team to align design and content for the MVP, translating what testing surfaced into requirements Quest's content team could build against.
Final Solution
The New Quest App
A content library transformed into an engaging learning journey, designed to address exactly what research surfaced, so educators had a digital experience that genuinely supported them in building better learning environments in their own context.
Enabling educators to define and drive their own learning pathways.
Discovered Need
Educators engage more when their experience is acknowledged. They prefer self-directed learning, not being “taught to.”
Designed Solution
A baseline test personalized learning paths, empowering educators to guide their own journeys with minimal Quest support.
Sustaining engagement through a simplified, self-paced journey.
Discovered Need
Educators needed a learning experience that respected their time and fit around already full schedules.
Designed Solution
A self-paced, guided path with progress tracking and skip logic, keeping educators motivated, in control, and focused on what mattered to them.
Building a dynamic learning experience with varied content formats.
Discovered Need
Educators needed content that stayed engaging and manageable enough to prevent fatigue and sustain learning past the formal training window.
Designed Solution
Interactive lesson formats, stories, cards, videos, and quizzes, to ease cognitive load and keep motivation up across a full learning path.
Supporting real classroom application through hands-on practice
Discovered Need
Educators struggled to carry what they learned into their actual classrooms, with no built-in space for reflection, which limited how much of the training actually stuck.
Designed Solution
Activity and reflection modules built into the journey, giving educators a place to practice, document, and reflect on their teaching so the learning reinforced itself in the real world.
Design and illustration systems
UI and illustration style built for approachability
The visual language had to feel engaging and genuinely appropriate for adult learners, familiar without slipping into generic. Working closely with Adithi on the illustration direction, we shaped a style that stayed aligned with the product's tone and reinforced the ideas each screen was carrying.
The result, a clean, geometric vector style with expressive human elements, balanced professionalism with enough warmth to feel non-intimidating.
Laying the foundation of a design system
This MVP was built to be handed forward, not just shipped once. Design teams, LxD consultants, testing teams, and Quest's product and program verticals will all build on it going forward.
I structured the files and built a component library specifically so that handover, and the design system it points toward, would be fast to pick up and consistent to extend.
Reflections
Where this stands, and what's next
The redesigned Quest App and its MVP align content, user flows, and visuals with the educator needs research surfaced, on a foundation built to scale. It transformed a static resource library into an intuitive, guided learning experience with real contextual application, validated design decisions through direct testing with educators, and gave Quest a scalable design system for consistent UI/UX across future updates.
![](data:image/svg+xml,<svg display="block" id="3961492051" role="presentation" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="12px" id="rK92T6QQg" width="12px"><path d="M 0 12 L 0 0 L 12 0 L 12 12 Z" fill="transparent" height="12px" id="cmJLMUor5" width="12px"/><g opacity="0.7"><path d="M 1 7 C 0.45 7 0 6.55 0 6 L 0 1 C 0 0.45 0.45 0 1 0 L 6 0 C 6.55 0 7 0.45 7 1 M 4 3 L 9 3 C 9.552 3 10 3.448 10 4 L 10 9 C 10 9.552 9.552 10 9 10 L 4 10 C 3.448 10 3 9.552 3 9 L 3 4 C 3 3.448 3.448 3 4 3 Z" fill="transparent" height="10px" id="VVfXsHS7_" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="rgb(110, 110, 94)" transform="translate(1 1)" width="10px"/></g></g></svg>)
![](data:image/svg+xml,<svg display="block" id="1839763707" role="presentation" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M 9 3 L 9 0 L 6 0 M 9 0 L 3.5 5.5 M 7.5 5 L 7.5 8 C 7.5 8.265 7.395 8.52 7.207 8.707 C 7.02 8.895 6.765 9 6.5 9 L 1 9 C 0.735 9 0.48 8.895 0.293 8.707 C 0.105 8.52 0 8.265 0 8 L 0 2.5 C 0 2.235 0.105 1.98 0.293 1.793 C 0.48 1.605 0.735 1.5 1 1.5 L 4 1.5" fill="transparent" height="9px" id="bKUqHpkrh" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="rgb(110, 110, 94)" transform="translate(1.5 1.5)" width="9px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" id="2060473096" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 3.75 0 L 3.75 7.5 M 7.5 3.75 L 0 3.75" fill="transparent" height="7.5px" id="ssbtRY1db" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.41" stroke="rgb(50, 51, 29)" transform="translate(3.75 3.75)" width="7.5px"/></svg>)