More Work

RingBeats

Turning everyday sounds into shareable beats

Team coursework · Brand interaction concept · Webflow prototype

RingBeats is a participatory music concept responding to a Tuborg brief. It proposes using the Sound Ring as a QR entry point for capturing or selecting everyday sounds, shaping beats and sharing them with others.

My Contribution | Brand Concept & Experience Planning · Web Prototype · Storyboarding

Complete original RingBeats coursework concept board: RingBeats wordmark, Insight, Idea, Execution and a hand wearing the Sound Ring.
Sound Ring · Brand interaction concept for a coursework proposal

Concept Film | From Everyday Noise to Shared Music

The storyboard connects everyday stress, the Sound Ring, QR-based music creation and community sharing, using a consistent visual language and pacing to communicate the brand experience.

Play with sound.

1:57
Concept Film · AI-assisted Visualisation

01

From Noise to Creation

Design question

How might everyday noise become material for creating and sharing music?

Design response

Use the Sound Ring as a QR entry, inviting participants to capture or select sounds, shape beats, share their work and respond to others.

Proposed experience

  1. Enter

    Scan to open the web experience.

  2. Choose sound

    Record, upload or select a sound.

  3. Create

    Remix and preview.

  4. Share

    Name, save and share the track.

  5. React

    Listen and leave a sticker reaction.

Proposed extension: bringing participant-created beats into a shared DJ or festival experience.

02

Web Prototype

I organised the web prototype into Play, Remix and Community, using anchor navigation to connect entry, creation and response.

Remix | Adjust & preview

Original Remix prototype with navigation, upload entry, tracks and slider handles.

Tracks and slider handles communicate how a sound could be adjusted and previewed.

Community | Listen & react

Original Community prototype with navigation, playable work cards and sticker reactions.

Playback and sticker reactions offer a lightweight way to respond, without requiring a written comment.

Prototype scope: Webflow presents the navigation and interaction approach. Pre-generated AI music illustrates the intended output; live recording and real-time remixing were not fully implemented.

This project helped me translate a brand concept into participation steps, using a web prototype and storyboard to communicate one connected experience. Next, I would prioritise testing a working audio-creation flow, recording-privacy prompts and whether participants can understand and complete the main tasks.

Back to More Work