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

Product designer

Eli Taipe

Product designer

Eli Taipe

Product designer

Eli Taipe

Project Leader

Carlos Murguia

Project Leader

Carlos Murguia

Project Leader

Carlos Murguia

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.

Stylized mockups of the new Iron Arch website. In the left we see the mobile version, and in the center the desktop one.
Stylized mockups of the new Iron Arch website. In the left we see the mobile version, and in the center the desktop one.
Stylized mockups of the new Iron Arch website. In the left we see the mobile version, and in the center the desktop one.

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.

A big desktop screen containing the reniewed Iron Arch website.
A big desktop screen containing the reniewed Iron Arch website.
A big desktop screen containing the reniewed Iron Arch website.

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.

Laptop displaying layered UI screens and a bold blue semi-circle graphic — illustrating Creative Cycle’s UX/UI and prototyping work.
Laptop displaying layered UI screens and a bold blue semi-circle graphic — illustrating Creative Cycle’s UX/UI and prototyping work.
Laptop displaying layered UI screens and a bold blue semi-circle graphic — illustrating Creative Cycle’s UX/UI and prototyping work.
Laptop displaying Creative Cycle UX/UI and prototyping work.
Laptop displaying Creative Cycle UX/UI and prototyping work.
Laptop displaying Creative Cycle UX/UI and prototyping work.

More projects

More projects

FAQ

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

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.

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.

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

Get in touch

hello@creativecycle.io

2303 Cavendish Drive,

Alexandria, VA 22308

Virginia

Subscribe

Join our newsletter and stay updated on the latest trends in digital design

  • Creative Cycle

Copyright 2025 Creative Cycle LLC. All rights reserved.

Get in touch

hello@creativecycle.io

2303 Cavendish Drive,

Alexandria, VA 22308

Virginia

Subscribe

Join our newsletter and stay updated on the latest trends in digital design

  • Creative Cycle

Copyright 2025 Creative Cycle LLC. All rights reserved.

Get in touch

hello@creativecycle.io

2303 Cavendish Drive,

Alexandria, VA 22308

Virginia

Subscribe

Join our newsletter and stay updated on the latest trends in digital design

  • Creative Cycle

Copyright 2025 Creative Cycle LLC. All rights reserved.