SABES

Redesigning a non-profit's existing WordPress website to improve user experience and modernize the design

Web Redesign

2025

2 months

Freelance

SABES

Redesigning a non-profit's existing WordPress website to improve user experience and modernize the design

Web Redesign

2025

2 months

Freelance

SABES

Redesigning a non-profit's existing WordPress website to improve user experience and modernize the design

Web Redesign

2025

2 months

Freelance

/01 Overview

Background

Tools

Tools

WordPress, Figma, Canva

Tools

WordPress, Figma, Canva

Services

Services

Research, UI design, logo design, implementation

Services

Research, UI design, logo design, implementation

Devices

Devices

Desktop

Devices

Desktop

The Client

The Client

The San Antonio Business and Economics Society (SABES) is a local non-profit based in San Antonio, TX whose mission is to build a community for professionals and pre-professionals striving for a sustainable future.

In early June 2025, a member of the board reached out and asked if I could help redesign their existing WordPress website.

/02 Research

Interview

Gaining Empathy

Gaining Empathy

I began by interviewing the client to understand the business requirements (goals and parameters) for the website redesign and identify pain points with the current site. Below is a summary of the interview.

Why does SABES want to redesign their current website?

Why does SABES want to redesign their current website?

Why does SABES want to redesign their current website?

We want a more modern website that represents us better.

We want the website to look professional and sophisticated.

We want a more modern website that represents us better. We want the website to look professional and sophisticated.

We want a more modern website that represents us better. We want the website to look professional and sophisticated.

What're challenges you've experienced / observed?

What're challenges you've experienced / observed?

What're challenges you've experienced / observed?

It's too text heavy and members have said it's difficult to find what they're looking.

It's too text heavy and members have said it's difficult to find what they're looking.

It's too text heavy and members have said it's difficult to find what they're looking.

We've also noticed that people struggle to navigate through the new membership process.

We've also noticed that people struggle to navigate through the new membership process.

We've also noticed that people struggle to navigate through the new membership process.

Our members also find the current logo is difficult to see in certain parts of the website.

Our members also find the current logo is difficult to see in certain parts of the website.

Our members also find the current logo is difficult to see in certain parts of the website.

Defining

Defining the Problem

Defining the Problem

After the interview, I annotated the current site to synthesize the insights from the interview and identify additional problems.

Problem Statement

How might we redesign the SABES website to enable existing members and new users to easily navigate and locate information?

/03 Ideate

I began brainstorming and coming up with solutions based on the insights I gained during the interview

Information Architecture

I knew the redesigned site needed to include the following 4 pages: 1) Home, 2) About, 3) Events, 4) Membership.

To ensure usability between these pages, I created the different architectural components below.

Design Guidelines

Design System

I conducted A/B testing with the board to determine what type classification they preferred. Based on the results, the board preferred sans-serif.

Poppins

Poppins

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

A

a

Regular

Regular

Light

Light

Bold

Bold

#80C08E

#575BFC

#575BFC

#3A3A3A

BUTTONs

NORMAL - PRIMARY

NORMAL - PRIMARY

NORMAL - PRIMARY

NORMAL - ACCENT

NORMAL - ACCENT

NORMAL - ACCENT

NORMAL - SECONDARY

NORMAL - SECONDARY

NORMAL - SECONDARY

HOVER

HOVER

HOVER

FORMs

Default

Default

Default

Active

Active

Active

Input

Input

Input

/04 LAUNCH

Redesigned Components

Hi-Fi Prototype

UI Grid

I utilized a hierarchical grid to ensure consistency across the site and clarity between different page elements and allow users to easily digest the contents on the page

Hi-Fi Prototype

Member Registration Form

Due to the limitations of the third-party plugin used by SABES to manage memberships, I was only able to implement a portion of the high-fidelity prototype shown below.

Impact

I demoed the final redesigned WordPress site to the SABES board and created documentation for managing events from the WordPress dashboard.

I followed up with the board a few weeks later and the impact of the redesign was clear:

"We looked at the WordPress dashboard metrics and the site traffic has increased 3x in the past 2 weeks"

"We've also seen an a significant increase in new members. Most of these new members credited the website for convincing them to become new members thanks to the intuitive design"

"We've also saw a 20% increase in event attendance at our most recent event because people were able to view the event and register directly from the website"