Creators - Website

Flipbook Index · one screen, a deck of works, a colour for each (HTML template)

Hook (one line): No page to scroll. Turn a deck of your works; the whole screen changes colour with each one.

Short description: A one-screen portfolio in the manner of the best design-studio sites. The wheel, the arrow keys, a drag or a swipe turn a 3D drum of cards, one per work. The ground changes colour, the work's name streams behind, and a panel opens the work, then expands to the full case with a gallery and credits.

Description: Some work is best shown one piece at a time, with nothing else on the screen. This template is a single screen. Twelve cards (or thirty; any number) sit on a drum that the visitor turns with the wheel, the keys, a drag or a swipe. Each work brings its own colour to the whole page and its name streams across the screen behind the deck in huge type. A pill at the bottom names it and opens it.

The panel is two layers. Opened, it shows the photograph, client, role, year, a short text and links. Click it, or press its button, and it expands to the full case: gallery, longer text, credits. About lives in a second panel that expands the same way.

• 3D drum in CSS, no WebGL, works on every phone
• A ground colour and ink colour per work, set in content.js
• Streaming name, dot rail, pill, keyboard support
• Side panel that expands to a full case with gallery and credits
• Every word, colour and image in one file, content.js
• 

Tags: portfolio template, design studio website, one screen, interactive portfolio, html template, 3d, showcase, agency