Sign up ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using after effects. Is there another way to do that? Thanks.

share|improve this question

closed as off-topic by DA01, Wrzlprmft, Vincent Sep 22 at 12:20

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "If you're asking for help with implementation, please include what you've tried and why it didn't work with screenshots. Please edit your post with what your desired results are, what resources you referenced and why those didn't work. See this meta post for discussion and see this post on how to ask a good question." – DA01, Wrzlprmft, Vincent
If this question can be reworded to fit the rules in the help center, please edit the question.

5 Answers 5

up vote 1 down vote accepted

I was in your situation and I used some tools like and

Appdemostore allows you to test their tool and create one demo for free; however, the pricing plans start from $20 and go up to $120. Giveabrief also allows you try the tool for free. If you are ready to invest, you can buy a full license that costs $199.

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. :)

share|improve this answer
Done. Initially I didn't post the prices because I thought that it might be considered advertising. – Diana Alexescu Sep 15 at 16:17

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.

share|improve this answer

Another option along the lines of invisionapp is 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.

share|improve this answer

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.

share|improve this answer

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.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.