h

i

f

g

Drag

Open

Close

Play

Pause

Scroll

Empty

WATCHBOX: Movie poster
WATCHBOX: Yellow eye closeup

WATCHBOX

An on-demand streaming service for rather unconventional movies, created under the umbrella of a major german television network. While working for the agency Milk, I composed the key visuals, built a prototype website and was substantially involved in the development of the design system.

Date

June 2017

Client

Mediengruppe RTL

Deliverables

Identity,

User Interface,

Prototyping,

Systems,

Interactive Experience

Tools

Photoshop,

Illustrator,

Webflow

Studio/Agency

Build

Offline

Identity

The project's general idea was for everything to be unordinary. WATCHBOX had to stand out and be different, especially in comparison to the long list of competitors.

Logo

Starting with the logo, the aspired perception of the project as being unique becomes evident. Loud, bold and tilted. The angle of exactly 18° runs through all design elements, be it headlines, icons or illustrations.

WATCHBOX: Yellow eye closeup, Genre: British
WATCHBOX: Yellow eye closeup, Genre: Horror
WATCHBOX: Yellow eye closeup, Genre: Shows
WATCHBOX: Yellow eye closeup, Genre: Series

Key visuals

These flashy pairs of eyes form the core of WATCHBOX' visual identity. Each pair guides the user through one of the various genres offered by the service. They form an integral part of the overall corporate design.

Web

Prior to the actual implementation by in-house developers, an interactive prototype was provided early on. In this way, topics such as user flow or motion patterns could already be experienced hands-on during the conceptual stages.

WATCHBOX: Webdesign of Browse page, Desktop breakpoint

On-Air

For the nationwide on-air campaign, the concept of the eye pairs was brought to life through mapping techniques in a 3D software.

Behind the scenes

The agency Milk produced a short film to accompany the project's realisation. It outlines the creative approach and conceptual considerations that arise in a project of this scale.

https://jaro.io/media/pages/projects/watchbox/ead001c5f8-1730306781/case.svg

next

next

next

next

next

next

next

next