You are on page 1of 119

Creative Lab @ Google

the world
is full of
please give this a
few moments
to load. every page
has videos or
pics...
AUDIO

(except these ones)


radiohead live &
crowdsourced & free
site
videos
arcade fire
Everyone's favourite HTML5 based music video/browser experience of 2010
Watch (best in Chrome) and about
johnny cash project
same guys!

Chris Milk collaborated


with Aaron Koblin and
Mr Doob to allow Johnny
Cash fans to draw each frame
for Johnny Cash's final video.

The Johnny Cash Project


singing fingers
An ipad app that lets you record sounds to actions and then play them back by tracing the action
hatsune miku live
A live concert by an avatar featuring songs written by users using synthesizer software
the youtube radio
Annotations-based radio. very cute. Try it. Radio
more: annotated piano and the public annotations petition
we're all fans.
UGC Social content mosaics of Grammy nominated artists.
grammys-were-all-fans

See also:
MTV's Music Awards Twitter Tracker
in bflat
inbflat.net opens video up
as a creative space.

It turns user-generated content into


a user-generated
composition by embedding
videos of people making music
(in the key of Bb) on the same
webpage and allowing you to
play them. At the same time.

It's a brilliantly simple idea.


sour
Sour had their fans tightly choreograph an incredible routine using only their webcams. (see also pepsi)
kutiman
Kutiman crowd-sources musical samples from
YouTube and then splices together the videos to
create new tracks. See the whole album at thru-you.
com
one frame of fame
One frame of fame uses fans to recreate and replace each single shot of their music video.
a youtube symphony
Allows musicians worldwide
to audition for an
international orchestra.

youtube.com/symphony
MOVIES
life in a day
What happens when you ask everyone in the
world to take a video of their life on the same day?
A project with Kevin McDonald, Ridley Scott and
many more.
youtube.com/lifeinaday
stop-motion
Online video has reinvigorated animation.
Everyone has their favourites, for example: Pes
graffiti animation
Blu is a new star of online animation with his epic stop-motion graffiti narratives
tilt-shift animation
Keith Loutit from Sydney is the godfather of tilt-shift animation. He also appears to have invented it.
micro animation
Aardman create a micro-animation for Nokia (watch the 'making of' for the magic)
splicing
Pogo from Perth uses old cartoons - or footage of his mum in the garden - to make beautiful records
pixels by patrick jean
logorama
a french cartoon made entirely out of american logos (trailer only)
animating in light
DeePeeStudios, Melbourne based group made a stop-motion promo using long-exposures.
ugc star wars
The classic as you've never seen it before - diced into 15 second long cuts, lovingly recreated, submitted,
selected and edited together by the crowd in a thousand unimaginable variations : starwarsuncut.com
chrome
videos
futureshorts
futureshorts : providing a distribution platform for short film makers globally. Like Luis
VIZUAL
We now generate and organise more
data than we can begin to imagine.
The next problem is how to see it.
photo
mapping
Elegant visualizations of cities by
flickr geotags (divided into Locals
and Tourists) by Eric Fischer.
See more
david mccandless
A brilliant visual data-journalist : http://www.informationisbeautiful.net/

Global media scare stories:


bbc: dimensions
Take something simple like relative
scale and make it super simple
[like Berg did for the BBC].
howbigreally.com
wefeelfine.org
A pioneering & ongoing example of data-scraping and visualization.
Or, in the words of Jonathan Harris and Sep Kamvar:
"An exploration of human emotion, in six movements"
wefeelfine.org
portfolio mapping
Designers create portfolios using maps

microtyp.org
blaubo.com
Stas Kulesh
real-time transit
mash-ups
Trains in Switzerland
Buses in NYC
Tubes in London

[None of these work as well as


they could. Except the Swiss -
which is based on (reliable)
predictions anyway]
polymaps
Polymaps is a free
JavaScript library for
making dynamic,
interactive maps in
modern web browsers.
polymaps.org
stamen.com
wonderwall
amazing navigation: wonderwall
anything involving
stamen
cabspotting
mtv tweettracker
graffiti archive
crimespotting.org
ART
dreams in high fidelity
An artwork created over a decade by thousands of computers around the world running Electric Sheep.
Scott Draves classic work is constantly renewed by developments in immersive projection.
commencer une autre
mort
Digitally altered recordings of staged
performances are used to create a
striking "revised" scene from Bizet's
Carmen.
remakes
remaking is in, and then mashing up remakes of remakes.
man with a movie camera | remake (hitchcock)
greyworld
greyworld are a group of artists that create public art, usually in urban spaces, usually with technology.
paint tests
musica
mark napier
potatoland.org

