After your latest web design is done and you’re ready to add the project to your portfolio, it’s time to show it off. Your website visitors (and prospective clients!) will want to see the awesome website or application in action. Great imagery is key, and in the digital space, there will be times when you want to illustrate project functionality. Showing screenshots in an animated format may be the perfect solution.
I’m sure you’ve seen the cool, simple animated screenshots that show how apps or websites work. This gives the user a better idea of how certain tasks are performed while also showing what features are available. A video is certainly an option and definitely has an important place on the web. In-depth product videos or case studies definitely benefit from a video format. A simpler, more file-size conscious choice may be what you’re looking for, however, such as an animated GIF.
Screenshot setup for gif´s
Whether you say “GIF” or “JIF,” it’s important to remember that GIFs can be more than just funny cats and movie clips with a clever tagline. Project GIFs should be designed to be eye-catching and carefully planned to show design functionality. Animating interface elements is both a functional and aesthetic purpose, so a GIF file shows this. How about demonstrating the menu and the options it presents? How about showing how scroll works? Showing functionality helps the user clearly see how the app or website functions.
If you want this to keep looping in Photoshop, make sure that “Forever” is selected. If there is a set number of loops, that value can be entered.