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

Animating Train Ticket checkout in Adobe XD Tutorial

Animating Train Ticket checkout in Adobe XD Tutorial

Jop van der Kroef
Tutorial, Adobe XD

STUDIO EXPERIMENTS 🧪

App animations in Adobe XD for ticket checkout

 

SOFTWARE

 
 

THE FLOW

The basic checkout flow contains four simple screens to complete the process. Small micro animations are added to make the design playfull and make the checkout process more accessible.

 
 
 
 
 
 
 

🖤

Thank your for watching!

 
 

Please note! This is just a fun and quick way to experiment with design, animation and software. If this was a real life project, I would off course use a different approach and more then 5 hours to make the screens user friendly and also apply functionalities 👐🏻

 
How to Animate a bottom bar for apps in Adobe XD

How to Animate a bottom bar for apps in Adobe XD