pam standing
john gerrard
John Gerrard is an Irish artist who creates perfectly recreated digital
environments that run in their own space-time - literal alternative realities.
johngerrard.net
daniel crooks
Daniel Crooks is an Australian artist who digitally manipulates footage to create distortions in time
danielcrooks.com
rafael lozano hemmer
Vectorial elevation at the Vancouver Olympics. Users could log in around the globe, using maps to
create their own personal lighting pattern and then upload and watch as their set went live.
bitforms.com || lozano-hemmer.com
time, colour, data
Flickr Flow is an creative experiment whose materials are color and time. flickrflow
Time Flow is an analytical tool for visualising temporal data. timeflow
Fernanda Viégas and Martin Wattenberg are behind both. hint.fm
augmented city
Two extraordinary visions of future life in a fully augmented reality from Keiichi Matsuda
tate art map
British public document the national art treasures for Tate on a map mash-up artmap
street-view
art
Bill Guffey, an artist from Kentucky
who uses Google Street View to
source subjects for his paintings

Daily Mail
the art of youtube
A biennale of creative video curated by
the Guggenheim : play
PHYSICAL
lo-tech is cool
tellnoone.co.uk
recoil : projection
mapped dance
water-fountain display
interactive dance
projection (fun)

yesyesno.com/night-lights
mobile interactive
projection
"Participants were able to use their
mobile devices as magic "brushes" to
interact with the installation. They
could choose between three colors,
green, blue and red. Green for growing
the plant, blue for feeding the
blossoms and red to burn it down."

www.projektil.ch
http://vimeo.com/13307183
interactive multi-touch
seeper.com
audio-mapped
performance
performance piece that
streams audio tracks to
the individual audience
member's surround-sound
headsets
electrichotel.co.uk
vimeo.com/11550303
sms slingshot
vrurban.org
LIGHT
ipad 3D light magic
Berg & Dentsu make future magic with an ipad and a long exposure
user-text projection
a collection of interactive public projections and performance created in 2006 by Paul Notzold
txtualhealing.com
mobileactive.org/
projection mapping
outrace
Send a 70char message to a light installation in Trafalgar Square. Receive a light-based music video
with robot arms writing your message in long exposure motions. http://www.outrace.org
holographic touchscreen
obscuradigital.com
vimeo.com/14591925
digital video graffiti
wall-based video 'painting' in Cannes
castroinnovation
the most
boring
screens are
screens...
more
more more...
TECH
print it
Printer-motion animations
laser + sound
Scorelight
multi-player reality game
using oyster cards
chromaroma.com
vimeo.com/10017464

"Chromaroma is an online
multiplayer game played
out as you travel the city
with your Oyster card. By
using Oyster data we are
able to show you your Tube
travel, and every journey
means you amass points,
taking a few steps further
along the way to owning
London."
eye-tracking software
that reacts as you read
sony 360 3d display
trans-siberian online
Travel the length of the trans-
siberian railway courtesy of google
maps and a webcam with a audio
version of dostoyevsky for
company: russianrailway
10k.an event apart
The challenge? Build a web app in less than 10 kilobytes that inspires the internet.
10K challenge
cool html5 clocks
nlug ipad clock
The toki woki scroll clock
iButterfly. catch
augmented insects. win.
"iButterfly" is an iPhone application
using AR, motion sensor, and GPS
functions to let users see and 'catch'
butterflys to win rewards.

mobileart.jp
interactive
doodles
mind control
Tan Le's demonstration at TED of a headset that allows you to control an interface using brainwaves
goollery.org
A collection of Google-related
projects from around the world
goollery.org
translation
What happens when language is no longer a barrier?

*joke
trends (via google)
Google trends has predicted the eurovision winner to within a point two years running.
google.com/trends
trends (via facebook)
FB gives you data. If you look hard enough. fanpageanalytics.com.
trends (via twitter)
zoofs.com shows youtube videos trending on twitter
fflick.com shows movies your friends tweeted
internet of things
systems of systems and using all the data we produce wisely from IBM
POLITICS
crowdsourcing
heroism. Ushahidi.com is a powerful example of
the potential of crowdsourced data.
NY Times article.
Ushahidi.com
country against country
An interactive infographic of the world's top 100 countries on newsweek.com
newsweek.com
distorting maps
to tell the truth
Cartographer Benjamin Hennings collects maps distorted by datasets to look at information in a relative
form. viewsoftheworld.net
open-access data
journalism
The Guardian newspaper has an
open strategy to data journalism,
scraping public data, using open
platforms like manyeyes and
trimectric , sharing raw data via
google docs, encouraging developers
to mash-up and re-use data sets as
well as coordinating mass
investigations such as the mps
expenses making insights available
in impossibly short-times.
more
SPORT
nike head2head
A stat-to-stat visualiser allowing athletes to compare statistics with local competition, or the best in the
world, understand your weaknesses and get advanced tutorials to improve your personal best.
head2head (R/GA)
IBM
analyses
US Open
Data was collected from every
aspect of the game in real-time and
presented back to the viewer as an
visual analysis of 'momentum'
creating a separate perspective to
'watch' the game from.

