A learning platform for teachers to boost motivation, community, and performance.
Salam is a pretty big educational institution, offering various grade levels and programs. When they reached out to me, they had a clear but ambitious idea: set up one simple, easy-to-use platform that would bring all their teacher training programs under the same roof, more like a friendly educational environment than just a random list of courses. Even though each school had their own programs, Salam wanted to keep the professional development programs consistent. They hoped that by sticking to one unified learning platform, they could spark real motivation and excitement in their teachers.
My role
I got involved in the whole design process—from user research, flow mapping, and wireframing to prototyping and usability tests—and oversaw the third-party build phase to ensure the final product matched our initial vision.
Results
94% Confidence rate
97% Direct success
6% Misclick rate
The process
me as the UX Designer, an UI Designer, a Project Leader, and a third-party development company.
6 weeks, 2020
Tools
Getting to know the users, their needs, and the platforms they were using before
What could I learn about the teachers?
To discover the challenges, I spent the first two weeks in the field, conducting 15 in-depth interviews, and shadowing course sessions. Here’s what emerged:
• Disconnected Journeys: Teachers didn’t know what to tackle after finishing the current course, causing confusion in planning their growth.
• Lack of Motivation Triggers: Their programs didn’t include features that spark teachers’ own drive to learn, leaving many feeling unmotivated.
• Isolation: No space for peer-to-peer sharing left many feeling alone.
• No Real-Time Feedback: Teachers couldn’t get instant input and were unsure where to focus.
Comparative analysis
What I could learn from competitor's solutions?
Before ideation, I benchmarked some platforms to uncover opportunities and differentiate Salam’s offering.
Persona
Who were the teachers of Salam?
Based on the research, I created key user personas to represent our diverse audience. Meet Bianca, one of the personas
User journey: mapping the teachers’ Path
What did teachers think and feel at each step?
The user journey map brought clarity to each touchpoint—revealing moments of delight and friction.
Crazy Eights to ideate as a team
How could I make use of the team insights?
To generate ideas, I ran a remote Crazy Eights session with the project leader and an experienced teacher. In eight minutes each, we sketched over the learning path and voted on key elements to take forward.
Sprinting to core features
What key design principles should I keep in mind?
Grounded in Social Cognitive Theory - includes elements such as engaging multimedia, community discussion spaces, clear feedback loops, and fun interactive features to make the learning process not only effective but also enjoyable- and fueled by our Crazy Eights insights, I landed on five core features to spark engagement and connection:
• Personalized Dashboards: Next step, laid out at individual teacher needs.
• Guided Enrollment: No more form-fatigue.
• Enhanced Collaboration: Interactive community-building features.
• Instant Feedback Loops: Celebrate each milestone!
• Integrated Assessments: Track growth with built-in quizzes.
User flow
What steps should I follow to reach the goal?
The user flow outlines the step-by-step journey a teacher takes, and I iterated over the flow a couple of times to ensur clarity and continuity at every turn.
.jpg)
Sketching ideas
What would the solution look like as a wireframe?
I sketched user flows in Adobe XD, iterated mid-fi wireframe sets, then built a clickable prototype.
Usability testing
How I could refine the solution?
I mainly focused on the improvement of learning path and teachers' interactions on usability testing.
Impacts of refinement through feedback
What did feedback do to design?
Using insights gained from usability testing and design critiques, I iterated on the final design that resulted in:
• 94% felt more confident navigating their learning path
• 97% completed core tasks (vs. 65% before)
• Misclick rate dropped to 6%“Teachers would smile, say ‘This feels like it’s speaking my language!’
Key design features
What were the final solutions?
Here are key features:
Home page
Learning path
Course overview
Live‑class
Assessment
High fidelity prototype
What was the full design process?
.jpg)
Reflections
Growing with Salam In hindsight, one of my biggest wins was treating this as a true partnership—co-designing with teachers, not for them.
Next step
Adding peer-mentorship features, and localized content to keep every teacher inspired.
