TEDxGhent 2016 #BitsOfLove

Crowdsourced & Living Event Identity

nøcomputer
Jan 31, 2017 · 5 min read

Generative identity for TEDxGhent 2016 Main Event forming itself real-time by using attendees’ voices as primary source of input.

Recorded ‘soundbites’ of attendees were used to create virtual 3D audio-sculptures during the event. The collection of all these colourful sculptures gave birth to the overall event identity, being pushed across different touch points: booklets, tote bags, t-shirts & signage, social media and content for the 16 m/52 feet wide projection screen at the main stage.

Besides concept, design & development of the overall identity and interactive installation (recording booth), we also provided production support and created audio reactive animations for one of the speakers.

Curious how this was created? Keep on reading!

Project Outline

Being present all over (screens, online/offline communication, signage, program leaflets, tote bags, …) these sculptures contributed to the great atmosphere present at TEDxGhent.

Applications

Recording booth installation to generate sculptures

As part of the online communication plan, all generated content was being used in external communication (website, bannering, …). Every attendee could see/share their personal artwork via a dedicated Twitter account, which created some online buzz during the event.

While developing the overal identity, we also provided artwork for offline communication (program leaflets, signage, …) and designed monochroom versions to be used on tote bags & t-shirt designs.

Monochroom designs for tote bags & t-shirts

TEDxGhent is all about the talks & speakers, so getting quality content onto the 16 m/52 feet wide projection screen at the main stage was key. For this we created real-time animations, fly-throughs/macro zooms, bumpers, … and integrated speaker presentations in visuals being displayed. During the event we also provided production support (aka pushing knobs & sliders).

Stage projection design with room for a live video-feed & speaker presentations

Creating an immersive experience without sound is just not possible, so we teamed up with Klankwerk, who are specialized in audio/sonic branding. Thomas created a unique TEDxGhent brand score and provided a signature tune which was used while introducing speakers.

Overall this has been an amazing project, thriving on creative collaboration, teamwork and — above all— trust. We would like to thank everyone involved & hope to see you next year at TEDxGhent!

Want to know more about our creative process? Keep on reading!

Real-time audio reactive content displayed on a 16 m/52 feet wide projection screen

Creative Process

Since it’s all about the journey, we try to document every step along the way. So here’s the making of, shedding some light into our process…

1. Audio Analysis

Sound is a continuous stream of amplitudes — Time domain vs. Frequency domain

2. Getting the shape right

Exploring different approaches to visualize audio data

Eventually we landed on mapping frequency data (from bass to treble) on a circle, with the radius of the circle representing the length of the audio sample (time-based). Simple but effective…

The next step was to convert these 2D representations into 3D space, thus giving birth to the actual sculptures. This conversion took a lot of fine-tuning and tweaking in order to create a solid base that reacts well to all kinds of different audio sources. But it’s what we love to do: just playing around and exploring ideas/systems.

Data mapped on a circle, where the radius equals the length of the audio sample (time-based)

3. Adding Color

In the initial explorations we were using a multi-color approach, but soon realised that having 500+ rainbows on a big screen was not going to work. Everything started to look the same and did not represent the uniqueness of each sculpture. Back to the drawing board…

When in need of color, add rainbows

The final solution was found in toning it down and limiting the use of color to random, complementary color palettes. Having a slider in there to quickly change hues (real-time), allowed us to explore different color combinations.

4. Adding Personality

Let there be light (and material)

Read more

Thank you

nøcomputer

Written by

Interactive things for future screens