US Open Point Stream


twitter-replays
Watch how the game panned out in a high-speed replay of trending twitter tags over the course of a game
World Cup 2010 Twitter replay
olympic twitter streams
Representing the conversation around the Winter Olympics, NBC used twitter to
visualise the most discussed stories. Stamen (again)
BOOKS
evolving typeface
RCA student Jack Gilbey's dynamic
typography where the font adapts to
contextual changes within the content.
rca
stephen fry's book app
Stephen Fry and Penguin digital make
his latest book into an ipad app that is
browsable in completely new ways.
don quixote read by you
(...2149 of you)
Spanish-speaking bibliophiles
are creating the first
collaborative audiobook

el Quijote by Miguel de
Cervantes is being cut up
into 2149 10-line sections.

Readers request a section


(randomly assigned) and have
6 hours to record & upload.

www.youtube.com/elquijote.
spotify choose-your-
own-ending
Hurts, promote their new album
with a short story called 'Don't
Let Go' on Spotify read by
Anna Friel.

The reader searches for a given


code on the site for each new
segment - everything ends with
a song.

Start the story


understanding
shakespeare
understanding-shakespeare.com seeks to
visually provide an overview of the entire play by
showing its text through a collection of the most
frequently used words for each character.
vimeo.com/14098022
mongoliad
Neal Stephenson is
leading/writing a serialised
13c historical epic with
community-enhancment,
wiki-contribution, a
subscriber model and
multiple writers and then
releasing it all on iOS (i.e.
as an app).

mongoliad.com
HISTORY
making oral history
historypin.co.uk is an initiative that lets people upload videos,

digitalplace photos on maps and write their own historical accounts


within a Google map
september 11 memorial
A site that allows people to overlay video testimonial and footage from 9/11
positioned from their own geographical perspective using streetview
makehistory
maps API = time machine
themannahattaproject.org takes you to Manhattan/Mannahatta in 1609
ADVERTISING
all about social
Old Spice (W&K) used a character from a popular advert to break the fourth wall and have the
character interact in real-time shooting ads and responding directly to hundreds of messages
over several days, including a marriage proposal.
smile vending
Unilever worked with Sapient Nitro to create an ice cream vending machine that detected your
smile and rewarded you with a free ice-cream (and let's you upload your pic to FB)
(see also kraft macaroni cheese - less cool)
continual motion
Three similar ideas over the course of two world cups. 2006 Nike's joga bonita campaign asked users to
send videos keeping the ball in the air. For 2010 Coke had users celebrating the longest goal celebration.
Both are trumped by the Eternal Moonwalk: a Michael Jackson Tribute
tippex
Tippex integrated their product into a 'viral' video in an interactive way that captured the imagination.
The product is used to 'correct' the title and allow the user to suggest what should happen next.
Watch
chalkbot
Livestrong & Nike promotion with the Tour de France: an automated trailer printing 'chalked' messages from
anything texted or tweeted @chalkbot in the tradition of the le tour. livestrong.org/chalkbot
making it personal
Personalised online video was notably used by the Obama campaign in 2008.
Recent examples: Action Aid fundraiser, Pentagrams's Type campaign, Latitude demo, and for public
service campaigns encouraging you to get a TV license and warning about the dangers of online profiles
ask a friend
An IKEA's manager used tagging on Facebook to turn his photos into an online showroom
Creative Lab

anything by
UNIQLO utweet
lucky switch
lucky counter
fashion map
Uniqlo / dentsu let users
become part of the
campaign by personalising
their advertising around
their own social
media stream.
more::
some wondrous sources:
@rubbishcorp
@berglondon
@mediamuesli
@bbhlabs
@idsgn
@contagiousmag
@pleaseenjoy
@creativesocial
@valdean
@hellokinsella
@brainpicker

@tomux
tomu.co.uk

embed code: <iframe src="https://docs.google.


com/present/embed?id=df7rw7vz_338cz6ngnd6&size=m"
frameborder="0" width="555" height="451"></iframe>

and there's a feedback form here...

You might also like