Effective nonprofit websites need to make it easy for first-time visitors to understand an organization’s mission, find relevant information, and take meaningful action. For NorthPointe Church, I developed a comprehensive church website redesign concept focused on strengthening local outreach and visitor engagement.
Using Photoshop to create high-fidelity UI mockups, along with a live HTML/CSS prototype to demonstrate navigation, content structure, and interactive functionality, I explored a more intuitive user experience and strategic CTA placement. By restructuring the site's information architecture, the project demonstrates how thoughtful web design and prototyping can create a stronger digital framework for community engagement and support broader nonprofit marketing strategy.
My Role:
Information Architecture, Wireframes, Moodboards, Prototype
Tools:
Illustrator, Figma, Dreamweaver, Photoshop, Bootstrap 4
Client:
North Pointe Baptist Church
To identify performance gaps and UX opportunities, I conducted a competitive landscape review of high-performing DFW mega-church websites. This analysis focused on content hierarchy, navigation logic, mobile experience, and engagement-driving features. Insights from these benchmarks shaped the project’s UX strategy and helped establish standards for structure and functionality.
Using insights from the competitive review and stakeholder input, I restructured the site map to reduce friction and improve wayfinding. Figma wireframes were developed to validate the IA, optimize navigation flows, and ensure key user tasks—such as finding service times, watching sermons, or connecting with ministries—were easily accessible.
Although the primary brand colors were already established, I used a structured ideation process—including moodboards—to evaluate new visual directions, refine accessibility contrast levels, and ensure consistency across digital and print channels.
After alignment on structure and visual strategy, I produced high-fidelity mockups for each page. These designs emphasized clarity, visual hierarchy, mobile responsiveness, and content readability—all tailored to support user engagement and reduce cognitive load.
Recognizing that congregants often interact with church content via mobile, I finalized the project with mobile-first UI concepts. These designs ensured seamless access to sermons, event details, and navigation on smaller screens, supporting higher engagement across devices.
To reduce development risk and validate key UX decisions early, I produced an interactive HTML prototype prior to WordPress implementation. This allowed stakeholders to test navigation flows, review content hierarchy, and identify usability issues in a low-cost environment. Gathering feedback at this stage ensured the final build was aligned with user needs and minimized downstream revisions.
VIEW PROTOTYPE
