Anish Kapoor online

Brighten the Corners has designed a new website for Anish Kapoor that lets the artist’s work speak for itself…

The homepage of the site at anishkapoor.com presents a simple list of names, events, websites and more obscure terms that seem like they might be the titles of artworks. It becomes clearer as to what each word might represent when users clicks on one of the subject categories listed at the top: Works, Thought Experiment, Links and About. The relevant content in the list is then flagged up in the subject’s colour. (NB: Thought Experiment contains a host of studio shots of works in development, ideas etc).

The design of the site is very much tailored to focus on the stunning visuals of Kapoor’s pieces and to allow for exploration. Further information on Kapoor himself, or a particular exhibition, is largely gleaned from links to external sites – to a feature by The Guardian, or to the BBC’s Imagine profile, for example.

“Design for the arts can be so serious and stuffy,” says the studio’s Billy Kiosoglou. “It’s like any excitement or playfulness in the work gets lost, so we wanted to get away from all that: we wanted to approach the site in a way that was true to the spirit of the work and did it justice.”

The content itself varies from beautifully shot art pieces, sketchbook images, YouTube clips and other links such as Clould Gate Google, essentially a Google Image search for Kapoor’s much-photographed piece in Chicago.

“The content can speak for itself,” says Kiosoglou, “so the design was focused on organising it in an appropriate way, rather than presenting it in a certain light. We have always found site maps really interesting, as they are often better designed than the website itself, so I guess you could say that we’ve done both a website and a sitemap in this case.”

Design and art direction: Billy Kiosoglou and Frank Philippin. Programming and CMS: Stéphan Barbé.

BLA BLA: a film for computer

Vincent Morisset’s studio AATOAA hope to re-imagine ‘once upon a time’ for the digital age. As part of their new adventures in storytelling they’ve released BLA BLA, a charming interactive film for the National Film Board of Canada

Morisset’s Montréal outfit created the online animation piece for the legendary NFB which, since 1939, has sought to promote Canadian filmmaking. The NFB is particularly associated with experimental animation, a link that was started in 1941 when animator and director Norman McLaren joined the organisation. According to the board’s own charter, one of its ongoing concerns is to “support innovative and experimental projects in new and interactive media.”

BLA BLA, at blabla.nfb.ca, is one such venture. It is, its website explains, “an interactive tale that explores the fundamental principles of human communication. The viewer makes the story possible: without him or her, the characters remain inert, waiting for the next interaction. The spectator clicks, plays and searches through the simple, uncluttered scenes, truly driving the experience.”

Each of the website’s six chapters apparently reflect a different aspect of ‘communication’. The first section, Words, is an interactive musical number where users can play with tones by clicking on the various splodges. Sponge follows and introduces the charming large-headed character who will eat up all the coloured pills you feed him (it’s strangely addictive for both parties).

The remaining sections, Beginnings, Talk Talk, Together and Lights Out, see the character falling through the sky, and becoming part of a choreographed troupe. In each, users play an active role in deciding how the animation progresses.

The characters were designed by Caroline Robert (a CR One to Watch in our special issue from earlier this year) using traditional craft techniques such as stop-motion puppetry and drawings, as well as a range of high-tech trickery, from ActionScript animation to real-time 3D mapping.

For Morisset, however, these tools are the least important part of the work. “I wanted BLA BLA to feel hand-made, imperfect, fragile,” he writes on the website, “so we forget about the technology. I wanted to create moods and generate emotions through an interactive piece. It’s quite hard to do dramatic crescendos on a website. I thought it would be an interesting challenge.”

The characters’ speech, as well as all the music featured in the project, was fragmented into small clips and distributed throughout the programming. An approach of ‘controlled randomness’ was taken by composer Philippe Lambert, who worked with software developer Édouard Lanctôt-Benoit on the project.

