Mock-up of a laptop that is showing the NMSA new website.

NMSA – Website Redesign

Client: National Municipal Stormwater Alliance

Website Design

Website Design

⊹

Website Development

Website Development

⊹

UX/UI

UX/UI

Overview

Our team collaborated with the National Municipal Stormwater Alliance (NMSA) to develop its new visual identity and website. After creating the visual identity, we built a site where people can explore curated resources, insightful articles, and engaging webinars to empower individuals and communities to positively impact the planet.

Team

Portrait of Carlos Murguia

Co-Creative Director

Carlos Murguia

Portrait of Jose Caicedo

Co-Creative Director

Jose Caicedo

Developer

Eli Taipe

Deliverables

Wordpress Website

01

Challenge

It’s always a challenge when organizations trust us to reimagine their brand and build a new and improved website. The first obstacle is always the pre-estimation of the core issue. So, we start investigating and sketching possible new visual solutions to guide the rest of the process. We take the task with responsibility, aiming for the best possible result.

We had to quickly adapt to the dates and the work scope to deliver in time and form. One of the biggest challenges was that we couldn’t get a good grasp on making the new visual aspect of the web until we had the new visual identity of the brand. We took it step by step, crafting the identity and building the new platform.

01

Challenge

It’s always a challenge when organizations trust us to reimagine their brand and build a new and improved website. The first obstacle is always the pre-estimation of the core issue. So, we start investigating and sketching possible new visual solutions to guide the rest of the process. We take the task with responsibility, aiming for the best possible result.

We had to quickly adapt to the dates and the work scope to deliver in time and form. One of the biggest challenges was that we couldn’t get a good grasp on making the new visual aspect of the web until we had the new visual identity of the brand. We took it step by step, crafting the identity and building the new platform.

Desktop monitor on a wooden table in a forest, showing the NMSA contact page with a lightning image.

The contact page keeps the storm photography and the blues we chose when we rebuilt the NMSA identity.

02

Solution

The first step was to create a new visual identity for the organization. We started by crafting a logo that was simple yet memorable. Then, we needed to determine a color palette. We chose different tones of blue and sky blue to align with the brand's personality. The imagery we went for recalls fluidity in the form of waves, and for the typography, we chose fonts that effectively reflect the organization's character.

Once we had the identity, it was time to translate the new visual universe into an effective online platform. We created a website to empower the community and its users and help the NMSA continue its program, enhancing the experience of everyone involved.

NMSA offers various programs and a wide range of information for diverse audiences. We organized the content to simplify navigation. Now, people can easily access resources for their communities, articles, and events such as webinars.

02

Solution

The first step was to create a new visual identity for the organization. We started by crafting a logo that was simple yet memorable. Then, we needed to determine a color palette. We chose different tones of blue and sky blue to align with the brand's personality. The imagery we went for recalls fluidity in the form of waves, and for the typography, we chose fonts that effectively reflect the organization's character.

Once we had the identity, it was time to translate the new visual universe into an effective online platform. We created a website to empower the community and its users and help the NMSA continue its program, enhancing the experience of everyone involved.

NMSA offers various programs and a wide range of information for diverse audiences. We organized the content to simplify navigation. Now, people can easily access resources for their communities, articles, and events such as webinars.

Tablet showing the NMSA members page with a coverage map of the United States and membership figures.
Tablet showing the NMSA members page with a coverage map of the United States and membership figures.

On the members page we put a coverage map next to the numbers, so the alliance's reach is clear at a glance.

03

Impact

The project is now online, helping the NMSA community make a positive impact on the planet. As mentioned earlier, developing a brand identity that will later be translated into a platform is always challenging. We approached the assignment with responsibility, fully aware that our work would directly impact the results.

03

Impact

The project is now online, helping the NMSA community make a positive impact on the planet. As mentioned earlier, developing a brand identity that will later be translated into a platform is always challenging. We approached the assignment with responsibility, fully aware that our work would directly impact the results.

Two phones showing the NMSA Resource Library and the resources list with a blue button.

We rebuilt the resource library for phones first, with one clear way into articles and webinars.

Phone resting on a stone sculpture, showing the NMSA news page, with rain streaks behind it.

The news section carries the same water and weather imagery that runs through the rest of the site.

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