Lumiere 2013

Responsive site for a city-wide light festival around Durham and Derry.

A montage of screenshots from the 'Lumiere 2013' responsive website, with mobile and desktop views.

Worked for

August Media

Client

Artichoke

Project length

8 weeks

End date

April 2013

Every other year since 2010, the event company Artichoke have staged a city-wide light festival in various cities around the UK, where local artists and engineers who specialise in light installations exhibit their work.

Working closely with strategists and developers, I led the concept, IA, and look and feel for LUMIERE’s site redesign, where we designed a responsive framework which evolved and changed during three key phases (which we called LUMIERE Live internally).

A complete screenshot depicting the 'Lumiere 2013' home screen.
The home screen was designed to be a hub for users to get a general sense of what people were talking about (which we called LUMIERE Live). Posts and messages were pulled in from various sites and social platforms to contribute to this.

Phase 1: Before the event had begun we designed the site to be very blog centric, where content focussed on installation stories, progress on setting up, and stories from the volunteers.

Phase 2: During the event we created a strong focus on maps and directions using Google Maps API, where users could set up the best routes between parking spots or train stations to installations. We also integrated Twitter to create a consolidated space for LUMIERE-based conversation.

Users could navigate around the map to find installations which suited them as depicted in this screenshot.
Visitors could explore installations via a map view. We utilised the Google map API to provide functionality like route plans.

Phase 3: After the event had finished we used content from the previous two phases and created an archive. This included conversation highlights from Twitter, blog posts from volunteers about how the event went, and thoughts from the artists and engineers who made it all happen.

Various mobile views of the website.
The site was fully responsive so users could view the full site on their mobile devices.