A mobile-first redesign for a disability-inclusion nonprofit, reaching 15,000+ geoscience professionals, students, and educators, turning dense, inconsistent content into a scalable, accessible system.
Reusable Page Families
Purpose-driven structures across the site
Content Templates
Consistent hierarchy, flexible content
Responsive Framework
Mobile-first through desktop
Accessibility Rules
Embedded across components + patterns
Valuable content.
No system to deliver it.
Dense pages, unclear navigation, and inconsistent structures made resources difficult to find, and difficult for a volunteer-run organization to maintain.
Dense content and unclear pathways gave users no obvious place to start.
Similar pages followed different structures, forcing volunteers to relearn the site page by page.
The short version.
Research became system rules. Those rules became reusable page structures.
Site + competitive audit, stakeholder discovery, interviews, affinity mapping, and personas established the rules the redesign had to follow.
Instead of designing pages one by one, I defined repeatable structures around what users needed to accomplish at each level.
A focused Trip Detail audit exposed the inconsistency; pattern comparison and stakeholder validation turned it into one reusable hierarchy.
Progressive disclosure, breadcrumbs, explicit external-link signals, and icon + label pairing were built into the interaction model.
A system you can
actually use.
Five outcomes, each one shown in motion through the final design.
Three resource pages, one structure: content
swapped, components reused.
Navigating the nested hubs: parent
to category to resource.
Field trip archive to a standardized detail page.
The system breathing in a wider viewport.
Accordions and breadcrumbs in action:
progressive disclosure, icon labeling in cards.
What this project
taught me.
Defining purpose and hierarchy before layout made the system easier to scale. Once each page family had a clear job, its components and content order followed.
Accessibility has to survive handoff. For a volunteer-run organization, a system that’s difficult to update will eventually become inaccurate, inconsistent, and harder to use.
Reconstructing legacy content exposed patterns that weren’t visible page by page. Comparing those structures turned the audit into evidence for what should be standardized and what needed to stay flexible.
