// overview
The Transforming Church UK is a vibrant, multi-campus church in London. We built an immersive, motion-led website that captures the warmth of the congregation and makes it effortless to watch live, plan a first visit, or give.
// problem & solution
What We Solved
ProblemSolution
ProblemTwo campuses, one identity. Visitors needed clarity on which site, when, and where.
SolutionA dedicated dual-campus layout with separate service times, addresses and directions for Barnet and Stratford.
ProblemThe congregation spans in-person attendees and online-only members.
SolutionZoom and YouTube livestream integration built directly into the homepage.
ProblemDonations needed to feel safe and simple for a registered charity.
SolutionA Stripe-powered giving flow for seeds, offerings and tithes, with a secure checkout.
ProblemCommon visitor questions about times, location and beliefs shouldn't need a human on standby.
SolutionA site-wide AI chatbot widget for instant, anytime Q&A.
ProblemGeneric church sites struggle to build trust.
SolutionReal congregation photography in place of stock imagery, plus member testimonies categorised by story type.
ProblemCompeting for visibility across two different London boroughs.
SolutionLocalised on-page SEO targeting Barnet and Stratford separately, rather than blended together.
// what we built
Features & Capabilities
Welcome & Gather
- Responsive hero slideshow (distinct desktop & mobile sets)
- Sunday service times with animated 'times ring'
- Two campus listings — Barnet & Stratford — with locations & parking
- Family-friendly, all-welcome first-visit framing
- Beliefs / mission 'pillars' section
Live & Online
- 'Join Us Live' links to the YouTube live stream
- Online meetings section for remote attendance
- Service strip highlighting weekly rhythms
- Testimonies from the congregation
Giving
- Secure online giving page (Stripe)
- Dedicated giving thank-you flow
- Clear, low-friction donation calls-to-action
Experience & Motion
- Particle canvas & animated light rays in the hero
- Custom cursor and scroll progress bar
- Framer Motion reveal animations throughout
- AI chatbot for visitor questions
Foundations
- Contact page with enquiry handling
- Privacy policy
- Resend transactional email
- Supabase data layer
// the work
Screens & Experience
www.ttcuk.church
www.ttcuk.church
www.ttcuk.church
// built with
Next.jsTypeScriptFramer MotionStripeSupabaseResend
// more work
More Case Studies
↗
Ash Rehab
A cinematic, conversion-focused site for a CQC-registered home alcohol-detox service — with a clinical triage tool, booking flow and programmatic SEO.
↗The Johns
A cinematic, scroll-driven brand experience for a luxury restroom-trailer company, with themed room showcases, an instant unit calculator and Stripe checkout.
// Trusted by
// next steps
Build Something Like This
Have a product in mind? Let's make it the next case study.