Lauren Watley
portfolio · Design Work

Projects

  • Lane Library Exhibit
  • Winter Sleigh Ride
  • Hydrogenessa
  • Round Sound Plant

Conference/Publications

  • ICEMT
  • WGEA

Socials

  • linkedin 
  • contra 

Code

  • github

Work

  • Stanford EdTech
get in touch

>EDTECH · Project · Interactive Infographic

The Menstrual Cycle

An interactive educational infographic that visualizes the complex hormonal and physiological changes throughout the menstrual cycle. Designed for undergraduate medical education study material to help students understand the interconnected systems at play.

Your browser does not support the video tag.
Prototype
Your browser does not support the video tag.
Final Build

The interactive infographic, based on faculty classroom sketches, displays the complete 28-day cycle with synchronized views of hormonal levels, uterine changes, and ovarian activity. Users can hover or click to explore specific phases and their relationships.


Project Specifications

Employer Stanford School of Medicine
Role Interactive Designer, Developer and Illustrator
Year 2024
Format Interactive Web Module

Technologies Used

HTML5 CSS3 JavaScript SVG D3.js Canvas API Responsive Design Adobe Illustrator Adobe XD

Key Features

  • Interactive timeline with day-by-day progression
  • LMS embeddable external module
  • Hover states and tooltips for detailed information
  • Responsive design for desktop and tablet viewing
  • Downloadable full infographic PDF
  • Animated transitions between cycle phases