Rehauling a Video Education Platform with UI Design Patterns

Brand logo of Digital Theatre Plus
A screenshot view of Digital Theatre Plus' homepage
A puzzle icon

The context

Digital Theatre Plus (DT+) is a leading educational platform for studying performing arts and dramatic texts, serving secondary and higher education institutions in the UK and USA. The platform provides lesson plans and video teaching resources and sought to enhance its user experience for educators.


A clickable website icon

Education

An audience icon

B2B

A platform icon

EdTech platform

An image of a location icon

UK & USA

A screenshot view of Digital Theatre Plus' genres
A person with a gear-look brain icon

The problem

DT+ faced challenges in presenting content efficiently to various users, complicating the user experience and increasing operational complexity. The platform required a consistent, intuitive interface for users to easily find and utilise the diverse range of educational content.

A screenshot view of Digital Theatre Plus' home page
A screenshot view of Digital Theatre Plus' page with search result for macbeth
A target icon

The objective

The primary goal was to rework the user experience by simplifying the presentation of content, creating a consistent interface for all users, and ensuring accessibility. This included developing a comprehensive design system and front-end framework to enhance usability and appeal to a broader audience.

Three images showing the differece of User base, Usage patters and User personas
A target market's persona sample
A goal path icon

Need help testing and optimising your product?

We can help you rework the UX/UI of your business critical tool through intuitive UI design patterns.

A diagram's path icon

The approach

  • Conducted customer interviews to understand user needs.

  • Simplified customer personas from many subsets to two main categories.

  • Developed a clickable prototype and conducted user testing.

  • Created a complete design system detailing elements and components for all screen sizes through effective and consistent UI design patterns.

  • Rolled out a front-end templating framework for in-house engineers.

  • Focused on accessibility, adapting the website for screen readers and updating the accessibility statement.

  • Collaborated closely with DT+ during the development phase to ensure a polished final product.

A different looks of icons and designs through a style guide
A screenshot view of Digital Theatre Plus' Macbeth page

“The team immediately gave us confidence they were the right choice to support our business in one of the biggest projects we’ve ever undertaken.”

— Nick Myers, Director of Digital Technology, Digital Theatre+

A trophy icon

The result

  • Positive feedback from educators on the improved user experience.

  • Easier navigation and more efficient interface for users.

  • Enhanced content organisation, allowing users to find relevant materials quickly.

  • Expanded customer base due to improved accessibility features.

  • Increased satisfaction among users, with reports of a less cluttered and more intuitive platform.


4m+

Users

5/5

Clutch review

Need help testing and optimising your product?

Whatever your business objective — reducing operational costs, increasing efficiency, improving customer satisfaction or increasing revenue — we can help you achieve your digital ambitions through impactful UI design patterns.

An illustration of working together
Previous
Previous

Business critical retail tool

Next
Next

AI-powered SaaS tool