Zoom your way to a yummy treat with Storyline

Last week’s e-learning heroes challenge was all about zooming images in e-learning.

Now, I love desserts. I love to make them, I love to share them, I love to eat them. So, for this challenge I decided I’d create a desserts menu in Storyline.

 

Elegant dessert menu
Delicious treats

Design

dessert2
Minimal and elegant

I started with a wooden background simulating a tabletop and a clipboard for a menu, but decided it looked a bit too rustic for my yummy dessert images, so I changed tack and settled on a minimal, elegant, white theme.

I really like drag and drop interactions so I combined drag and drop with zooming. I created black and white thumbnails of my desserts to be dragged into the menu. When the user does so, the image zooms in to glorious colour using a circle entrance animation. I added a close button to each zoomed dessert, but also the ability for the user to simply drag another thumbnail onto the zoomed image. To finish it off, I added some elegant, classical background music, ’cause that’s how I eat my desserts.

Try it for yourself by clicking Play below and let me know what you think in the comments. It works great on PC, tablet and phone.

 

 

Click to experience the demo
Click Play above to experience the demo

 

 

 

Share This:
Facebooktwittergoogle_plusredditpinterestlinkedintumblrmail

What do you think? Let me know...