Initial Delivery Package
The original delivery package for the first live build, covering the initial four-page website launch and early review handoff.
All Work
Society for the Prevention of Infanticide
Designer & Developer 3 Client Revisions
Custom Advocacy Website & Data Visualization
Hand-coded site. Three revisions. Live data tools.
View Live Website 3 Versions
5 Pages
70+ Years of Data
Challenge
Translate decades of infant mortality research into a credible public-facing advocacy site while incorporating repeated client feedback, restructuring dense content, and keeping the message clear for media, policymakers, and the public.
I Owned
Hand-coded the website from scratch, directed the design evolution across three versions, rebuilt the five-page information architecture, implemented responsive layouts, and developed both the animated counter and the Chart.js historical timeline.
Outcome
3 approved client-reviewed versions led to a live 5-page advocacy website with a stronger academic visual language, clearer navigation, and live data features that support the petition experience.
Approach
01
01
Hand-Coded Build
Built the entire site by hand without page builders or templates, keeping full control over structure, styling, and custom feature implementation.
02
02
3 Client Reviews
Refined through three rounds of client feedback, adjusting structure, content emphasis, visual tone, and feature presentation at each stage.
03
03
5-Page Architecture
Reorganized across five distinct pages — Homepage, Mission, About, Books, and Contact — so each section had a clear role in the advocacy narrative.
04
04
Visual Redesign
Shifted the visual system from red-and-gray to a maroon-and-tan editorial palette with academic journal-style typography to signal credibility.
05
05
Data Visualization
Built an animated post-Dobbs counter and a Chart.js timeline spanning 70+ years of infant mortality data to make the evidence immediate.
06
06
Mobile & Deployment
Optimized the final build for responsive mobile layouts, structured metadata, on-page credibility signals, and live public deployment.
Results
Client Versions
0
Three review rounds before the final design was locked in.
Page Architecture
0
Homepage, Mission, About, Books, and Contact — each with a clear role.
Years Visualized
70+
Historical infant mortality data translated into an interactive Chart.js timeline.
Version History
V1
Initial Build
V2
Restructure
V3
Final Redesign
Delivered the full website as a custom hand-coded build from design through deployment.
Refined through three client-reviewed versions, incorporating structural and visual feedback at each stage.
Reorganized into a clearer five-page architecture so research, mission, books, and contact paths each had a distinct role.
Implemented a live animated counter and an interactive Chart.js historical data visualization to make the evidence more immediate.
Improved mobile presentation, on-page credibility, and discoverability with responsive development and structured metadata.
Deliverable
The final deliverable was a live, hand-coded advocacy website refined through three client-reviewed versions, combining a stronger academic visual language with custom interactive data features and clear petition-driven calls to action.
Supporting Links
Final Redesign Delivery Package
The redesign handoff documenting the later five-page revision, including the color, typography, and structure changes from the final version.
Ready to see results like these?
Every great project starts with a conversation. Let's talk about what you need.