Exploring the “grammar of a new medium” i.e. having the user as a participant in the storytelling, was one of Morisset’s concerns. “The relation between the user and the film is part of the message,” he says. “We wrote and created it based on universal stuff: the social nature of humans, our fear of the unknown, the desire for appropriation and freedom, and paradoxically the love of being taken by the hand.”

Once visitors have played with BLA BLA a further treat lies in store if they click Related Films at the bottom of the website. Here, AATOAA has uploaded six classic NFB animations by Ryan Larkin (1972), Jeu (2006), René Jodoin (1966), Michèle Cournoyer (1992), Brandon Blommaert (2009), and the aforementioned Norman McLaren (1941).

Morisset is perhaps best known for his work with the band Arcade Fire: namely the website/interactive music video for their song Neon Bible and the documentary, Miroir Noir. More recently, AATOAA’s Synchronised Artwork app for the band’s album, The Suburbs (available with the download version from arcadefire.com) was featured in this year’s CR Annual. You can view the project in the 2011 Annual, here, or read a more detailed report from when we blogged about it last year, here. Unfortunately, in our Annual, we spelled Morisset’s studio name incorrectly (apologies again to AATOAA), but in better news we were able to award Arcade Fire with our inaugural Client of the Year title.

CR subscribers can also read Eliza’s profile piece on Morisset, Web-Friendly, from our January 2010 issue, here.

BLA BLA is at blabla.nfb.ca.

Produced by NFB. Designed and developed by AATOAA. Direction, animation and compositing: Vincent Morisset. Production: Hugues Sweeney. Programming and technology: Édouard Lanctôt-Benoit. Visual design and animation: Caroline Robert. Sound, music and voice: Philippe Lambert. Puppet armature design:
Jean-François Lévesque. Rotoscopy:
Vincent Lambert. Photography:
Minelly Kamemura. Additional prototype programming: Mathieu Campagna. Prototype 3D modelling and animation: Joshua Sherrett
and Jonathan Fleming-Bock.


Thanks for reading the CR Blog but if you are not getting Creative Review in print too, we think you are missing out. Our current 196-page double May issue includes the Creative Review Annual, featuring the best work of the year in advertising and graphic design. We also have an interview with David Byrne, a fascinating story on the making of the Penguin Great Food series of book covers and much more.

If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.

 

 

 

Slow Down (don’t make skeletons)

For the That’s Why It’s 30 campaign, the Barbarian Group devised a display for the matrix signs used by New York City Department of Transport. If a passing car breaks the speed limit, the pedestrian graphic takes on a rather grim appearance…

“The NYC DOT came to us with a startling statistic,” The Barbarian Group write on their blog. “When a pedestrian is struck at 30mph by a vehicle, there is an 80% chance they will survive. If a pedestrian is struck at 40mph, there is a 70% chance they will die. 10mph, a seemingly subtle difference while you are behind the wheel, is the difference between life and death as a pedestrian.”

Using the DOT’s Wanco matrix sign, a speed radar, and a 48 x 27 dot matrix, BG created a board to remind car drivers in New York to reduce their speed.

The speed board shows a graphic of the familiar pedestrian ‘walking man’, with the speed limit of 30mph. The fitted radar detects the speed of passing cars – if one breaks the limit, the pedestrian then changes into a skeleton (the graphic was designed by BG art director Henry Lai), alongside SLOW DOWN in giant letters.

An animated gif of the sign is on the Barbarian Blog, here – though the finished version actually consists of the two static signs shown above.

The proposed animated version apparently violated the Manual on Uniform Traffic Control Devices (it used rapid flashing) and BG were also bound by the fact that they only had 2-6 seconds of display time and 2KB of RAM to play with.

Anatomy of a Mashup

Online visualizer reveals the intricacies of music mashups in real-time

visual1.jpg

What started as an early-aughts gimmick led by 2manydjs has since morphed into a full-blown pop-culture phenomenon with party animals like Girl Talk disseminating their name-that-sample form of music far and wide. For multilayered tracks where the original samples become indistinguishable, Web Technologist Cameron Adams developed the Anatomy of a Mashup, breaking down his own creation “Definitive Daft Punk” as an example to “reveal its entire structure: the cutting, layering, levels, and equalization of 23 different songs.”

