While working on a browser-based SVG tool, we explored the potential of SVG in responsive design, animations and interaction. We wanted to build a website to showcase our findings on the future of graphics on the web. As I am an avid tea drinker with keen interest in infographics, I thought of illustrating interesting facts about tea for the website. I researched about tea from origin to consumption, from statistics to traditions and created a storyboard to demonstrate interesting SVG capabilities. The interactive website can be viewed at www.svgstories.com
SVG , Infographics , Story telling , Tea , Illustrations
Webpage illustrations to showcase the potential of SVG
This video was created to communicate the interactions and animations that had to be coded into the site. We also used it as a teaser to gain momentum for our talks at international conferences like The Graphical Web and SXSW 2015.
The illustration style is simplistic with the use of vibrant colors. Every frame has at least one element that transitions or transforms to the next frame for continuity.