Compass Working Capital website on an iMac, a laptop, and two page layouts, on a blue background.

Compass - Website Redesign

Client: Compass Working Capital

Website Redesign

Website Redesign

⊹

Website Development

Website Development

⊹

UX/UI

UX/UI

Overview

Following the successful rebranding of Compass Working Capital, Creative Cycle collaborated with the organization on a complete website redesign to align their new visual identity with an improved user experience. Compass, a nonprofit dedicated to helping low-income families build financial security and assets, needed a modern digital platform that reflected their refreshed brand, mission, and audience-focused approach.

Team

Portrait of Carlos Murguia

Co-Creative Director

Carlos Murguia

Portrait of Jose Caicedo

Co-Creative Director

Jose Caicedo

Product designer

Eli Taipe

Deliverables

Wordpress Website

Interactive Prototype

01

Challenge

Compass’s previous website no longer represented their renewed brand identity or served their users effectively. Navigation was fragmented, content was hard to locate, and the user experience lacked clarity. The challenge was to redesign the platform from the ground up — crafting an interface that was intuitive, inclusive, and easy to maintain. The process also required integrating the new brand guidelines, ensuring a consistent visual and emotional tone throughout the site.

01

Challenge

Compass’s previous website no longer represented their renewed brand identity or served their users effectively. Navigation was fragmented, content was hard to locate, and the user experience lacked clarity. The challenge was to redesign the platform from the ground up — crafting an interface that was intuitive, inclusive, and easy to maintain. The process also required integrating the new brand guidelines, ensuring a consistent visual and emotional tone throughout the site.

Desktop screen showing the Compass Working Capital home page and its headline on ending asset poverty.

The new home page says what Compass does in one sentence and gives visitors two ways in.

02

Solution

In parallel with the branding process, Creative Cycle conducted a series of UX interviews and workshops with Compass staff to understand user behaviors, needs, and pain points. From these insights, we developed detailed user personas and mapped out key journeys to shape the content architecture.


After validation, our team created wireframes to establish the site’s structure and flow, followed by a UI design for desktop and mobile that fully reflected the new Compass identity — warm, approachable, and empowering.


Once the designs were approved, we built the website using WordPress and Zion Builder, ensuring full responsiveness and easy content management. We also provided hands-on training sessions for Compass’s internal team, empowering them to update, manage, and expand the website independently.

02

Solution

In parallel with the branding process, Creative Cycle conducted a series of UX interviews and workshops with Compass staff to understand user behaviors, needs, and pain points. From these insights, we developed detailed user personas and mapped out key journeys to shape the content architecture.


After validation, our team created wireframes to establish the site’s structure and flow, followed by a UI design for desktop and mobile that fully reflected the new Compass identity — warm, approachable, and empowering.


Once the designs were approved, we built the website using WordPress and Zion Builder, ensuring full responsiveness and easy content management. We also provided hands-on training sessions for Compass’s internal team, empowering them to update, manage, and expand the website independently.

Laptop, tablet, and phone showing Compass Working Capital client stories and Our Work pages.
Laptop, tablet, and phone showing Compass Working Capital client stories and Our Work pages.

The redesign across devices, with client stories and program pages sharing one navigation.

03

Impact

The redesigned website offers Compass a user-centered digital experience that aligns perfectly with their mission and values. Visitors can now navigate the site with ease, accessing programs, resources, and success stories effortlessly. The refreshed platform not only enhances usability and brand consistency but also strengthens Compass’s ability to communicate its impact and connect with families and partners.

03

Impact

The redesigned website offers Compass a user-centered digital experience that aligns perfectly with their mission and values. Visitors can now navigate the site with ease, accessing programs, resources, and success stories effortlessly. The refreshed platform not only enhances usability and brand consistency but also strengthens Compass’s ability to communicate its impact and connect with families and partners.

Hand holding a phone showing the Compass Family Self-Sufficiency program page with a grid of portraits.

The FSS program page on a phone, which is how most families reach it. Faces first, then the title.

Laptop showing the Compass Working Capital team page with staff portraits and a news section.

Team and news pages built in WordPress, so Compass can keep them current without a developer.

More projects

More projects

The four new People Power Publishers book covers, each on its own process-ink field of cyan, yellow, magenta, and black: Going Behind the Sun, Authoritarianism is a Systemic Risk, Soup Throwers and Super Gluers, and Deciders.

People Power Publishers

Client: Center for Nonviolent Conflict Research

The four new People Power Publishers book covers, each on its own process-ink field of cyan, yellow, magenta, and black: Going Behind the Sun, Authoritarianism is a Systemic Risk, Soup Throwers and Super Gluers, and Deciders.

People Power Publishers

Client: Center for Nonviolent Conflict Research

DCPCA logo stickers in blue, white, and black on a laptop trackpad, one showing the full name District of Columbia Primary Care Association.

DCPCA Rebrand

Client: District of Columbia Primary Care Association | TESS Partners

DCPCA logo stickers in blue, white, and black on a laptop trackpad, one showing the full name District of Columbia Primary Care Association.

DCPCA Rebrand

Client: District of Columbia Primary Care Association | TESS Partners

The Hum logo on a yellow wall above a podcast set with two chairs, microphones, and a table.

The Hum - Brand Development

Client: Center for Nonviolent Conflict Research

The Hum logo on a yellow wall above a podcast set with two chairs, microphones, and a table.

The Hum - Brand Development

Client: Center for Nonviolent Conflict Research

National Museum of the American Latino logo with the Smithsonian mark on a white banner hanging in a glass atrium.

National Museum of the American Latino - Branding

Client: Smithsonian Institution | Meraki Communications Group | Ogilvy

National Museum of the American Latino logo with the Smithsonian mark on a white banner hanging in a glass atrium.

National Museum of the American Latino - Branding

Client: Smithsonian Institution | Meraki Communications Group | Ogilvy

⊹

More projects

More projects

More projects

More projects

FAQ

Get quick answers about working with us and our approach to digital solutions.

Ask a question

Ask a question

What’s included in a monthly retainer?

01

Each retainer includes a set number of design or strategy requests per month, priority turnaround, and a dedicated point of contact. It’s built for teams who want ongoing support without starting from scratch every time.

How many requests can I make per month?

02

We typically handle up to two active requests at a time, with new ones queued as they’re completed. Most deliverables are turned around within 48–72 hours, depending on complexity.

Is a retainer better than a one-off project?

03

If you need ongoing design support, faster turnarounds, or regular iterations, a retainer is often more cost-effective and collaborative than starting fresh each time.

Who will I be working with?

04

You’ll work directly with senior designers and strategists. No middle layers, no fluff—just experienced people doing the work.

Do you work with international clients?

05

Yes. Most of our clients are remote. We’re fully set up to collaborate across time zones with clear communication and shared tools.

Let's talk

hello@creativecycle.io

2303 Cavendish Drive, Alexandria, VA 22308

Virginia

Make it happen

Let's talk

hello@creativecycle.io

2303 Cavendish Drive, Alexandria, VA 22308

Virginia

Make it happen

Let's talk

hello@creativecycle.io

2303 Cavendish Drive, Alexandria, VA 22308

Virginia

Make it happen