Our work
Benjamin Britten
Digital platforms for 20th-century composer

Benjamin Britten was one of the 20th-century’s great composers. He is particularly known for his operas, but also for choral works and many song cycles. See how we designed multiple digital platforms for this iconic artist.

A UX / UI partner

Working in collaboration with technical partner System Simulation we led the user experience design for the project that included defining a site map, user profiles, user journeys and wireframes. The creative user interface design involved the identification of 20 templates that would be optimised for desktop, tablet and mobile. Finally the creation of three HTML5 interactives brought the site to life with an interactive timeline of Britten’s life, a music sampler and an interactive map of Britten’s Red House.

Designing for a bespoke CMS

The home page was designed in flexible modules to enable fresh content updates. With careful attention paid to information hierarchy, the audience is guided through the website experience using clearly defined signposts.

Mega menu

The mega menu allows users of the website to see at a glance the main pages within each top level section. By using a simple rollover they could see visual images and descriptions about each page without having to click into it to read the content. This has resulted in an improved user experience.

News grid

The creation of a bold grid of news allowed the audience eye to scan visually across the updates of Britten’s legacy from around the world.

Interactive timeline

This HTML5 interactive timeline documented the birth of Benjamin Britten all the way to his death in 1976.

Browse in decades

The timeline operated on a horizontal scroll that could be browsed in decades. Every key event was represented by a title and thumbnail that could be expanded upon with a simple click or press on touch-sensitive devices.

Interactive music sampler

This interactive music sampler was created to help an uneducated audience to experience the best of Benjamin Britten’s music using a playful variety of different filters for the music. The audience could filter on: top 10, mood, genre, instrument, writers, speed, date and text search. The visual pictured above is the “speed” filter where the audience could drag the slider on the metronome to browse the different Britten tracks that matched the specified speed.

Interactive map

The HTML5 interactive map explored Britten’s Aldeburgh as well as a 360-degree tour of the rooms inside The Red House. The design involved the creation of original watercolour artwork for the bird’s eye view of Aldeburgh in Suffolk.

Britten’s Song Catalogue

Microsite containing a database of all of Britten’s songs, searchable by date, duration, accompaniment or voice type.

War Requiem microsite

An interactive timeline where related videos appear during the performance. The main performance continues to play unless you choose to launch the related video. The microsite also included panoramic 360 tours of Britten’s studio space.

Can we help with your next project?

Contact
Let us help you with your next digital project
Why the trees?
So what does a forest of trees have to do with UX web design? It’s not that weird – take a look at how we see it.