visual3.jpg visual4.jpg

The online visualization tool breaks down and analyzes the complicated construction, demonstrating how individual sounds work together to form the whole in a diagram of rainbow-colored concentric rings. The beautiful animation lends a unique understanding of the intricacies of the particular mashup, joining the audio and visual for experiences not unlike “little slices of synchronous art, designed to please all of your senses.”

visual2.jpg

To make that direct connection between what unfolds on the screen with the art of the mashup, Adams built the site using the latest HTML5 and CSS3 technology so that the browser renders the song as it plays and evolves for a visual that performs in real-time. To learn more about the inventor and his Anatomy of a Mashup, check out his site, The Man in Blue.

via Information Aesthetics


Spot the cup final fan with Dare

Dare is claiming a world record for the most tagged single photograph for a 360 degree image of Saturday’s cup final crowd. Fans can zoom in, find and tag themselves using Facebook

At the Wembley Stadium website, fans of Manchester City and Stoke City can pick themselves out in the 90,000 crowd thanks to a 10 gigapixel interactive image of the FA Cup Final crowd.

The image was created by photographer Jeffrey Martin from 360 Cities.net, which has previously created 360 degree images of London and Prague. After a practice run at the Semi-Final, Martin positioned himself on the half-way line at Saturday’s game taking 1000 individual images which were then edited and stitched together to have the 360 degree version uploaded 24 hours later (full details on how it was done here).

So far 12,584 fans have created tags on the image. You can also use it to find familiar faces in the crowd, such as Liam Gallagher

 

David Cameron

and designer and City fan Mark Farrow (in the blue jumper, looking nervous)

 

There are also some quite interesting, unintended weird effects created by the joining together of individual images, like this ghostly linesman

See also last year’s Glastotag by Poke for Orange (thanks Matt Booth on Twitter for the reminder)

 

Thanks for reading the CR Blog but if you are not getting Creative Review in print too, we think you are missing out. Our current 196-page double May issue includes the Creative Review Annual, featuring the best work of the year in advertising and graphic design. We also have an interview with David Byrne, a fascinating story on the making of the Penguin Great Food series of book covers and much more.

If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.

Breathe

Afin de créer une vidéo reflétant une expérience sonore et visuelle, Paul Schneider a réalisé “Breathe”. Autour de la performance sportive, notamment en gymnastique et en haltérophilie, cette création maîtrisée est à découvrir dans la suite.



breathe3

breathe2

breathe1

Previously on Fubiz

Copyright Fubiz™ – Suivez nous sur Twitter et Facebook

Wake up with Wim

The Design Museum has released the CrouwelClock, an alarm clock app featuring numbers designed by Wim Crouwel and even wake-up messages from the man himself

The Design Museum is certainly not holding back on the tie-ins to its Graphic Odyssey retrospective of Crouwel’s work. Earlier this year we posted about the Crouwel wallpaper available from its shop: there are also badges, tote bags, notebooks and all sorts of Crouwel-related posters on sale. Added to that is the Museum’s first app, an animated alarm clock for the iPhone ‘inspired by the graphics of Dutch graphic designer Wim Crouwel’, Numbers are displayed in a Crouwel typeface.

So far so as you might expect but then things get a little, er weird. In addition to the numbers, Crouwel has recorded three wake-up messages on the app – wishing you ‘a nice and well designed day’ and reminding you to ‘keep your grid straight today’, and finally ‘a grid today keeps the doctor away’.

The app was created by Spin and Large Blue and costs 59p. Available here

Related content

Rick Poynor on the Cult of Crouwel
Our post on the Design Museum show

 

 

The Creative Review Annual is out now, published as a special 196-page double edition with our May issue and featuring the best work of the year in advertising and graphic design. If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.

Sneaker pixels

