TwoPoints.Net | Tonangeber
graphic design, food, photography, barcelona,
22034
single,single-portfolio_page,postid-22034,ajax_fade,page_not_loaded,,select-theme-ver-1.7.1,wpb-js-composer js-comp-ver-4.3.4,vc_responsive
TPN_Tonangeber_Website

Tonangeber is a project by Ani and Beda. They make playlists and share them for free on www.tonangeber.ch. TwoPoints.Net was hired to realize their website, but ended up designing a flexible visual system which allowed Ani and Beda to design for each of their playlists a new cover. The visual system was implemented in a programme, the “supertool”, which was custom-made with processing for Tonangeber. Visit Tonangeber!

 

Client: Tonangeber
Year: 2012-2014
Web Development:supernodegree
Tool Development, Video & Audio: superhannes
Typeface: VLNL Tp Kurier Calligraphic
TPN_Tonangeber_Vinyl_1
TPN_Tonangeber_Vinyl_5
TPN_Tonangeber_Vinyl_3
TPN_Tonangeber_Vinyl_2
TPN_Tonangeber_Vinyl_4
The visual concept. Compiling playlists is like going on an expedition for Ani and Beda. They are searching for rare musical treasures. The graphics for the playlists are like small collections of rare, but beautiful treasures. They should remind you to minerals in a petri dish.
TPN_TonangeberSupertool

Using the Supertool, Ani and Beda can create their own graphics, within the parameters of the visual system. Five forms are arranged around a imaginary circle. They can rotate, change position, shape, color and texture. The shapes are constructed with points which can move in a grid. Like this variations of the basic forms are created. The generated graphics can be exported and used on the website as a cover of a playlist.

TPN_Tonangeber_Cards
Developing the system has been more complex than expected. The visual system had to be flexible enough to express the mood of each playlist, but as well coherent enough to create a recognizable brand. Especially the diversity of colors in elements and backgrounds had to be planned very carefully, so every combination would work.
TPN_Tonangeber_Posters
Developing the system has been more complex than expected. The visual system had to be flexible enough to express the mood of each playlist, but as well coherent enough to create a recognizable brand. Especially the diversity of colors in elements and backgrounds had to be planned very carefully, so every combination would work.