Case Study

ArcStone redesigned Beacon Interfaith Housing’s website with accessibility improvements and optimized donation funnel.

A desktop computer screen displays the Beacon Interfaith Housing Collaborative website. The header shows the Beacon logo and navigation links including “What We Do,” “Who We Are,” “Get Involved,” “Blog,” and a blue “Donate” button. Below a colorful banner with abstract illustrations, the page content highlights four sections: Who we are (a collaboration of congregations and housing advocates), What we do (building affordable homes and advocating for policy solutions), Where we work (serving over 1,200 residents in the Twin Cities metro), and How to help (encouraging community engagement, donations, and advocacy). A group photo of people standing in front of a building appears in the left column.
The Beacon Interfaith Housing Collaborative logo. The design features a colorful flower-like icon made of house-shaped elements in orange, pink, teal, green, and yellow, arranged in a circular star pattern. To the right, the word “Beacon” is written in large dark gray letters, with the tagline “Interfaith Housing Collaborative” in smaller uppercase text below.

Beacon Interfaith Housing Collaborative is a faith-based nonprofit organization that advocates for affordable housing solutions across communities of faith. As a collaborative bringing together multiple congregations and community partners, Beacon needed a digital platform that could effectively communicate their housing advocacy mission while providing clear pathways for supporters to contribute to affordable housing initiatives through donations, volunteer engagement, and policy advocacy.

Our Role

  • Strategy & User Experience Design
  • WordPress Redesign & Development
  • Accessibility Implementation
  • Call-to-Action Optimization
  • Donation Funnel Development
  • Visual Hierarchy Enhancement
  • Ongoing Hosting & Support

The Challenge:

Beacon’s existing website suffered from multiple barriers that prevented effective mission communication and supporter engagement. The outdated design lacked visual clarity and accessibility features, making it difficult for community members to understand Beacon’s work and get involved. Most critically, the donation pathway was poorly structured, creating friction for supporters wanting to contribute to affordable housing initiatives. The site’s weak calls-to-action and unclear user flow meant that Beacon’s powerful advocacy message wasn’t translating into the supporter engagement needed to advance their housing justice work.

A laptop screen displaying an older version of the Beacon Interfaith Housing Collaborative website. The header has two banners with buttons reading “Why Are People Homeless?” and “Donate to End Homelessness.” Below is the Beacon logo with navigation tabs: Home, Homewords, Who We Are, What We Do, and What It Takes. The right sidebar includes a search bar, a “Receive Our Newsletter” button, and a highlighted box for the campaign “3 Families Moving Forward.” The main content area features articles titled Francis speaks truth to power and Recent reads on who needs housing, alongside an orange button labeled “Opening Doors: See Our Work In Person.” The background features a faded black-and-white photo of a smiling family.

Our Approach

ArcStone implemented a comprehensive WordPress redesign focused on mission clarity and supporter conversion. We developed a mission-forward homepage structure that immediately communicates Beacon’s housing advocacy work while creating clear pathways for different types of engagement. The redesign prioritized accessibility improvements including contrast fixes and enhanced visual hierarchy, ensuring the platform welcomes all community members including those with disabilities.

Our strategic approach emphasized optimizing calls-to-action throughout the user journey, creating multiple opportunities for supporters to engage whether through donations, volunteer opportunities, or advocacy actions. The improved donation funnel streamlines the giving process while the enhanced campaign support features enable Beacon to promote specific housing initiatives more effectively.

A webpage from Beacon Interfaith Housing Collaborative with a white header showing the Beacon logo, navigation menu (What We Do, Who We Are, Get Involved, Blog), and a blue “Donate” button. Below, a banner features circular photos of people smiling and families together. The main text reads in bold yellow: “Provide homes. Strengthen communities.” followed by a message about how donations help create affordable homes, support residents, and advance policy solutions. A subheading below says: “Make a lasting impact — Donate to Beacon.
A webpage from Beacon Interfaith Housing Collaborative’s blog section. The header includes the Beacon logo, navigation links (What We Do, Who We Are, Get Involved, Blog), and a blue “Donate” button. The page title reads “Blog” with a dropdown menu labeled “Browse by Category.”

Reviewing The Results

Beacon Interfaith Housing Collaborative launched a redesigned platform that significantly improves both accessibility and supporter engagement. The mission-forward structure and enhanced visual hierarchy help visitors quickly understand Beacon’s housing advocacy work, while the optimized donation funnel has strengthened their fundraising capacity. Strategic calls-to-action throughout the site create multiple engagement pathways, and the accessibility improvements ensure that all community members can participate in Beacon’s housing justice work.

109% Increase

Backlinks increased by 109% from 35.9K to 75K, dramatically strengthening domain authority.

224% Increase

Organic traffic grew by 224% from 492 to 1.6K, significantly expanding digital reach.

Core Web Vitals Passed

All Core Web Vitals metrics passed Google’s standards for optimal user experience.

Let ArcStone Help with Your New WordPress Website!

Get Started