Modernizing the Bay Area's oldest veteran non-profit using #NoCode

Rebrand/Strategy
UX/UI
VISUAL Web Development
Introduction
Founded in 1974, Swords to Plowshares is the Bay Area's oldest running veteran service organization.
With it's rich history rooted in serving those who served, Swords to Plowshares takes on the most profound issues veterans face today — the lack of affordable housing, healthcare, legal services, & employment.

Swords' digital presence is historic with it's first website dating back to the early 2000s. To put things in perspective, many major tech players weren't even established until much later! Over the years, the organization has evolved its approach to web development, from old school HTML, to more traditional code-based CMS platforms like WordPress and Drupal, and now utilizing dynamic no-code technology like Webflow.
My Role

As the sole designer in the organization, I was responsible for managing this project from start to finish, including user and technology research, stakeholder communications, ideation, UX/UI, no-code development (visual design, CMS, and integrations), brand and creative strategy, photography, and ongoing maintenance.

Tools
  • Webflow
  • Adobe Creative Suite
  • Figma (Figjam)
  • Dropbox Paper
  • Notion
Team

Colleen Corliss — Content
Chief Development Officer

Soo Kim — Project Management
Assistant Director of External Affairs

THE CHALLENGE

The website, powered through WordPress, was disorganized and caused complaints from a wide range of users, including veterans in urgent need and donors.

At Swords, we are committed to providing support to veterans in need. However, we also recognize the significance of our website in attracting and retaining donors, as well as serving other user groups such as service providers and individuals seeking information.

Key Issues
Information-dense pages disrupted user's overall experience
  • Veterans in crisis were unable to easily access the information they required.
  • Donors struggled to navigate the website and transactions were being handled manually, leading to inefficiency.
  • The website served a diverse range of users, including veterans, donors, service providers, and people seeking answers, making it difficult to meet the needs of all groups.
Limitations that required creative solutions
  • The organization lacked the budget to hire an agency to help with the website redesign, as the quotes received were prohibitively expensive.
  • Our in-house team faced difficulties in meeting both general and seasonal business needs as we lacked a developer with expertise in WordPress who could deliver in our fast-paced environment.
Branding was outdated
  • The outdated branding of our website and visual materials failed to reflect the modern and inclusive image of our organization.
The nonprofit conundrum
Meet the ghosts of websites past

Having a properly maintained website makes a world of a difference when trying to fundraise for a cause. Running on WordPress, our in-house team did not have the proper coding skills to fit the website to our needs. The problem intensified during the beginning of the COVID-19 pandemic where we could not build a landing page to fundraise additional costs to keep our doors open.

We've undergone costly and time-consuming CMS platform migrations in the past, such as WordPress and Drupal overhauls, which made stakeholders reluctant to approve this project. As a result, we've struggled to justify investing in hiring a full-time developer or another consultant to address website maintenance issues.

This creates a conundrum that nonprofits face: how do we maintain and scale our website without it being expensive?

(TL;DR)
our objectives

The strategy

1

Research industry for platforms & integrations that fit our needs.

We needed to find a platform that would seamlessly integrate with our current operations, be easy enough to learn and teach others to maintain, and be cost-effective within our budget.

2

Restructure the content on our website to reflect inclusive organizational priorities.

There was a risk that having too much content on our website would lead to clients self-diagnose without proper guidance.

3

Balance client and donor user experience through improved navigation.

Should our website be more donor-facing or client-centered? Many non-profits have implemented mega-menus to tackle on the challenge of catering the navigational experience towards a wide audience.

4

Uplift our brand through meaningful and inclusive story-driven narratives & imagery.

Changing our brand imagery with inspiring, candid, and diverse catalogue of on-the-ground photos invites users to join us.

So I said, "Why not just use Webflow?"

No-code is revolutionizing access to technology, tools, and resources for everyday people.

No-code is making it easier for underrepresented groups, including non-profits, to create professional websites. It's breaking down barriers and creating a more inclusive tech landscape. Anyone can use no-code tools to create and innovate, regardless of their background or experience.
PLATFORM MIGRATION

The power of no-code

Non-profits usually don't have budgets to hire in-house creative or technical staff. Before starting on this project, I approached four design firms with a specialization in philanthropy. The quotes received ranged from $25,000 to $45,000, which was beyond the reach of the organization's budget.

To reduce expenses, I proposed taking on the project in-house and gained support by presenting Webflow as a cost-effective alternative.

Priority breakdown
Wordpress
Webflow
Affordability
Price of maintenance per year

Total includes base price of platform and additional intergrations and plugins

$500 to $800
$2,064
Team

Hiring developers is typically more expensive due to the nature of their training and background. Currently, this is our in-house team.

Content, Designer,
and Developer
Content and
Designer
Development
Ease of Access

How easy is it to use?

Requires installation of web server and hosting service
Cloud-based CMS platform,
no software installation required
Code

Skills/languages required to build and maintain website

HTML, CSS,
Javascript, PHP, & more
Visual, drag-and-drop interface eliminates need for coding
Intergrations & Plugins

Total needed for necessary functionality

GiveWP, WP Offload SES + Media Lite, Cloudflare, AWS, Yeost SEO, Contact Form 7, Flamingo, Jobs for WP, Super Socializer, reCapcha, Akismet Antispam, Redirect
Elfsight, QGiv, Jotforms, Jetboost, Flowbase(Webflow comes preloaded with AWS, SEO management, Redirect,)
Support

Including learning curve for non-technical staff, functionality, etc.

Has a big community but steep learning curve for non-technical people
Webflow University offers comprehensive video tutorials and documentation and their forum is pretty large

Our Users

Meet the diverse users of Swords to Plowshares website

Veterans

We recieve many visits from veterans around the U.S. seeking out assistance. However, we can only serve those who live in the Bay Area due to limited funding. Clients seeking help are usually experiencing homelessness, over 55 years old, and are low-income by HUD standards.

vet type #1
Bay Area
veteran & families
vet type #2
Veterans & 
families outside
of Bay Area
SUPPORTER TYPE #1
Donors and Funders (major, one-time, & monthly)
Supporter type #2
Volunteers (Corporate) or in-kind donations
Supporters

The organization receives funding from various sources, including federal and local governments, foundations, sponsors, and donors. In the past year alone, our online transactions have raised nearly $190,000. Other ways to support our work is through corporate volunteering and in-kind donations.

Providers

We play a dual role of being a service provider and educator. We release self-help guides, research and publications, and other resources to help others learn about veterans issues.

ProviDER TYPE #1
Policymakers, politicians, and other government agencies
PROVIDER #2
Providers (Educational institutions, healthcare, police departments, etc)