Kathryn Downing
Visual Design, UX Design, Creative Direction


Aviva Advanced Markets Animate

The Advanced Markets team wanted an interactive tool to help agents better understand business insurance fundamentals. The desire was to allow agents to answer simple yes or no questions until they reached a point where we would display a recommendation on a course of action (along with supporting documentation for further reading).

I built the page with a responsive layout and a javascript accordion, which seemed to be the simplest solution for our one-page limitation. The logic flow actually became quite a challenge to match up with the code of all the nested accordion divs. This site was my first forray into CSS3 animations. I wanted to tie in with the "animate" name of the promotion, without going overboard.

WebsiteKathryn Downing