Refresh of the design for the Toyota Canada Hybrids Page. Objective was to include infographic elements throughout the page to educate the consumer on how their hybrid vehicles work, including an interactive hybrid calculator.
Icon designs for hybrid features
infographic carousel sequence on how hybrids work
Hybrid Calculator
One of more important features on this page for the client was a hybrid calculator, allowing users to compare their current vehicles with the hybrid in an interactive component, showing outcomes in terms of savings, performance, and environmental impact.
Previous iterations of the hybrid calculator included more illustrative and colourful versions. The client decided on a more editorial style for the calculator, with simple visualizations to represent the type of data being calculated.
full pages and Breakpoint Variations
