Caffeine And You Microsite

Brief:
Microsite for the International Food Information Council Foundation, with facts about caffeine and its effects. The centerpiece of the site is a caffeine calculator which allows anyone to estimate their total daily caffeine intake.

Role:
Design, HTML, and CSS Development; project management of a third-party JavaScript Developer.

Notes:
The original client brief asked if a caffeine “calculator” would be possible — they were unsure how this would work or what it would like. I provided design and UX for the calculator and coordinated its developed by a third-party JavaScript developer.

The calculator required many unique technical and design solutions to ensure it was worked well on mobile devices.

Caffeine 1

Caffeine 4

Caffeine 3

Caffeine 2

Caffeine Responsive 2