Let's Talk

Reelgood's Visual Design

Visual Language and Design System development

Visual Design

Design Systems

Entertainment industry

Founded in 2015, Reelgood solved the question of "where to watch?" for streaming service customers, disrupting the entertainment industry. Fast-forward to 2023, and they were no longer the only player in the field, but the mission of innovating was stronger than ever.

Can visual design enhance the entertainment experience?

Role

Workshop facilitation, creative direction, and UI Kit implementation in collaboration with design and engineering.

The problem

Create a cohesive experience to increase engagement, within the constraints of accumulated design and code debt.

The company

Series A streaming guide with a discovery-based B2C experience and B2B data provider offering.

Users

+5M monthly Reelgood users across mobile and web products.

Discovery

Understanding values to empower evolution

Before touching any pixel or putting together a mood board, it was crucial to understand the ethos of what the brand stood for, to ensure the products communicated this vision.

Discovery

Understanding values to empower evolution

Before touching any pixel or putting together a mood board, it was crucial to understand the ethos of what the brand stood for, to ensure the products communicated this vision.

Discovery

Understanding values to empower evolution

Before touching any pixel or putting together a mood board, it was crucial to understand the ethos of what the brand stood for, to ensure the products communicated this vision.

What does entertainment look like?

I facilitated a visual-oriented brainstorming with the design team, connecting principles with inspiring products outside of streaming.

The goal was to find effortless primers of entertainment.

Defining Design Principles

I also facilitated ideation workshops to create alignment, including PDE teams and the CEO to provide diverse perspectives.

The first output was the design principles definition.

... and prioritized our next steps

The aha! moment

Applying cinematic techniques to software design

Defining our principles was the first step; the real challenge came next: Putting them to the test as we decided how the UI would change. Design Principles are only useful if they are practical and actionable to offer guidance, but also memorable.

The aha! moment

Applying cinematic techniques to software design

The aha! moment

Applying cinematic techniques to software design

Finding opportunities for visual storytelling

The revamp of the title detail pages on web proved to be the perfect playground to test the design principles, adding subtle but delightful details and interactions to create engagement.

Testing experiments with real users

The design principles were treated as a hypothesis, going through testing as part of the ongoing research efforts to validate visual experiments.

"I feel very enthusiastic about using it because it makes the experience more seamless, and it would be very valuable to me."

— Research participant comparing current and future UI

Outcome

A comprehensive and cohesive Visual Language

Through months of testing and iteration, the design principles and visual language reached a point of feeling natural and actionable, conveying entertainment without having to say it out loud.

Outcome

A comprehensive and cohesive Visual Language

Through months of testing and iteration, the design principles and visual language reached a point of feeling natural and actionable, conveying entertainment without having to say it out loud.

Outcome

A comprehensive and cohesive Visual Language

Through months of testing and iteration, the design principles and visual language reached a point of feeling natural and actionable, conveying entertainment without having to say it out loud.

Systematizing composable foundations

With a validated hypothesis, it was time to empower the rest of the team to create stronger visual narratives, providing intuitively scoped design tokens and key components.

Leveraging the B2B website as a pilot project

The revamp of data.reelgood.com was the perfect timing to put the UI Kit to test, empowering rather than constraining, and creating a visual narrative true to Reelgood's mission of innovating and enriching the entertainment journey.

Impact

Timeline