Case Studies

The Women’s Building

Pages
45+
CMS Collections
17
Services
Webflow Migration
UX Strategy
Information Architecture
CMS Architecture
Accessibillity
Multilingual Setup
SEO Optimization
Ongoing Retainer Support
Custom UI
Custom UI

A 50-year legacy reimagined for the next generation of community leadership.

Client

The Women’s Building

Industry

Nonprofit / Community Advocacy

Status

Live + Ongoing Retainer (Since 2021)

Platform

Webflow

Location

San Francisco, CA

TL;DR

  • Migrated 45+ pages and 17 CMS collections from WordPress to Webflow
  • Redesigned navigation, structure, and content hierarchy for scale and clarity
  • Built bilingual (EN/ES), WCAG-accessible, SEO-first architecture
  • Ongoing weekly retainer partnership since 2021

Overview

The Women’s Building is one of San Francisco’s most iconic community institutions, a women-led, immigrant-centered nonprofit serving the community for over 50 years.

When we began working together in 2021, they weren’t looking for a redesign. They were looking for reliability.

What started as website maintenance became a long-term strategic partnership, one that evolved into a full migration, redesign, and restructuring of a complex digital ecosystem.

Today, the site supports advocacy, programs, fundraising campaigns, event rentals, community resources, multilingual access, and an ever-growing content library, all managed through a scalable Webflow architecture.

The Challenge

The previous WordPress site had limitations:

  • Supporting a growing volume of content (news, resources, and cooperative profiles)
  • Ensuring the site worked well across devices
  • Aligning technical decisions with the organization’s values
  • Creating space to showcase the cooperatives they support in a meaningful, visual way

The organization was growing.
The site was not built to scale with it.

Campaigns, events, program updates, board changes, annual reports, investor pages, everything required constant updates.

The real challenge wasn’t design.
It was building a system that could grow with a living organization.

Strategy & Approach

We didn’t just migrate platforms.
We rebuilt the foundation.

Step 1:

Content Audit

Reviewed every page. Reduced unnecessary copy. Reorganized information by purpose.Reviewed every page. Reduced unnecessary copy. Reorganized information by purpose.

Step 2:

Information Architecture

Created a new sitemap. Simplified navigation while expanding depth.

Step 3:

CMS Structuring

Built 17 structured collections for:

  • Board Members
  • Team Members
  • Media Coverage
  • Newsletters
  • Video Resources
  • Volunteer Opportunities
  • Career listings
  • Partners & Investors
  • Testimonials
  • Mural timeline
  • Mural Art
  • Blog Post
  • Local Service Providers
  • And More
Step 4:

Accessibility & SEO First

  • Color contrast
  • Hierarchy
  • URL structure
  • Redirect mapping
  • Multilingual structure
  • Search engine optimization
Step 5:

Migration to Webflow

Clean build. No plugin dependency. Custom reusable components. Modular structure.

All done through weekly collaborative sessions.

The Solution

The new Webflow site includes:

  • 45+ core pages
  • 17 structured CMS collections
  • Bilingual English / Spanish architecture
  • Custom navigation system
  • Integrated event calendar
  • Charity Engine donation integration
  • Rental booking software integration
  • Google Calendar sync
  • Google Forms integration
  • Campaign-specific landing pages
  • Dedicated advocacy glossary (30+ terms)

The platform now allows:

  • Fast updates
  • No plugin dependency
  • Scalable campaign pages
  • Reusable components
  • Faster load times
  • Safer infrastructure
  • Easier weekly iteration

The Impact

Since migration:

  • Improved load speed
  • Improved accessibility
  • Better Google ranking
  • Increase in visitors
  • Stronger campaign performance
  • Easier board/team updates
  • Faster content publishing

Most importantly:

The organization is proud to share their website. It reflects the depth, dignity, and impact of their work. And we continue to improve it every week.

Long Term Parnertship

We meet weekly to touch base on updates, new initiatives, and anything evolving within the organization. Sometimes it’s small refinements. Other times it’s launching a full campaign page. The rhythm stays consistent.

  • We adjust messaging.
  • We iterate continuously.
  • We build campaign pages.
  • We build new sections as programs grow.

The work continues to evolve alongside the organization.
And so does our collaboration.

Selected System Highlights

"I'm really pleased with not just the quality of Tona's work, but the care and thoughtfulness he has brought to our website. He has been consistent and responsive throughout—and what stands out most is his ability to approach design through a culturally competent lens, taking the time to understand the community we serve."

Maria Arteaga
Development & Communications Manager, The Women’s Building

Big mission. Real people. Complex work.

Your website has to keep up.

Let’s build something that grows with your mission.