SABES

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

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

Web Redesign

Web Redesign

2025

2025

2 months

2 months

Freelance

Freelance

/01 Overview

Background

Tools

WordPress, Figma, Canva

Tools

WordPress, Figma, Canva

Services

Research, UI design, logo design, implementation

Services

Research, UI design, logo design, implementation

Devices

Desktop

Devices

Desktop

The Client

The Client

SABES (The San Antonio Business and Economics Society) is a local non-profit based in San Antonio, TX with a mission to build a community for professionals and pre-professionals to strive 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 started by interviewing the client to understand the goals for the website redesign and identify pain points with the current design. 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 website to help me synthesize the insights from the interview and identify additional problems.

/03 Ideate

Information Architecture

Based on information gathered during the interview, I knew the redesigned site needed to include following pages: 1. Home, 2. About, 3. Events, 4. Membership.

To ensure users are able to navigate between these pages and find information easily on the redesigned website, I created the different components below.

Style Guide

Based on the results from A/B testing, the client preferred a sans serif over a serif font.

Poppins

Poppins

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

A

A

a

a

Regular

Regular

Light

Light

Bold

Bold

#80C08E

#575BFC

#575BFC

#3A3A3A

/04 Final Design

UI Components

Hi-Fi Prototype

Member Registration Form

Due to the limitations of the 3rd party plug-in used by SABES to manage memberships, I was only able to implement a portion of the hi-fi prototype below.