Generation Church

Generation Church — Custom Website Design & Build

Overview

Generation Church, a rapidly growing multi-generational church in Jupiter, Florida, needed a modern website that reflected their identity, improved digital engagement, and supported future expansion. Their existing site lacked structure, consistency, and flexibility. Our goal was to create a platform that visually communicates their mission while giving their team a scalable and easy-to-manage system.

Digital Engagement

The Challenge

Generation Church’s digital presence didn’t match the energy, warmth, and clarity of their in-person experience. They needed:

Plus Icon
A refreshed design aligned with their evolving brand
Plus Icon
A clear content structure for ministries, sermons, events, and next steps
Plus Icon
Better mobile usability
Plus Icon
A flexible backend so their team can update content easily
Plus Icon
A fast, scalable build suited for future growth (new campuses, increased digital engagement)

Why Genration

The Design Approach (Figma)

We developed a modern, clean, and inviting design in Figma centered around clarity and storytelling. The layout uses large imagery, bold typography, and intuitive navigation to help first-time visitors understand who the church is, where to go, and how to get involved.

Key design principles included:

Plus Icon
Big, warm hero sections showcasing real community moments
Plus Icon
A clear UX path for first-time visitors, returning members, and online viewers
Plus Icon
Strong CTAs for “Join Us,” “Next Steps,” “Give,” and “Watch”
Plus Icon
Modular content blocks for ministries, events, and messages
Plus Icon
Mobile-first thinking to ensure effortless navigation on phones

The visual language reflects the church’s personality: friendly, energetic, modern, and approachable.

Bringing The Design

Bringing the Design to Life (Custom Build on Underscores)

The site was developed as a fully custom WordPress theme using Underscores as the foundation. This gave us complete creative freedom to translate the Figma design exactly as intended.

The hero sections, bold statements, and image-driven storytelling are faithfully reproduced, ensuring the site feels just as immersive as the design. Navigation and mobile interactions were custom-styled to maintain the clean, minimal feel across all breakpoints.

Each section from the prototype — ministries, events, sermons, next steps — was built as a flexible, reusable component. This allows the church team to update content easily while the visual consistency remains intact.

With a lightweight base and custom styling from the ground up, the result is a fast, scalable, and maintainable theme that supports future growth without design limitations.

Outcome Impact