Unifying Text Lecture experiences after a major content merger
I turned fragmented Text Lectures into a clear, consistent experience, fixing readability, layout, and progression issues after the Circus Street merger.
My role on the project:
As the sole Product Designer, I led the redesign of Text Lectures—defining the problem, shaping the UX/UI strategy, and aligning teams across QA, Cloud Academy, and Circus Street to deliver a scalable, accessible learning experience.
My role on the project:
As the sole Product Designer, I led the redesign of Text Lectures—defining the problem, shaping the UX/UI strategy, and aligning teams across QA, Cloud Academy, and Circus Street to deliver a scalable, accessible learning experience.
My role on the project:
As the sole Product Designer, I led the redesign of Text Lectures—defining the problem, shaping the UX/UI strategy, and aligning teams across QA, Cloud Academy, and Circus Street to deliver a scalable, accessible learning experience.
The challenge: inconsistent and outdated learning experience
After QA Group acquired Cloud Academy and Circus Street, the learning experience became fragmented. Circus Street offered text-based lessons with rich media, while Cloud Academy prioritized video content. Text Lectures in particular had been overlooked and suffered from usability issues that frustrated learners and diluted the value of the platform.
The challenge: inconsistent and outdated learning experience
After QA Group acquired Cloud Academy and Circus Street, the learning experience became fragmented. Circus Street offered text-based lessons with rich media, while Cloud Academy prioritized video content. Text Lectures in particular had been overlooked and suffered from usability issues that frustrated learners and diluted the value of the platform.
The challenge: inconsistent and outdated learning experience
After QA Group acquired Cloud Academy and Circus Street, the learning experience became fragmented. Circus Street offered text-based lessons with rich media, while Cloud Academy prioritized video content. Text Lectures in particular had been overlooked and suffered from usability issues that frustrated learners and diluted the value of the platform.
How might we create a unified experience across diverging content models?
To deliver a cohesive experience across the newly combined content library, we had to bring legacy formats up to standard. Without a redesign, learners would continue facing friction that impacted engagement and learning outcomes. The platform needed to support multiple content types while feeling consistent and intuitive.
How might we create a unified experience across diverging content models?
To deliver a cohesive experience across the newly combined content library, we had to bring legacy formats up to standard. Without a redesign, learners would continue facing friction that impacted engagement and learning outcomes. The platform needed to support multiple content types while feeling consistent and intuitive.
How might we create a unified experience across diverging content models?
To deliver a cohesive experience across the newly combined content library, we had to bring legacy formats up to standard. Without a redesign, learners would continue facing friction that impacted engagement and learning outcomes. The platform needed to support multiple content types while feeling consistent and intuitive.
Key issues identified:
Key issues identified:
Key issues identified:
Completion logic auto-triggered after 10 seconds, which was misleading and inaccessible.
Poor readability due to small typography and excessive line width.
Redundant navigation (multiple "Next" CTAs in one view).
Inconsistent placement of metadata like duration, difficulty, ratings.
Lack of support for images in Cloud Academy's content.
Author info often missing, creating awkward empty UI.
My approach: designing for consistency, flexibility, and scale
I tackled the redesign holistically, aligning decisions with platform patterns while prioritizing learner needs. Below is a quick overview of the solutions implemented.
My approach: designing for consistency, flexibility, and scale
I tackled the redesign holistically, aligning decisions with platform patterns while prioritizing learner needs. Below is a quick overview of the solutions implemented.
My approach: designing for consistency, flexibility, and scale
I tackled the redesign holistically, aligning decisions with platform patterns while prioritizing learner needs. Below is a quick overview of the solutions implemented.
1. Enabled multimedia support
Extended the design to handle images, ensuring parity across content formats.
1. Enabled multimedia support
Extended the design to handle images, ensuring parity across content formats.
1. Enabled multimedia support
Extended the design to handle images, ensuring parity across content formats.
2. Improved readability
Refined typography, increased text size, optimized content width, and adjusted contrast for clarity.
2. Improved readability
Refined typography, increased text size, optimized content width, and adjusted contrast for clarity.
2. Improved readability
Refined typography, increased text size, optimized content width, and adjusted contrast for clarity.
3. Fixed progression logic and improved accessibility
Replaced automatic completion with a manual, user-triggered action to ensure accuracy and accountability. While the "Mark as complete" action couldn’t be made reversible due to technical constraints, I introduced a confirmation modal to add necessary friction and prevent accidental completion — supporting users with mobility or cognitive challenges.
3. Fixed progression logic and improved accessibility
Replaced automatic completion with a manual, user-triggered action to ensure accuracy and accountability. While the "Mark as complete" action couldn’t be made reversible due to technical constraints, I introduced a confirmation modal to add necessary friction and prevent accidental completion — supporting users with mobility or cognitive challenges.
3. Fixed progression logic and improved accessibility
Replaced automatic completion with a manual, user-triggered action to ensure accuracy and accountability. While the "Mark as complete" action couldn’t be made reversible due to technical constraints, I introduced a confirmation modal to add necessary friction and prevent accidental completion — supporting users with mobility or cognitive challenges.
4. Dynamic author display
Built logic to hide the author section when no data was available, removing visual noise.
4. Dynamic author display
Built logic to hide the author section when no data was available, removing visual noise.
4. Dynamic author display
Built logic to hide the author section when no data was available, removing visual noise.
Results: From UX debt to a cohesive learning experience
Results: From UX debt to a cohesive learning experience
Results: From UX debt to a cohesive learning experience
Critical UX debt resolved:
I addressed all five identified usability issues, transforming a neglected feature into a robust, inclusive learning tool.
Critical UX debt resolved:
I addressed all five identified usability issues, transforming a neglected feature into a robust, inclusive learning tool.
Critical UX debt resolved:
I addressed all five identified usability issues, transforming a neglected feature into a robust, inclusive learning tool.
Smooth format transitions:
Learners could now move between video and text without disorientation.
Smooth format transitions:
Learners could now move between video and text without disorientation.
Smooth format transitions:
Learners could now move between video and text without disorientation.
Enabling True Progress Tracking and Learner Control:
Lectures used to auto-complete after 10 seconds, making progress tracking meaningless. By switching to manual completion and clarifying navigation, we gave learners control and enabled real tracking.
Enabling True Progress Tracking and Learner Control:
Lectures used to auto-complete after 10 seconds, making progress tracking meaningless. By switching to manual completion and clarifying navigation, we gave learners control and enabled real tracking.
Enabling True Progress Tracking and Learner Control:
Lectures used to auto-complete after 10 seconds, making progress tracking meaningless. By switching to manual completion and clarifying navigation, we gave learners control and enabled real tracking.
Accessibility gap addressed:
The modal confirmation significantly reduced accidental completions, improving experience for all users.
Accessibility gap addressed:
The modal confirmation significantly reduced accidental completions, improving experience for all users.
Accessibility gap addressed:
The modal confirmation significantly reduced accidental completions, improving experience for all users.
Positive feedback from learners
"I actually know where I left off now—it’s much clearer." — Former Cloud Academy learner
Positive feedback from learners
"I actually know where I left off now—it’s much clearer." — Former Cloud Academy learner
Positive feedback from learners
"I actually know where I left off now—it’s much clearer." — Former Cloud Academy learner
Positive feedback from internal stakeholders
"We love being able to add images for engagement—the new layout makes content much easier to read and present." — Content Designer
Positive feedback from internal stakeholders
"We love being able to add images for engagement—the new layout makes content much easier to read and present." — Content Designer
Positive feedback from internal stakeholders
"We love being able to add images for engagement—the new layout makes content much easier to read and present." — Content Designer
What’s next: personalization and inclusivity
Moving forward, we aim to optimize the overall usability and inclusivity of Text Lectures.
Based on competitive research, including other e-learning platforms but also apps like Kindle and Google Books, we are exploring features that allow users to customise their reading experience.
This includes adjustable text size, background colour options for better contrast, and text-to-speech functionality to support diverse learning needs.
These improvements will ensure a more accessible and user-friendly experience for all learners.
Below are some ideas I've started exploring.
What’s next: personalization and inclusivity
Moving forward, we aim to optimize the overall usability and inclusivity of Text Lectures.
Based on competitive research, including other e-learning platforms but also apps like Kindle and Google Books, we are exploring features that allow users to customise their reading experience.
This includes adjustable text size, background colour options for better contrast, and text-to-speech functionality to support diverse learning needs.
These improvements will ensure a more accessible and user-friendly experience for all learners.
Below are some ideas I've started exploring.
What’s next: personalization and inclusivity
Moving forward, we aim to optimize the overall usability and inclusivity of Text Lectures.
Based on competitive research, including other e-learning platforms but also apps like Kindle and Google Books, we are exploring features that allow users to customise their reading experience.
This includes adjustable text size, background colour options for better contrast, and text-to-speech functionality to support diverse learning needs.
These improvements will ensure a more accessible and user-friendly experience for all learners.
Below are some ideas I've started exploring.
