Edd Hannay — Portfolio

Projects

Edd Hannay

I’m a Freelance web developer based in London. This is a portfolio, showing off some of the sites & projects that I’ve worked on in the last few years. If you’re using a recent browser, there are videos of some of the projects.

This portfolio will be updated infrequently. More up to date information on what I’m doing can be found spread across various social networks, listed below. Feel free to get in contact by email.

Email
Twitter: eddhannay
Flickr
Flickr: Edd!
Last.FM
Last.FM: gingerninja
Linkedin
Linkedin

Exile on Main Street iTunes LP

Description

iTunes LPs are a bonus content that comes with downloadable albums, lying somewhere between DVD menus & extras and CD/Vinyl cover art. In Apple’s own words, they are:

  • “The visual experience of the record album returns with iTunes LP. Download select albums and experience a beautifully designed, interactive world right in your iTunes library on a Mac or PC — many are created by the artists. While you listen to your favorite songs, you can dive into animated lyrics and liner notes, watch performance videos, view artist and band photos, and enjoy other bonus materials. And become an even bigger fan.”
    Apple.com

LPs uses Apple’s Tunekit Javascript library, HTML5 <audio> and <video> tags to provide a rich multimedia experience. CSS 3 and Webkit animations give some nice transitions between the various sections.

The deluxe 40th anniversary re–release of The Rolling Stones’ Exile on Main Street contained various pieces of memorabilia including a bonus disc of unfinished tracks and a detailed photographic history of the recording of the album. The iTunes LP release aims to bring much of the content from the physical package to the digital realm, being provided as a free extra when the user opts to buy the bonus tracks. You can purchase it exclusively on iTunes, where it topped the US/UK Rock Charts, and was overall number 1 on the week of release in both countries. The video gives a brief overview of a few of the features in the extra content.

Credits

Design
Studio Fury
Build
Me for Outside Line
Link
itunes.apple.com

Girl Talk — Feed The Animals

Girl Talk

Description

Made for fun as an investigation of the potential for iTunes LPs to do more than just replicate a physical CD package. It’s a place to have a dialogue with people who have bought your album, and it has the potential to do so much more than DVD extras. This site was an exploration of what was possible. Girl Talk is a mash-up artist, making up new songs from the samples of well known pop tunes. Some dedicated fans started analysing and documenting which samples appear on the album, and eventually Andy Baio over on Waxy.org posted a nicely formatted, checked list. I took this list and made a site that would use the Spotify and iTunes APIs to get more information, including clips and album covers for each sample, displaying them as they were played in the song.

It took off a bit, with a few mentions on some of my favourite music sites, including:

Also linked from Portland Mercury, Coolhunting.com, Waxy, Girl Talk & his label’s Twitter and Facebook accounts. Thanks, people!

Links

Link
gingerninja.org/feedtheanimals

Love Never Dies iTunes LP

Description

This iTunes LP for Andrew Lloyd Webber’s Love Never Dies was designed by Outside Line, it was Universal Records’ first iTunes LP.

Designed to closely match the DVD packaged with the physical deluxe version of the album, the LP provides an alternate interface for playing the soundtrack, behind the scenes photographs and a documentary about the creation of the hit musical. “The Phantom’s Scrapbook” let the user browse through a few of the Phantom’s keepsakes, using Javascript and Webkit animations to provide a smooth panning effect across a desktop.

You can purchase the Deluxe Edition of the soundtrack exclusively on iTunes.

Description

Design
Outside Line
Build
Me for Outside Line
Link
itunes.apple.com

Edinburgh Twestival Twitter visualisaiton

Description

I designed and built a Twitter/Flickr visualisation for the first Edinburgh Twestival in January 2009. Throughout the evening it was projected above the downstairs bar, showing #edtwestival related tweets and images as they came in. It pops up a few times in the above segment that Scottish TV broadcast about the event.

Since early 2009, the idea of Twitter visualisers has really exploded. My favourite is Twistori desktop, which I have used at a number of events since (for example Kings Place Festival 2009). The inspiration for the Twestival visualisation came from Peter Gregson’s “The Words On The Wall” concert series.

Credits

The video is from STV, via Jim Wolff

Miscellaneous sites

Description

Having been a professional web nerd for about 4 years, I’ve worked on a lot of sites. Here are a few that aren’t highlighted elsewhere, which were built while working for two London-based agencies: Outside Line and thirty3above.

  • Belvedere Vodka

  • Lactofree 2008 site & iPhone restaurant finder

  • Montebello Communications

  • Henry Poole