This case study examines common themes in enterprise-scale web designs. March of Dimes, FHI360, and NRDC are featured because they are nonprofits that operate at a similar scale either nationally or internationally, had similar needs, followed the same design process from workshops through design, build, launch, and faced similar challenges.
Responsibilities
UX Design: UI, page layouts
Visual Design Lead
Design Presentations
Developer Collaboration
Workshop Facilitation
Quality Assurance Testing
Goals
Encourage donations
Increase content engagement
Gain supporters via sign-ups
Expand brand reach
Update branding
Accessible
Mobile responsive
Flexible design system
Challenges & Strategies
Timeline
Workshops
Managing Stakeholders
Managing Large Groups
Client Collaboration
Brand Concept & Style Tiles
Quality Assurance (Q/A)
March of Dimes
March of Dimes is a nonprofit organization in the United States focused on improving the health of mothers and babies that was founded in 1938.
Home page concept
Success
Consolidated 40 websites into one domain
Updated the brand to be more modern, approachable, and human
Communicate MoD's mission clearly at a glance
Overview
Brand Strategy
Design System & Web Design
Design Collaborators
Style tile concept
Illustrations by Corey Jones
Home mobile & mobile menu
Interior pages grid
Design system
FHI 360
FHI 360 is a global nonprofit that works to improve health, education, and economic opportunity worldwide through research-driven programs and partnerships.
Home page concept
Success
Collaborated with FHI 360’s branding agency and their internal design team to ensure the website aligned with the new brand.
As project lead, I worked closely with designer Maggie Yuan, who supported all phases of the project life cycle, including concepts, final designs, and development handoff. I prioritized creating opportunities for her to speak directly with their stakeholders.
Secured design approvals in a complex, tiered stakeholder environment, and the project was successfully delivered on budget and on schedule.
Overview
Microinteractions & Interactive Maps
Design Collaborators
Style tile concept
Editorial templates
Resource library
Design system
NRDC
The Natural Resources Defense Council (NRDC) is an environmental action group that works to protect the environment and public health. It uses science and law to advocate for the protection of wildlife and public lands.
Home page
Success
Collaborated with NRDC's marketing and design teams, involving them in workshop planning, design concepts, and determining the best approach to position the work for approvals across their RACI matrix.
Over a two year period, incorporated strategies from multiple external marketing and strategy agencies, focusing on Gen Z and market testing, and conducted UX surveys and testing with current users to gather real time feedback on creative and content to inform the direction of the site.
Created 12 accessible color profiles for the website that could be used interchangeably and applied consistently across components.
