top of page

Gaviscon Dynamic CSU

gaviscon-computer-page-updated.png
Role: Creative Direction, Design, UI
Balsamiq, Photoshop, Illustrator, Adobe XD

Objective

Returning client Gaviscon wanted to create a display a CSU unit to be placed on an existing advertorial suite page that drove traffic to Gaviscon products on the WebMD co-brand site, Boots.com, in order to increase brand awareness and product conversions. Gaviscon wanted to educate consumers on causes of heartburn and indigestion as well as benefits of using Gaviscon products before driving the consumers to their Boots.com lander. This required clear visual communication and organization of large content in a relatively small right rail 300x600 pixel ad space. 

Gaviscon wanted a clean page layout that displayed information about their products as well as helpful articles, as well as space to display their new interactive CSU unit to drive content and interaction. They also wanted a way to introduce an un-intrusive navigation throughout their site pages and resources.

Kickoff

I met with the internal Gaviscon teams and went over budget, page visit goals and conversion requests, as well as any branding elements provided. I also met with WebDevelopment and Publishing teams to go over any special CSS constraints and white-boarded pre-functionality of the module.

 

 

Wireframe

I then started low-fidelity wire-frame designs of pages, both desktop and mobile platforms, highlighting client requests and interaction.

gaviscon wireframe.png

UI Library

I then comped the UI library and distributed to WebDevelopment and Publishing teams.

gaviscon_variables.png

Final Mocks

I then comped the UI library and distributed to WebDevelopment and Publishing teams.

Gaviscon_CSU_storyboard-screens.png

Follow Up

I worked with the Boots PM, as well as Brand Content, Development, and SEO teams to create a rich content HTML 5 Display Ad unit, working from initial concept through content refinement, design, art direction and hand off to development for animation. This project required a 4 week total turnaround time.

The CSU resulted in 26% higher click-through rate over predicted visitor rate and had met projected page views 2 months early, before campaign end.

bottom of page