WELKOM, ik ben Jop van der Kroef, freelance UX & UI Designer werkzaam vanuit HAARLEm.

Interface design voor PhotoArchives

Interface design voor PhotoArchives

Jop van der Kroef
User Interface design

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

 
 
 
 
 
 
 
 
 
 
 
Creating a youtube animation in Adobe XD

Creating a youtube animation in Adobe XD
How to Animate a bottom bar for apps in Adobe XD

How to Animate a bottom bar for apps in Adobe XD