Big images and full screen background video. HTML5 video is fast and is being used very effectively as backgrounds, replacing the function of carousels and sliders. Above is an example by Joseph Joseph.

Big images and full screen background video. HTML5 video is fast and is being used very effectively as backgrounds, replacing the function of carousels and sliders. Above is an example by Joseph Joseph.

Interactive web graphics instead of infographics for more effective story-telling, giving users a more engaging experience. This example is from the Future of Car Sharing.

Interactive web graphics instead of infographics for more effective story-telling, giving users a more engaging experience. This example is from the Future of Car Sharing.

Unique Navigation Menus. Mega menus with imagery and secondary information. Above is an example by Apple.

Unique Navigation Menus. Mega menus with imagery and secondary information. Above is an example by Apple.

Micro-interactions. These are small integrations such as posting a status, rating an article or liking a comment. As well as being useful by providing feedback, they encourage engagement. This is from a news story on The Guardian.

Micro-interactions. These are small integrations such as posting a status, rating an article or liking a comment. As well as being useful by providing feedback, they encourage engagement. This is from a news story on The Guardian.

Scalable Vector Graphics (SVG). Instead of linking to fixed size images on your page, SVG’s are defined mathematically and re-draw themselves, so they don’t pixelate.​ SVG’s are also responsive meaning they can render differently for different devices and improve the performance of your website as there is no image file to download. A vector graphic is shown above on the left, sharper and crisper compared to a png on the right.

Scalable Vector Graphics (SVG). Instead of linking to fixed size images on your page, SVG’s are defined mathematically and re-draw themselves, so they don’t pixelate.​ SVG’s are also responsive meaning they can render differently for different devices and improve the performance of your website as there is no image file to download. A vector graphic is shown above on the left, sharper and crisper compared to a png on the right.