Perfect Fools’ latest interactive Converse installation features 480 individually powered Chuck Taylor All Stars, each acting as a pixel in a giant screen

The installation, Perfect Fools say, weighs 400 kg, is 5.5 m wide x 3.6 m high, comprises 20 modules and contains 480 motors. Each All Star shoe has its own servomotor ‘enabling 180° rotation, controlled by three synchronized servers’. The agency then invited musicians to play in front of the wall which responds to the sounds they generate.

The Canvas Experiment installation will appear at various locations in Paris and Berlin throughout this month.

The Creative Review Annual is out now, published as a special 196-page double edition with our May issue and featuring the best work of the year in advertising and graphic design. If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.

rAndom’s Reflex

The long stretch of windows fronting the Wellcome Trust in London plays host to a series of installations: the latest is an interactive light piece by rAndom International

Reflex is the seventh of the Trust’s annual installations and reacts to pedestrians passing by its premises on the Euston Road. It emulates ‘swarming behaviour’ and is apparently based on an algorithm developed to replicate the collective decision making seen in large groups of creatures such as birds or ants.

The piece is constructed from hundreds of brass rods and thousands of LEDs arranged on small custom chips. Reflex recreates ‘stigmergy’, the Wellcome Trust explain, whereby traces left by random actions stimulate further actions that build on one another, leading to the spontaneous emergence of apparently patterned activity.

A short film of the work in action is here.

Reflex is at the Wellcome Trust, 215 Euston Road, London NW1 2BE until April 2012.

The Creative Review Annual is out now, published as a special 196-page double edition with our May issue and featuring the best work of the year in advertising and graphic design. If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.

Why Coke is a red gorilla

New website Brand Toys uses market research data to visualise attitudes towards brands around the world: this little fella, for example, represents how Coca-Cola is seen in India

The site was created by JWT London and is the brainchild of worldwide planning director Guy Murphy and creative director Graham Wood. It works by taking data from Millward Brown’s BrandZ study, using its findings to attribute various characteristics to the final toy relating to attitudes towards the brand’s trustworthiness, familiarity and so on. Added to this is data from social media search engine Social Mention relating to how much online chatter there is surrounding the brand – if general sentiment around a brand is positive, for example, the toy will appear with a bright sun behind it (as with adidas, above). Negative sentiment results in dark clouds appearing, as with grumpy old BP here.

 

The toys have a different body shape according to their scores for familiarity and potential – the most familiar being represented by a big gorilla, as in the case of adidas, above.

Then the toy’s features are determined by further data, eg if there is a lot of chatter about it online, it will have big ears. Other qualities see the toy wearing various accessories: if it is ‘adventurous’ for example it will sport a trilby, if ‘straightforward’ it will have a collar and tie (play around in the ‘Build a Toy’ section to get a full list).

All the toys are created using the same principles so that users can compare how brands are perceived in different territories

 

Or they can compare competitor brands

 

Here’s Apple compared to Microsoft

Users can create their own toy and have it 3D printed as a real life figure using Sculpteo.

JWT are at pains to stress that the toys, though cute, are created using serious data and research so the site has its serious side. But it’s also a lot of fun to play with, especially as it can throw up some bizarre results.

Not sure how YSL would feel about being represented thusly, for example

While Abercrombie & Fitch, despite its painful attempts to create an air of cool preppie aspiration, comes out like this

And BMW looks like it just got back from the Love Parade (the hat signifies that it is ‘assertive’, the rosette ‘trustworthy’)

For anyone used to doing competitor research it’s got to be a lot more fun than staring at graphs and spreadsheets. Have a go here

Credits
Ad Agency: JWT
Global Director in Charge: Guy Murphy
Creative Director: Graham Wood
Art Director: Nik Finan
Creative Technologist: Nik Finan
Planner: Alastair Morton
Production: Unit9

The Creative Review Annual is out now, published as a special 196-page double edition with our May issue and featuring the best work of the year in advertising and graphic design. If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.