Learnster — Enhancing Learning Experiences Through Smarter Workflows & Intuitive New Features
Overview
Business Challenge
Learnster’s platform had grown rapidly, resulting in areas where usability and consistency needed refinement. I was brought in to identify friction within the application, which led me to conduct a comprehensive heuristic evaluation. This process revealed UI inconsistencies, interaction issues, and opportunities to streamline key workflows.
At the same time, the product team needed support in shaping and visualizing new feature ideas often from the early concept stage so they could be validated quickly and integrated smoothly into the existing product ecosystem.
These challenges required a balance of analytical thinking and creative problem-solving: understanding current user behavior, uncovering usability issues, and designing intuitive solutions that aligned with both the short-term roadmap and the long-term product vision.
The Approach
To effectively support Learnster’s product goals, I followed a clear and iterative UX approach that combined analysis, collaboration, and rapid prototyping.
1. Understand the Product & Its Context
I began by reviewing the platform’s core workflows from both the admin and learner perspectives. This helped me understand the product’s structure, user needs, and the business logic behind existing features.
2. Conduct a Heuristic Evaluation
Using established usability heuristics, I assessed the platform to identify friction points, inconsistencies, and improvement opportunities. The evaluation was documented clearly and presented to the CPO to help prioritize enhancements.
3. Map User Flows & Define Requirements
Together with the CPO, I clarified feature requirements and user expectations. I translated these insights into structured user flows to ensure every new feature integrated smoothly with existing patterns.
4. Create Mid-Fidelity Wireframes & Prototypes
Based on the defined flows, I designed mid-fidelity wireframes and interactive prototypes. These allowed the team to validate ideas early, gather feedback, and reduce ambiguity during the handoff to the UI designer.
5. Collaborate Frequently With UI & Developers
I worked closely with the UI designer to refine interactions and support the transition to high-fidelity designs. In daily stand-ups and developer meetings, I answered questions, aligned on feasibility, and ensured that UX intent remained clear throughout implementation.
6. Iterate Based on Feedback & Technical Constraints
Each prototype went through iterations informed by stakeholder feedback and developer input. This ensured the final designs were both user-centered and technically achievable.
The Solution
To support Learnster’s evolving product needs, I applied a structured UX approach focused on evaluation, clarity, and rapid iteration.
1. Performed a Heuristic Evaluation of the Entire Platform
I conducted a thorough usability assessment to identify friction points, inconsistencies, and improvement opportunities across key workflows. These findings served as a foundation for prioritizing enhancements and shaping new feature concepts.
2. Translated Requirements Into Clear UX Flows & Prototypes
Working closely with the CPO, I reviewed new feature requirements, clarified user goals, and created mid-fidelity wireframes and interactive prototypes. These prototypes helped the team visualize functionality early and validate ideas before moving to development.
3. Supported UI Design Through Collaborative Iteration
After creating UX flows, I coordinated with the UI designer to ensure each prototype transitioned smoothly into high-fidelity visuals. I provided context, clarified behaviors, and made iterative adjustments based on feedback and technical constraints.
4. Participated in Daily Stand-Ups & Developer Discussions
By joining daily stand-ups and developer meetings, I ensured that UX decisions aligned with technical feasibility. This helped streamline development, reduce rework, and maintain consistency as features moved forward.
The Results
Through structured evaluation and iterative design, I helped Learnster improve key workflows, streamline the onboarding experience, and prepare new features for development with clear, validated prototypes. The collaboration with the CPO, UI designer, and development team resulted in better usability, reduced ambiguity during implementation, and a more consistent overall product experience.
Key Deliverables
Heuristic evaluation report
Identified UX friction points & improvement recommendations
Updated user flows for new and existing features
Mid-fidelity wireframes
Clickable prototypes for validation
Annotation documentation for UI and development clarity
Refined onboarding flow and process documentation
Developer-ready interaction specifications
Continuous UI handoff support
Stakeholders
Chief Product Officer, User Interface designer and Developer