Jochen Winker
Thumbnail.jpg

Tentactile

Tentactile
Website

Concept, Art Direction

In September 2012 I founded the design studio tentactile with two colleagues.

We specialized in interactive exhibits, generative design and user experience design. 

"Ten" was standing for the ten fingers of our hands with which we explore, feel and experience our world. "Tactile" expressed the haptic element of our design: We made interactive design tangible. This resulted in an artificial word that is deliberately reminiscent of "tentacle" and should express the fact that we want to feel, explore and experience new areas.

In order to visualize these new areas and the partly unexplored application possibilities in a charming way, we created an illustration for our website. It showed our logo, a small octopus rising from the sea to the shore of an unexplored island.

Over time we have added many details to the island. Over months, a small story was created for regular visitors to the website.

We created the illustrations in Cinema 4D and Photoshop.

Since May 2014 we continue our work with new colleagues under the new name 17K
I left the company in early 2015 but my former colleagues are still creating awesome interactions.

 

Dynamic appearance

The illustration and with it the whole website changed according to the time of day and the season. After sunset the island was shown at night, in winter snow lay on the trees and ice floes drifted in the sea. Some details like the falling snow were animated.

Agency
17K (formerly known as „tentactile“)

Date
Oktober 2012

One page design

The website consisted of a single page on which all content was displayed.
By clicking on a menu item, the view scrolled to the corresponding area. As a special feature the illustration extended over the entire page and the visitor could scroll down from the earth's surface, through the ocean, layers of earth and rocks to the magma in the earth's interior. Each of these areas was assigned to a menu item. 

Graphic elements such as stars in the night sky, fish and air bubbles under water were randomly placed on each page reload. All graphic elements of the illustration moved at different speeds during scrolling to create a three-dimensional impression.

 

Details

In addition to many details and allusions in the illustration, we also paid attention to details in the interaction and included the page content in the illustration. For example we let the fixed navigation bar dive into the sea or scratch layers of earth and rocks.

 

Facebook cover pictures

On our Facebook page we used the illustration as cover picture.
Here we created even more different motives for different occasions. So there were suitable motifs for Christmas, New Year's Eve or for the "end of the world" on 21 December 2012.