Hulu Visual Rebrand

OVERVIEW

An individual visual design project exploring the implementation of a new visual brand with Hulu through strategy and experimentation with form, color, and layout.

Role

Visual Design
UI/UX

Team

Indvidual

Tools

Figma
Photoshop

Duration

1 month

HULU MISSION STATEMENT

Lead the future of Streaming TV by creating new and familiar experiences for our viewers, amplifying bold voices, and challenging our diverse builders and creators to push the boundaries of storytelling and technology.

PROBLEM STATEMENT

Hulu's mission statement is not accurately reflected in the visual brand

Creating new experiences, amplifying bold voices, and pushing the boundaries of storytelling is not reflected in Hulu's visual branding.

Problem 01

Layout and interface elements are too similar to other streaming platforms such as Disney+ and Netflix which doesn’t push the boundaries of storytelling and technology.

Problem 02

The design is extremely lacking in the use of typography and colors from the brand due to the possibility of issues with readability.

Problem 03

Lack of adequate spacing which can cause some shows & movies to be overlooked and makes comprehension more difficult

Goals

I came up with goals and strategies to execute these goals

Goal 01

Diverge from the use of card shaped elements to represent shows/movies

Use of parallelograms, circles, or other abstracts shapes to represent shows/movies elements
Cut-out elements that bypass the shapes used to represent shows & movies elements
Large text for show/movie representation & selection

Goal 02

Prominent use of the color palette and font styles in a way that does not detract from readability

White consistently used as the background color for the entire design
Black predominantly used for text elements such as the header, subheaders, paragraphs, and buttons
Hulu green only used as an accent color (predominantly for links)
Remove logos from shows and movies and represent them by using the brand typography

Goal 03

Increase white space to improve readability and comprehension as well as draw attention to elements surrounding shows & movies

Increased horizontal and vertical spacing between elements
Outlined text (minus the fill) as negative space to represent unselected elements
Bleed elements that are horizontally scrollable to evenly distrubute elements and refrain from cluttering the screen

MOODBOARD

Bridging the gap between language and visuals

SKETCHES

Exploring and communicating my ideas

ITERATIONS

Creating and testing ideas quickly

FEEDBACK

Before finalizing the visual brand I recieved feedback from several of my peers

How do you navigate the interface?

My peers were unsure of how the interface would be navigated

Simplify Elements

Some elements looked visually complex which in turn impacted navigation for my peers

Episodes are cohesive

My peers were happy with the layout, typography, and colors for the episodes.

SOLUTION

Overhual of Hulu's visual brand

Mobile

Visual experience of Hulu for mobile

Billboard Design

Billboard highlighting a new visual brand to attract customers.

Ticket

Ticket memento/discount coupon rocking the new visual brand

REFLECTION

What did I learn? + Next Steps

Stay true to yourself

Taking heed to the feedback recieved, I omitted a few cool ideas from my iterations according to my professor that need some refinement.

Be more clear with goals

My goals didn't address how exactly it the business would benefit from a visual rebrand.

Think about type selection

My type selection could have benefited from more constrast to make text more distinguishable.

More Projects

Capillus

Flikshop iConsultancy

UX Research Internship

iSchool Unified Services

OVERVIEW