SGV Christian Club Collective
20 schools. One collective. One website.
A regional network of high school Christian clubs across the San Gabriel Valley needed a single home on the web. Built the site end to end, designed the visual system, and shipped a multi-page Next.js build with a focused RSVP funnel for their flagship event.
First real client project. The collective needed a serious site fast, and I built it for them across a couple of weekends. It is now the org's primary public presence and the funnel for their flagship gathering. The bar this project set, calm visual system, real CTAs, fast mobile, is the bar every CS Web Studio site is held to.
The collective spans 20 high schools, dozens of student leaders, churches, and a flagship gathering called Everything Night. Before the site, all of that lived in scattered Instagrams and group chats. New students had no way to find their campus club, parents had no way to verify it was real, and the org had nowhere to send a curious freshman.
Built around a single calm message: One mission, every campus. The home page tees up the three pillars (Connection, Welcoming, Real faith), then surfaces the flagship event with a date-anchored RSVP CTA, then lists every campus club with its own card. Light navy + sky-blue palette to feel inviting, not corporate. Mobile-first, since every student lands from a phone.
One URL students can share. RSVP for Everything Night funneled through a single date-anchored CTA. Per-campus club pages so a freshman from any of the 20 schools can find their club in two taps. Site doubles as the hub for leadership, partner churches, and event archives.
What is in the build
Page-level highlights.
- 8-page Next.js site (Home, About, Events, Everything Night, Clubs, Leadership, Churches, Contact)
- Per-campus club pages so students can find their school in one tap
- Date-anchored RSVP CTA in the navbar driving the flagship event
- Three-pillar value section: Connection, Welcoming, Real faith
- Custom navy + sky-blue palette with calm, trust-led typography
- Open Graph image for clean link previews when students share it
- Sitewide preserved-aspect images for fast LCP on mobile