Ruby Sparks
DIGITAL CAMPAIGN
In the film Ruby Sparks, Calvin is struggling with his writing and his love life, until his newest character comes to life. We made Ruby real by creating an innovative marketing campaign brimming with interactive elements which gained notable viral attention.

We took the idea of real-time and interactivity to a new level by launching the site, Make Ruby Real, where online users can type their own stories to uncover exclusive videos, photos and sketches from the film. We activated the film's fan base even further by creating an interactive motion poster where fans were invited to create their own posters for the film. The fan-created designs were linked to Tumblr with the five posters receiving the most notes getting a chance to be made real in a limited print run.

We supported these digital elements in a creative banner campaign consisting of progressives, statics and skins using the playful key art showing Ruby breaking out from a silhouette of typewriter text.
client
studio
date
role
Fox Searchlight
Ignition Interactive
July, 2012
Concept, Art Direction, Design, Motion
MakeRubyReal.com
Feature Website
MakeRubyReal.com - Design
Click image for hi-res version
Have an experience as the writer of the film himself. You've a writers block and are staring at a blank page forever. But then there's a spark, you start writing about your true love and everything comes to life. Music slowly starts to play, musical tones react to your keyboard keys, little animations start to appear and words trigger assets that can lead to exclusive content.
Make Ruby Real Make Ruby Real Make Ruby Real Make Ruby Real Make Ruby Real Make Ruby Real Make Ruby Real
MakeRubyReal.com - Assets
To make the story about your true love come alive I came up with 486 words that are related to the movie or love in general and are translated into 98 different objects, emotions or situations.
words
photos
video loops
abstract animations
sounds
sketch animations
exclusive videos
backgrounds
486
46
27
18
13
12
12
3
Make Ruby Real assets Make Ruby Real assets Make Ruby Real assets Make Ruby Real assets
Banner Campaign - Progressive
Click image for animated version
Ruby Sparks banner Ruby Sparks banner Ruby Sparks banner
Banner Campaign - Skin
Ruby Sparks banner Ruby Sparks banner Ruby Sparks banner
Interactive Motion Poster
Click image for full design board
There are a thousand ways to fall in love. Show us yours!
Design your own Ruby Sparks poster and it may be printed as an official poster for the film.
Ruby Sparks Motion Poster
Awards & Recognition
Featured at Adweek Talent Gallery - December 20, 2012
Design Licks - Site of the Day - July 16, 2012

Mashable - "…one of the coolest interactive motion posters we’ve ever seen." - July 12, 2012
Fandango - Exclusive: 'Ruby Sparks' Motion Poster Premiere! - July 2, 2012
Credits
creative direction
art direction
concept
design
motion
development
copywriting
production
sketches
music & sound
Evan Dehaven
Alvin Groen
Evan Dehaven, Alvin Groen
Alvin Groen
Alvin Groen
Jason Hughes
Ashley Crandell, Nina Kauffman
Maiko Sakurai, Heather Arlt
Allison Reimold
Bob Partridge
© 2012 Frozen Emotion