Interactive Infographic

Behind the design

Through the dissection of the subject of veganism, this infographic took a life of its own as the lines connected into shapes, and the shapes became our friendly carrot guide. Designed as two dimensional—or flat-style—the illustrations are kept simple to focus on the key talking points about a vegan diet. Earth tones accented with warm orange shades were chosen to keep the design organic. The sans-serif, handwritten typeface brings playfulness to the design, and is displayed strictly on titles. For longer paragraphs of text, a slab-serif font is used for optimized legibility.

Improving on the first round

Static infographics are saturating the market. When conveying complex information, printed infographics can overwhelm the viewers before they can read the full piece. By merging it with the online world—using instances such as click, hover, and scroll, on any devices—users can interact with the content. By choosing their direction with the given information, the content becomes personalized to their unique interests.

Printed infographic

Making it interactive

When revamping the effectiveness of this static infographic, it was imperative to use the magic of motion graphics. Implementing 3D spaces, index positions, parallax effects and smoothing transitions through the graph editor were used to achieve this interactive infographic mock-up.