DEPO Demo album

Every page we tried for DEPO, one post each: what it is, how it was built, how it looks.

53 demos

All demos

31–40 of 53

Per page 5 10 20 50

–/10 1 comment

The Deck, Real Paths

The second version of demo18. Every page has its own address (/demo19/gallery, /demo19/contact-us) and is rendered by PHP for a first visit or a search engine; moving inside the site fetches only the next page's block and plays one of three transitions — drop, side or deck.

Read the post Open the demo

–/10 0 comments

The Deck

The whole DEPO site as one page that never reloads. The header stays put; every opened menu page becomes a slide in a horizontal deck, the old one slides off to the left, and pages already opened keep their scroll. The address changes (?p=gallery) and Back / Forward move the deck.

Read the post Open the demo

–/10 0 comments

Orbit

The community as a constellation on a dark forest ground. Portraits and magazine covers circle the DEPO eye on two tilted rings that follow the pointer and the scroll, then unwrap into a grid of people. Choosing a role turns a second orbit; the close is a ring of faces.

Read the post Open the demo

–/10 0 comments

Turn the page

The hero is an open DEPO issue on a deep green ground. Its 18 pages turn in 3D by click, drag, swipe, arrow keys or the contents page, and the first pages turn by themselves as you start scrolling. Below it, faces in parallax columns, a role chooser and the closing call.

Read the post Open the demo

–/10 0 comments

Studio light

A dark photo studio where one warm key light does all the work. In the hero it follows the pointer and reveals the colour portrait over its dim copy, with a Warm/Cool, Soft/Hard console; below, faces walk through a fixed light and each value switches on like a lit set card.

Read the post Open the demo

–/10 0 comments

The Index

DEPO set like a luxury publisher's index. Huge Didone lists of magazines, people and roles on a cool grey ground, real covers trailing the cursor, a hovered row's picture following the pointer, and one pinned deep green chapter for the values.

Read the post Open the demo