Lead and design a whole new feature to help teachers record engaging lessons for students in Edpuzzle.
Role
Director of Design and Product designer
Team
Product design, Engineering
Tools
Figma
Challenge
The platform didn’t have a built-in screen recording tool—even though it focuses on video-based learning. Teachers could only upload pre-recorded videos or use YouTube videos to create their lessons. If they wanted to record custom content, they had to use external tools, adding unnecessary steps and friction.
We saw an opportunity to improve this experience by helping teachers record and share lessons directly within the platform, making it easier to create personalized, asynchronous content without ever leaving the product.
User Needs
One of the main goals was to reduce tool fragmentation for teachers. Through user research, we learned that many educators wanted the ability to record lessons directly within the platform instead of relying on external tools. This insight validated the need for a built-in screen recording feature that could simplify their workflow.
By integrating recording functionality, we helped teachers avoid app-switching—streamlining their daily tasks and increasing engagement within the platform.
Competitive Analysis
During the research phase, I analyzed tools like Loom, Screencastify, and Slack’s recording feature to understand best practices and usability gaps. While these tools offered robust functionality, they often required separate logins or lacked direct integration with educational workflows. These insights helped us focus on building a seamless, education-specific experience—simple enough for everyday use, yet powerful enough to meet teachers’ needs.
Technical Collaboration & Constraints
I worked closely with the tech lead to understand the technical constraints. This close collaboration allowed us to make informed design decisions early on and ensure feasibility as we moved forward. Together, we aligned on realistic goals and created a user-friendly recording add-on with a modern, clean UI.
User Flow
Before jumping into UI design, I mapped out the full user flow to keep the experience simple and intuitive. The goal was to reduce steps and make recording feel easy for teachers.
Building the Components
I designed components specifically for the screen recording add-on—keeping them consistent with our design system. This included buttons, toolbars, modals, and status indicators (like recording states and timers).
Designing the High-Fidelity
Once the flow and components were defined, I moved into high-fidelity design. The goal was to keep the interface clean, minimal, and distraction-free—so teachers could focus on their lesson.
I designed clear, accessible controls for starting, pausing, and stopping recordings, along with subtle visual cues to indicate recording status. I paid close attention to spacing, contrast, and hierarchy to ensure the UI felt intuitive.
Usability testing
Before releasing the screen recording add-on to users, I ran internal usability tests with key stakeholders. The goal was to validate the flow, identify pain points, and get early feedback from people who understood both the product and user needs.
These sessions helped us fix small usability issues and confirm that the experience felt intuitive.
Thank you for reading!
