Work · 2015–2017

Resaphene Suisse · tinniwell

For Resaphene Suisse, we turned the prototype of a tinnitus device into a product anyone can use without prior knowledge. Brand, casing, screen, packaging and manual come from one studio and speak the same language.

Services
  • Wordmark, symbol and style guide
  • Casing and product renderings
  • Touch interface
  • Packaging system
  • Device manual, 40 pages
  • Roll-fold flyer, roll-up banner, advert
  • Website icons
Year
2015–2017
Online
resaphene.ch
The tinniwell device on a wooden table in front of a sofa, the touchscreen showing the music player with its three modes: notch, counter-phase and overlay
The brief

With tinniwell, people with tinnitus find its frequency themselves and then listen to music in which exactly that tone is filtered out, mixed in out of phase or overlaid. Noise-cancelling headphones and warming earphones are part of the kit.

All of this happens at home, with no specialist beside you. So every part had to explain itself, from the first look at the lid to the last message on the screen.

Brand

The symbol shows how the device works: sound meets anti-sound, and what remains is quiet. A brand that explains its product before anyone asks.

SoundAnti-soundSum1 e1 eWarmthSilence
  1. 01 / 05The idea is inside the device. tinniwell works with anti-sound: a sound wave is joined by a second one in reverse phase.
  2. 02 / 05Wave plus counter-wave equals quiet. Peak meets trough, and the two cancel each other out. That is exactly the promise the brand should show.
  3. 03 / 05Reduced to the essentials. One period remains of each wave, a peak above, a trough below. Two sweeps that together make one mark.
  4. 04 / 05Measured by the small e. Every spacing in the logo derives from a single letter: symbol and lettering sit one e-width apart, and so do the lines. That keeps the brand balanced at any size.
  5. 05 / 05Cool and warm in one mark. The colours tell the story of the treatment: a cool wave for quiet, a warm one for warmth. You feel the difference before anyone explains it.
Style guide page on colour: blue gradient, orange gradient and black with CMYK, RGB, Pantone, HKS and RAL values
Casing

The TTG 1 prototype had a rotary knob, coloured buttons and LEDs. It worked, and it looked like a lab. We turned it into a device that fits in one hand and no longer looks like technology on the living-room table.

Rise 3.6 mm155 mm97 mm4.3 inch · 480 × 272 px28 mm
  1. 01 / 05The starting point: TTG 1. Rotary knob, coloured buttons, LEDs, a segment display: a prototype thought out from the engineering side. The finished device, though, was meant for someone without an engineering degree.
  2. 02 / 05One screen instead of many buttons. A touchscreen takes over what knobs and buttons used to do. A single button remains on the front.
  3. 03 / 05A curve you feel more than see. Just 3.6 mm of curvature, and the device no longer looks like technology.
  4. 04 / 05Handy, not small. It sits in one hand, and its buttons are still big enough for a whole thumb.
  5. 05 / 05All connections on one side. Headphones, earphones, USB stick and power all live along one long side. The front stays free for what matters.
Interface

A touchscreen replaces knobs and dials, and the home screen gets by with two large buttons. Everything is designed, right down to the message that the headphones are plugged in wrongly.

Two ears, two colours. You understand it before you read it. For first-time use, a quick guide takes everyone by the hand, in eight steps to the start.

Title with counter, arrows to page throughExitText in orange480 pixels272 pixels
  1. 01 / 08The same order everywhere. All eight screens share the same frame: title at the top, arrows in the corners, the exit on the right. Whatever needs doing always lights up in the same colour. Understand one step and you understand them all.
  2. 02 / 08Show, don’t describe. Instead of ‘the third socket from the left’, the guide shows the side of the device as a drawing and marks exactly the connection that matters.
  3. 03 / 08One step, one connection. The marker moves along: in step three, to the noise-cancelling headphones.
  4. 04 / 08Recognise, don’t search. When a function comes up, the guide shows the button exactly as it waits in the main menu.
  5. 05 / 08Always a way back. The round home button leads to the main menu from anywhere. After that, the headphones can come off.
  6. 06 / 08Two ears, two sockets. For the warming earphones, both connections light up.
  7. 07 / 08The marker adapts. For the USB stick, the circle becomes a rectangle, just like the port itself.
  8. 08 / 08And off you go. At the end, the start button is waiting, and ‘Zurück’ (back) becomes ‘Fertig’ (done). No more introduction needed.
Home screen: large buttons for Settings in blue and Start in orange, with Help and the time beside them
Settings with tabs for frequency, volume, phase and noise, two sliders, buttons for the left and right ear below
Screen for setting the time with plus and minus buttons for hours and minutes
Message warning that the headphones are plugged in wrongly and asking you to check the connection, with an orange warning triangle
Packaging

Before anyone switches the device on, they open the box. Inside, every part has its place, and the lid sums it up in one line: ‘Tinnitus-Linderung für zu Hause’, tinnitus relief at home.

White box with lid on a parquet floor: the device and the tinniwell lettering on top, ANC headphones and in-ear earphones with a warming function on the side
Manual

The manual walks through every screen step by step, picture and explanation always side by side. At the back, a map shows the entire navigation on one page, for anyone who likes the full picture.

Visualisation: printed tinniwell manual, closed and open
The manual, in print. Visualisation.
Communication

Slider, note, thermometer: each icon sits in a circle that fades out like a vibration, and all three carry the flyer, roll-up and website. The advert turns a request for attention into an invitation: ‘Leihen Sie uns Ihr Ohr’, lend us your ear.

Finding the tinnitus toneFrequency-filtered musicWarming function
  1. 01 / 03Drawn from a single line. Every icon starts the same way: a line runs in, closes into a circle and fades out as a vibration, like a tone.
  2. 02 / 03Inside the circle, what it is about. The sliders stand for the first part of the treatment: finding your own tinnitus tone.
  3. 03 / 03Three steps, one family. Note and thermometer follow for music and warmth. Circle, vibration and stroke stay, only the motif changes. The whole treatment in three icons.
Visualisation: tinniwell and Resaphene Suisse AG roll-up banner in the foyer of a conference centre
The roll-up in the foyer. Visualisation.
Next
Next projectiSL Software

Planning something similar? info@vertikahl.com