When Bernadette Mack, Executive Director of Gem Legacy, reached out about redesigning their website, she knew their online presence wasn’t doing justice to the incredible work happening around the world. Their organization was making a real difference in the gem industry and advocating for communities affected by mining, but their website wasn’t showing it.
If you’re running a nonprofit and your website feels like it’s holding you back instead of moving you forward, this story is for you.
The Challenge: When Your Nonprofit Website Doesn’t Match Your Impact
Gem Legacy came to me with a struggle I see often in the nonprofit world. They were doing amazing, high-quality work globally, but their website wasn’t telling that story effectively.
Bernadette and I had worked together in the past and she knew I had deep roots in nonprofit marketing. Before launching my web design business full-time, I spent over a decade working in nonprofits, where I learned to juggle fundraising, operations, and marketing all at once. I understand the unique challenges nonprofit organizations face, and that background shapes how I approach every nonprofit website design project.
Here’s what wasn’t working with their old site.
Their visual brand didn’t match the professional, high-impact organization they had become. A brand designer had recently created a beautiful new logo, color palette, and fonts, but the website hadn’t caught up yet. The disconnect was obvious, and it wasn’t lending them the credibility they deserved.
The site was text-heavy without much imagery. For an organization doing visual, tangible work around the world, this was a missed opportunity. They had stunning photos from the field that weren’t being showcased.
Most importantly, visitors couldn’t easily grasp the scope of their work. Gem Legacy has multiple initiatives, each addressing different aspects of ethical sourcing and community support in the gem industry. The old site made it challenging for someone new to the organization to understand everything they were accomplishing and how all the pieces fit together.
For nonprofits working in specialized industries, credibility is everything. Potential donors, sponsors, and partners need to immediately understand that you’re a professional organization making real impact. The old website simply wasn’t communicating that.
Understanding the Unique Needs of Nonprofit Web Design
What makes nonprofit website design different from designing for other businesses? You’re not just trying to convert one type of visitor.
Every nonprofit website needs to serve multiple audiences simultaneously. For Gem Legacy, we needed to speak to people in the gem industry, individuals who care about ethical sourcing and community development, potential sponsors, current supporters, and people who might want to get involved in their work.
This is something I always emphasize when working on web design projects for nonprofits. Your site needs to tell your story in a way that resonates with donors while also providing clear pathways for people who want to learn more, get involved, or access your services.
The biggest challenge? Organizing all their initiatives in a way that would be easy to digest for someone just learning about the organization, while always encouraging visitors to take the next step and get more involved.
The Strategy: Building a Foundation for Growth
Before diving into design, we needed to get strategic about the content.
We started with a 4-week build timeline, but the upfront content collection phase took a bit longer. Since most of the copy needed to be written fresh, I offered guidance on site layout, navigation structure, and what content would be most important to include on each page.
This is where my nonprofit background really comes into play. I know what information donors are looking for. I understand what makes someone trust an organization enough to write a check. And I’ve seen what helps people understand complex initiatives quickly.
Bernadette, who happens to be a talented copywriter herself, took my framework and created compelling copy that truly captured their mission and impact. We collaborated on the messaging, making sure every page had a clear purpose and guided visitors toward taking action.
The key was finding the right balance. We needed to showcase their gorgeous imagery (they had incredible photos from their work around the world) while providing enough information to build trust and inspire action. Too many words and people zone out. Too few and they don’t have the information they need to feel confident supporting the organization.
We also needed to integrate their new CRM and donation system seamlessly into the site. Making it easy for people to donate and join the mailing list was non-negotiable. Every barrier you remove increases the likelihood that someone will take that action.
The Solution: A Beautiful, Strategic Online Home
The new gemlegacy.org is a complete transformation, and it’s quickly becoming one of my favorite nonprofit website examples to share.
What makes this website work is how thoughtfully it’s organized. Every page is designed to help visitors understand the scope of Gem Legacy’s work while guiding them toward taking action, whether that’s learning more about specific initiatives, becoming a sponsor, or making a donation.
The site is now image-heavy in the best possible way. Those stunning photos of their work in the field take center stage on every page, immediately communicating the real-world impact of their mission. When someone lands on the homepage, they instantly see the people and communities being served. There’s no guessing about what this organization does.
The navigation is intuitive and strategic. I’ve worked on enough nonprofit sites to know that complex navigation kills engagement. If someone can’t find what they’re looking for in seconds, they’re gone. We created clear pathways for different types of visitors, making it easy for someone brand new to understand their work, while also providing depth for those who want to dig deeper into specific initiatives.
One of my favorite parts of this project? The clean design that Bernadette can easily update herself. As Gem Legacy grows and their initiatives evolve, she has the tools to keep the website current without needing to bring in a designer for every small change. This is something I prioritize in all my website design services. Your nonprofit website should empower you, not create another dependency.
We built dedicated pages for their various programs, each telling the story of that initiative while making it easy to support it. The sponsor page showcases current partners beautifully, giving them the recognition they deserve while creating aspirational positioning for potential new sponsors.
The donation integration is seamless. No clunky redirects or confusing forms. Just a straightforward way to contribute that builds confidence in the transaction.
The Results: Pride, Confidence, and Forward Momentum
The transformation goes well beyond aesthetics.
Gem Legacy now has a nonprofit website that reflects the high-quality impact of their high-quality organization. It’s a digital home they’re genuinely proud to share, and that pride shows up in how they’re showing up for their mission.
Bernadette shared something that really stuck with me. She said the new website gave them the confidence to move forward with initiatives that had been on hold. They were waiting for their online presence to catch up to their real-world work, and now it has.
This is something I see again and again with my clients. When you have a website you’re embarrassed to share, it holds your entire organization back. You hesitate to promote events. You don’t push as hard on social media. You might even turn down speaking opportunities because you don’t want people visiting your site.
But when you have a website that truly represents your work? Everything changes. You start sharing it everywhere. You mention it in conversations. You include it in every email signature and social media bio. You use it as the foundation for all your marketing efforts.
The site also provides a professional platform to showcase current sponsors and attract new ones. For nonprofits, this kind of credibility can make all the difference in securing the partnerships and funding needed to expand your reach.
Potential sponsors can now see exactly what they’d be supporting. They can understand the scope of the work. They can see other respected organizations that have already chosen to partner with Gem Legacy. All of that builds trust and makes the ask easier.
What Makes a Nonprofit Website Successful
Looking at the Gem Legacy project, there are some clear lessons that apply to any nonprofit looking to improve their online presence.
Organization matters as much as design. A beautiful website that’s hard to navigate won’t serve your mission. Before you think about colors or fonts, think about how someone brand new to your organization will move through your site. What do they need to know first? What questions do they need answered before they’ll donate or get involved?
Showcase your impact visually. If you have photos from your work in the field, use them prominently. Images build emotional connections faster than words alone. People don’t just want to read about your mission. They want to see the faces of the people you’re serving and the tangible work you’re doing.
Make it easy to take action. Whether it’s donating, volunteering, or joining your mailing list, every page should guide visitors toward the next step. Don’t hide your calls to action. Don’t make people hunt for ways to support you.
Plan for growth. Your website should be something you can update as your organization evolves. Build with flexibility in mind. Choose a platform and structure that allows for expansion without requiring a complete rebuild every time you add a new program.
Don’t wait for perfect. Gem Legacy had initiatives on hold waiting for their new site. Your website should support your work, not hold it back. If your current site isn’t serving you well, that’s costing you opportunities every single day.
Ready to Transform Your Nonprofit’s Online Presence?
If you’re working with a nonprofit organization that’s outgrown its website, I’d love to help you create an online home that makes you proud and moves your mission forward.
With my background in nonprofit marketing and my passion for strategic web design, I understand the unique challenges you’re facing. I know how to create sites that serve multiple audiences, tell compelling stories, and make it easy for people to support your work.
Whether you’re ready for a complete website redesign or you just want a professional set of eyes on your current site to identify quick wins, I’m here to help.
Book a discovery call to chat about your vision and how we can bring it to life together. Or sign up for the Website Design Made Simple newsletter, where I share one actionable tip each week to help you make your website work harder for your mission.
Your nonprofit is doing important work in the world. Your website should reflect that.
