Studio Jop van der kroef

View Original

Interface design voor PhotoArchives

STUDIO EXPERIMENTS 🧪

How to design and animate stacks of photos for an online archive

SOFTWARE

THE FLOW

The basic animation flow contains stacks of photo’s sorted by year. Visible by scrolling. To get a glimpse of the stack hover the top card. The first impression will pop out, and a summit of the text will be shown.

  • To open a certain period click the stack

  • To get info on particular images, hover te photo

  • By clicking the image it will be shown full screen

State 1 – Basis

State 2 – hover

State 3 – open