Holly Rankin Design
Apple-Devices3.jpg

Hulu Chance

Based on Kem Nunn's novel, Chance is a Hulu Original series that is described as a provocative psychological thrilled that focuses  on Eldon Chance, a San Francisco-based forensic neuropsychologist who reluctantly gets sucked into a violent and dangerous world of mistaken identity, police corruption, and mental illness. 

The website designed was a editorial piece that explores some of the themes in Chance and simultaneously promotes the show. Inspired film noir motifs, and the San Francisco fog, the "Inside:Obsession" visually portrays my definition of obsession. 

SERVICES
Art Direction
UI
UX

THE DESIGN PROCESS

THE DESIGN PROCESS

Hulu, a subscription video service, created a television show called Chance. This website was designed around an editorial piece that is connected to the themes of Chance to help promote the television show before its launch. The assets provided by the client were the logo and one flat art piece used on marketing media. The visual design of the site was open for interpretation and required research to create a style guide for the Chance brand. 

The television show is a noir like psychological thriller that has parallels to Alfred Hitchcock's "Vertigo", because of the San Francisco setting, and grim & eerie mood. The visual design is intended to extend the mood of the show by utilising film noir themes, repetitive used of the San Francisco fog, and slice typography to symbolise the state of mind during mental illness. 

process.jpg
conspiracy.jpg
Artboard Copy 3.png
loveandotherobsessions.jpg
Artboard+Copy+2.png
Infographic

Infographic

Design and editorial collaborated on the creation of an infographic that visualized the impact of obsession on emotions. The interconnectivity of the human psyche inspired the visuals of the infographic by creating a network of many different sized circles. Sliced circles rotate around the type to indicate to the user they are buttons and to amplify the themes of mental disorder. 

Screen-Recording.gif
NAVIGATION

NAVIGATION

A sticky anchor-link navigation is used on desktop to enable the user to easily jump through the experience, if desired. This navigation on desktop becomes a full screen drawer on mobile and tablet. While the sticky navigation bar works well on desktop, the typography and button size would be too small for users to tap on mobile and desktop. 

Artboard Copy 5.png
COLOR PALETTE

COLOR PALETTE

Black and white are predominately used to align with film noir themes. To indicate to the user that sections are changing and to add to visual unfamiliarity, background colours alternate between light and dark.  Red is used as a supplement to create a pop of colour, and create a sense of urgency & danger. 

thepushandpull.jpg
download.png
LAST BUT NOT LEAST

LAST BUT NOT LEAST

The Chance series preview is placed full-screen at the bottom of the experience to reward the user for scrolling through the experience.  It also serves as a conclusion to the experience, and a call to action. The video creates an end to the story and compels the user to action.