DEPO Demo album

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

53 demos

Connect

The Connect page — partner and free magazines, people — laid out ten ways: vertical grids and stacks, and rows that scroll sideways under the mouse wheel.

1–5 of 14

Per page 5 10 20 50

–/10 0 comments

Connect · Spotlight

demo46's Connect page with a spotlight: the card under the pointer lifts and shows city · genre · issue while the rest of its row steps back into grey, and the rows fade out at the edge where more cards wait. Same rows / grid switch, same site sizes.

Read the post Open the demo

–/10 0 comments

Connect · Frames

demo46's Connect page with a frame for every kind of card: partner issues in a gilded frame that turns and catches a sheen on hover, free magazines in a matted silver mount that warms up on hover, people in a DEPO-green ring. Same rows / grid switch, same sizes as the site.

Read the post Open the demo

–/10 0 comments

Connect · Site Rows

The dev0 Connect page as it is — banner, PARTNERS, FREE, People with the site's cards, pills and arrows — plus a rows / grid switch for the whole page: 220 partner issues in two sideways rows that always fit the screen, free magazines and people in one row each.

Read the post Open the demo

–/10 0 comments

Connect · Pinned Scroll

The Connect page with PARTNERS as a pinned scene: the page scroll slides the partner magazines sideways one spread at a time, with a big counter and ticks; then the free titles on a two-row rail and the people on a one-row rail, where the wheel scrolls the row.

Read the post Open the demo