Screen design

Cinematique

Web and interface design for New York start-up. Cinematiques technology adds information layers to HTML5 video - including shopping, sharing and bookmarking functions. The redesign for the site should include an in-depth tutorial on the usage of the video player and its boutique view.

The video player offers an additional level of information beside usual interaction patterns. A click or touch on people and objects in the video retrieves informations or goods that could be bookmarked, shopped and shared.

Explaining the boutique view

The teaser area of the site explains the various functions of the video player. A simple example serves as an introductionary lesson to the boutique view: Garments can be put together as a look by click or touch interaction. These products are automatically bookmarked inside the boutique view. For clarity reasons the various functions of the boutique view are explained with abstracted and schematic illustrations.

All areas of the site are built responsive and search engine friendly, a single code base serves all devices and browsers and makes the site easy to maintain. Buttons and icons inside the interface are optimized for touch interaction.

Project details

Client
Cinematique

Agency
Bureau für Gestaltung Mutscheller

Worked on
Conception / Design / Art Direction