The Monarch Foundation website design

The Monarch Foundation

A Website Built to Raise Awareness, Drive Support, and Fund Meaningful Change

The executive team at The Monarch Foundation approached me to design and develop two distinct but connected websites: one for The Bridge Project, an initiative focused on raising funds to support single mothers in the New York City area, and another for The Monarch Foundation itself—the parent nonprofit organization.

The project began with branding and website design for The Bridge Project. Once that initiative was established, we shifted focus to The Monarch Foundation’s main website, which supports broader nonprofit efforts centered on early childhood development and climate-related initiatives. While the two organizations are closely linked, each required its own visual identity, messaging strategy, and digital presence.

Website Design

The Monarch Foundation Homepage

01

02

03

04

The Challenge

Designing and launching two brand and website campaigns in parallel presented a unique set of challenges. The Monarch Foundation’s logo and brand identity were still evolving throughout much of the process, requiring flexibility, patience, and ongoing collaboration.

As branding concepts were explored, revised, and refined by the client’s internal team, I needed to remain agile—ready to adapt the website design to align with the final identity once it was delivered. The challenge was to build a website that felt cohesive and polished, clearly communicated the foundation’s mission, and resonated with a diverse audience that included investors, donors, partners, and supporters.

"We are thrilled with our decision to work with Nathan. He was a delight to work with! He was responsive, professional, and made our lives as easy as possible while delivering stellar design work."

Megha Agarwal
Executive Director

What We Did

  • Web Design & Development

  • Branding & Logo

Row rect Shape Decorative svg added to bottom

The Answer

After several months of iteration and thoughtful back-and-forth collaboration, we arrived at a design direction that aligned with both the foundation’s vision and its evolving brand identity. From there, the site was carefully designed and developed one section at a time—ensuring every component served a purpose and contributed to the larger story.

The final website introduces visual depth and variation across pages while maintaining a consistent design system. The “Work” sections highlight the foundation’s four core focus areas: Early Childhood, Direct Cash for Families, Climate Investing, and Climate Justice—each presented with clarity and intention to help visitors understand both impact and purpose.

The Monarch Foundation mobile website design

Website Presence

The Monarch Foundation Website Design

Website Design

The finished website delivers a smooth, engaging experience across desktop, tablet, and mobile devices. Given the site’s unique layout and layered visual approach, translating the desktop experience into a cohesive and intuitive mobile design required careful planning and execution.

In the end, the result is a responsive nonprofit website that balances creativity with usability—one that The Monarch Foundation can confidently use as a marketing, fundraising, and awareness-building tool. The site serves as a strong digital foundation designed to connect with supporters, inspire confidence in investors, and communicate the organization’s commitment to lasting change.

The Monarch Foundation Homepage

"Our timeline went much beyond what we anticipated, and Nathan was flexible and reasonable through the whole process. Would highly recommend working with him!"

Megha Agarwal
Executive Director

View the next project

Working Mission