top of page
2016 world conference Infographic

For the duration of my contract at ASQ my job was to build an online animated infographic for their biggest annual event. I coded the HTML, JavaScript, CSS. I designed the graphics using Adobe Illustrator CC and Photoshop CC. The animations were made with Adobe After Effects. Below are some of the gifs I created, pulled out of the main design.

Getconnected
educationsolidbar
inspiration
GetLocation
Section1Worldmap

Animated gif, with a long pause at the end then it loops permanently. It's was meant as a catch all for any user who might take a variable ammount of time to either scroll down or hit the button that is anchored to this section.

Training

Simple two frame animation adding life to an otherwise standard vector graphic.

Workshops

Another animation from the "connected section" with appropriate color background. The animation would appear whien the user

KeyNote
LiveCaseStudies
Summerfest

This gif appears, when the button is clicked, from up behind the city skyline on the bottom of the page, and animates. As does the other 2 green backgrounded animations.

wisconsin
ASQHQ
Screenshot_2021-01-13 Quality and Improv

Static screenshot of the full page. Many of the animations are hidden in this instance, but here you get an idea of the overall layout.

American Society for Quality

 

In 2015 I was hired by ASQ to fufil a several month contract for a graphic design position. It was an awsome opportunity to take on some long term projects, mainly the creation of an animated infographic to help promote their annual world conference. This included creating animations in Adobe After Effects and in browser, using javascript and css.

bottom of page