: How to create an animated demo of my webdesign? How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing

@Holmes874

Odd that it hasn't been mentioned yet, but perhaps the most pragmatic way to do this is to use HTML, CSS and JS. Build the actual interactions.

Vote Up Vote Down

@Frith110

I was in your situation and I used some tools like www.appdemostore.com/ and giveabrief.com/.
Appdemostore allows you to test their tool and create one demo for free; however, the pricing plans start from and go up to 0.
Giveabrief also allows you try the tool for free. If you are ready to invest, you can buy a full license that costs 9.

Both of them are very easy to use, just take your screenshots and add what interaction you need. You can include buttons, icons for pinch, extend etc. Hope it will help you. :)

Vote Up Vote Down

@Lee3735518

I've tried a few, and one of the easiest things I've used was Framer.js. The only thing is that it requires a bit of programming, but then again, you have to learn something with every new software.

This is a bit more difficult that invisionapp, but as you can see from the examples page, it's quite flexible, and you can even use the code for the final product depending on how well-put-together it is.

Vote Up Vote Down

@Jessie844

Another option along the lines of invisionapp is marvelapp.com/ Basically it can take your static mockups (psd, png, jpeg, etc) from dropbox and turn them into interactive demos including buttons etc.

It's pretty sweet and free, check it out.

Vote Up Vote Down

@Eichhorn212

For a fair few of my projects I've used Zurb Joyride to allow for a in-page tour for the user, as to not draw them too far from the content at hand.

Vote Up Vote Down