Visual Language and Design System development
Visual Language and Design System development
Visual Language and Design System development
Visual Design
Design Systems
Entertainment industry
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, they're no longer the only player in the field, but the mission of innovating is stronger than ever.
Can visual design enhance the entertainment experience?
Founded in 2015, Reelgood solved the question of "where to watch?" for streaming service customers, disrupting the entertainment industry. Fast-forward to 2023, they're no longer the only player in the field, but the mission of innovating is 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
It is tempting to jump into action mode with a challenge like this, but treating it like a UX initiative would reap better outcomes. Before touching any pixel or putting together a mood board, it was paramount to understand the ethos of what the brand stands for to allow the products to communicate this vision.
Discovery
Understanding values to empower evolution
It is tempting to jump into action mode with a challenge like this, but treating it like a UX initiative would reap better outcomes. Before touching any pixel or putting together a mood board, it was paramount to understand the ethos of what the brand stands for to allow the products to communicate this vision.
Discovery
Understanding values to empower evolution
It is tempting to jump into action mode with a challenge like this, but treating it like a UX initiative would reap better outcomes. Before touching any pixel or putting together a mood board, it was paramount to understand the ethos of what the brand stands for to allow the products to communicate 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.
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.
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.
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.
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.
That's how we defined the Design Principles
That's how we defined the Design Principles
That's how we defined the Design Principles
... and prioritized our next steps
... and prioritized our next steps
... 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
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
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.
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.
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.
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.
The Design Principles were treated as a hypothesis, going through testing as part of the ongoing research efforts to validate visual experiments.
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."
"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
— Research participant comparing current and future UI
— Research participant comparing current and future UI
Outcome
A comprehensive and cohesive Visual Language
Through months of testing and iteration, Design Principles and Visual Language reached a point of feeling natural and actionable, evoking entertainment without having to say it out loud.
Outcome
A comprehensive and cohesive Visual Language
Through months of testing and iteration, Design Principles and Visual Language reached a point of feeling natural and actionable, evoking entertainment without having to say it out loud.
Outcome
A comprehensive and cohesive Visual Language
Through months of testing and iteration, Design Principles and Visual Language reached a point of feeling natural and actionable, evoking 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.
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.
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.
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.
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.
Outcome
Outcome
Outcome
Timeline
03
months to use in pilot project
Cost savings
>40%
design time
"It's not only easy and idiomatic to use, but also a significant improvement visually."
"It's not only easy and idiomatic to use, but also a significant improvement visually."
— Vipul, Android Engineer
— Vipul, Android Engineer
— Vipul, Android Engineer
Learnings
Learnings
Learnings
Form follows function
Form follows function
Like any other UX initiative, developing empathy was the start; in this case, it was the brand's values.
Like any other UX initiative, developing empathy was the start; in this case, it was the brand's values.
Like any other UX initiative, developing empathy was the start; in this case, it was the brand's values.
Inspiration beyond UI
Inspiration beyond UI
Embracing ambiguous concepts can lead to more significant ideas than zeroing in on the competition.
Embracing ambiguous concepts can lead to more significant ideas than zeroing in on the competition.
Embracing ambiguous concepts can lead to more significant ideas than zeroing in on the competition.
The main character should be the user
The main character should be the user
The purpose of UI is to support the user's story, enabling them to make decisions throughout their journey.
The purpose of UI is to support the user's story, enabling them to make decisions throughout their journey.
The purpose of UI is to support the user's story, enabling them to make decisions throughout their journey.
Storytelling as a tenet for navigation
Storytelling as a tenet for navigation
Even the most content-dense screens can guide decision-making with a context-driven narrative.
Even the most content-dense screens can guide decision-making with a context-driven narrative.
Even the most content-dense screens can guide decision-making with a context-driven narrative.
Contact
Let's talk!
I'm excited to collaborate creating delightful experiences and high-quality products.
Drop me a message at:
hi @ laurie fyi
Contact
Let's talk!
I'm excited to collaborate creating delightful experiences and high-quality products.
Drop me a message at:
hi @ laurie fyi
© 2013 - 2024
© 2013 - 2024
© 2013 - 2024