Hi, I'm Kyle! 👋
Creating thoughtful designs where human needs meet business impact.
Made with long black ☕️
More Projects
Lintier E-commerce
Green Roofs NGO
I presented these new designs to TVO Product Design Team, followed up with link to test prototype and a survey.
Prototype Testing: The prototypes were tested by the Product Team to gather feedback on functionality, interactivity, and feasibility of the design changes.
User Survey: A survey was distributed among the team members after the presentation to ascertain whether they believed the changes would bring positive improvements to the product.
Usability Testing
What I Learned
As I Wrap Up
IMPACT
50%
Faster Content Management
Improved productivity with the new video tool.
80%
of Teammates Responded
The design changes will enhance the overall user experience.
Even the smallest pieces of feedback—from users, colleagues, or people around me—played a key role in helping define the problem clearly. I’ve learned the value of consistently documenting observations, and I plan to make note-taking a more intentional habit moving forward.
After gathering qualitative feedback, I realized how helpful it would’ve been to support my work with clear, measurable results. In future projects, I’ll focus on identifying metrics early on so I can better demonstrate the impact of design decisions.
I would like to express my sincere gratitude to my manager, whose thoughtful guidance helped shape my approach to product design. Her trust in giving me ownership of these projects enabled me to develop both technical skills and strategic product thinking.
Always Take Notes
Quantify Impact Where Possible
Key Improvement
50% Faster Video Uploads by Streamlining Workflow
By highlighting key UI features and setting Brightcove as the default platform, I simplified the process, reducing the required clicks by 50%, from 4 to 2.
Design Solution
Embedding a video required 4 separate steps, including platform selection each time—despite Brightcove being the dominant platform.
Complicated Video Embedding Process
Critical video controls were competing for space with rarely used text formatting tools, leading to a layout that didn’t reflect actual user priorities or workflows.
Poor Interface Hierarchy
Pain Points
Initial video component required at least 4 clicks to add a single video
The new design made the process 50% faster by reducing unnecessary steps.
Setting the most used platform as the default allowed users to add videos faster.
The current primary button did not allow users to directly add a video.
Users must go through multiple selections to complete the process.
Heuristic Analysis Result
Video content is essential for online course creation. Our tool initially required educators to navigate through four steps when embedding videos, forcing them to choose between YouTube and Brightcove platforms each time. User interview revealed that Brightcove was used for the most of the time over Youtube. I streamlined the workflow by making Brightcove the default option, resulting in a 50% reduction in video integration process time, significantly improving course development efficiency and educator productivity.
Problem 3: Video Integration Tool
Improved course listing page with clear headers
Key Improvement
One-click Content Adding Interaction
Embedded "Text" and "Image" buttons directly within each column
Eliminated the need for repetitive drag-and-drop actions and menu navigation
Design Solution
Despite only accepting text and images, the interface provided no direct way to add these elements, forcing users to switch context between multi-column layout and side menu.
Repetitive drag-and-drop interactions led to excessive mouse movement and click fatigue, creating physical strain for users.
Repetitive Drag-and-Drop
Pain Points
Initial multi column tool required drag-and-drop from the side menu to add content
Initial multi column tool required drag-and-drop from the side menu to add content
Heuristic Analysis Result
The Multi-Column tool enables educators to create side-by-side content layouts, essential for pairing explanatory text with supporting images in educational content. Through user feedback analysis, we discovered that the repetitive drag-and-drop process was particularly exhausting. In this design, I focused on offering users a more effective interaction option to add content with a single click.
Problem 2: Multi-Column Tool
Improved course listing page with clear headers
Key Improvements
1. Clear Edition Hierarchy
Implemented distinct headers for "Recent" and "Previous" editions.
Created visual separation between active and archived content.
2. Organized Tags
Positioned related status tags side-by-side for easier navigation.
3. Streamlined Action
Removed the unnecessary kebab menu.
Brought primary actions ("Make a Copy" and "Edit") directly to the interface.
Design Solution
2. Hidden Core Functions
Essential actions like "Make a Copy" and "Edit" were tucked away in a kebab menu.
This additional click requirement slowed down frequent tasks for content editors.
1. Cluttered Navigation
Course editions (both current and archived) were displayed without clear hierarchical organization.
Users struggled to distinguish between active and older editions, leading to confusion and inefficient workflows.
Pain Points
Initial course listing page
Heuristic Analysis Result
The Course Listing Page serves as the primary entry point for educators and curriculum specialists to access and manage different editions of course materials. This interface is critical for efficient content management and course delivery. Through user feedback and heuristic analysis, we identified several key pain points:
Problem 1: Course Listing Page
Armed with insights from both user research and competitive analysis, I conducted a comprehensive heuristic evaluation of TVO's internal tool. Using Nielsen's usability heuristics as a framework, I identified specific pain points that aligned with user feedback and prioritized key areas for improvement.
Heuristic Analysis & Design Solutions
Competitive Analysis
After a month of working with TVO's internal tool, I recognized similarities with website building platforms. This led me to examine how established website builders approach content management, seeking inspiration for our tool's improvement.
User Research
I conducted qualitative interviews to collect recurring feedback from my teammates who had been using the migration tool daily for over a month. This user research was essential as they had already spent significant time with the tool, encountering and documenting various pain points.
“It's hard to tell at a glance which course editions are ready for review and which are still in progress.”
“The drag-and-drop for multi-columns is frustrating. Every time I want to add content, I have to go through the same tedious process.”
“Adding video is pain in the butt. I have to click through multiple menus just to embed a single video, and I do this dozens of times per course.”
Key Insights
Analysis of user feedback from the interviews identified three high-priority areas needing improvement:
1.
Course Listing Page
2.
Multi-Column Tool
3.
Video Integration Tool
Users want better content organization.
Users want a better method to add content to multi-columns.
Users want improved workflow to reduce excessive steps.
Overview
During my internship as a Product Designer at TVO Media, I helped migrate educational content to a new platform. Working extensively with the internal migration tool, I identified critical UX pain points that affected team productivity. I designed three targeted solutions to streamline workflows, potentially reducing content migration time by 50%.
Role & Duration
Product Designer Intern
2 weeks during internship
Client
THE CHALLENGE
When TVO's product team solicited feedback on their internal tool, I needed to transform our daily frustrations into implementable UX solutions that would significantly improve workflow efficiency.