Watson's Cable Concrete Infographic Project

IECS Cable Concrete

Web Infographic

PROJECT
DETAILS

project-image

Project Goal

My project partner and I were hired to build a client-based project through Fanshawe College. The goal was to visualize the environmental and economical value of using IECS' cable concrete compared to conventional rip-rap. The application is designed as a visually pleasing and friendly web infographic with a linear story. Its purpose is for customers and IECS employees to utilize it as marketing tool.

Date

Summer 2019

Target Audience

Cable Concrete Customers

Technologies used

HTML

CSS

Javascript

Greensock

Adobe Illustrator

Design

The goal of the user interface design of this application is to break down the each data point into separate sections. Each section would tie into the next in order to string together a narrative that would help the user understand what makes Cable Concrete most energy efficient.

Scroll-triggered animations are sprinkled into the application to add excitement and bring attention to important details.

Colour

Typography

Primary-font: Lato

Light

Regular

Bold

Narrative

Research

IECS provided us with environmental data that we used to compare the environmental impact of Cable Concrete installations versus Rip-rap installations. Along with the data provided, we collected information about the environmental impacts of heavy trucks on the road and their CO2 emissions through public government resources.

Establish

Cable Concrete is an environmentally friendly solution for erosion control projects. The user is prompted to find out why.

Build

As the user scrolls through the web infographic, they are educated on the environmental benefits of Cable Concrete through visually exciting and relevant graphics.

Resolve

The final slide is a call to action. "The grass is greener on our side. Make an environmental difference with Cable Concrete."

Video

Project github

Like what you see?

Give me a shout!

megaphone-icon