Transform Fremantle
A purpose-built community platform uniting churches across Fremantle — designed to coordinate prayer, share resources, and grow a movement.
I want to give a huge shoutout to Caleb for building Transform Fremantle's website. The design is clear, engaging and easy to navigate - honestly far better than anything I could have created myself. He really understood what I was trying to achieve and turned it into something that looks professional and works beautifully. I'm genuinely impressed with the quality and attention to detail. If anyone needs a website done, I can't recommend him enough.
Liz
Founder of Transform Freo
Overview
Transform Fremantle is an interdenominational Christian movement uniting churches across the City of Fremantle in coordinated prayer. They needed a digital home that could communicate vision, coordinate five weekly prayer meetings across different venues, host downloadable resources, and invite the community to connect — all while reflecting the warmth and gravity of the mission. The result is a clean, purposeful platform that treats the content with the seriousness it deserves while remaining approachable and easy to navigate.
Screenshots
What I Delivered
- Logo design — anchor and compass-inspired mark in navy and gold, sized for web, social, and print
- Complete website — design, development, content structuring, and deployment
- Platform migration from Base44 scaffold to standalone Vite + Vercel architecture
- Homepage with hero, vision statement, and prayer meeting schedule
- Five-day prayer schedule with church names, addresses, times, and map links
- About page with mission statement and unity principles
- Vision & Aim page with four structured aims and supporting copy
- Statement of Faith page with formatted Apostles' Creed
- Downloadable PDF resource library with automated build-time manifest
- Connect page with contact form, phone, Instagram, and bank transfer details
- Serverless contact form with email delivery, anti-spam, and rate limiting
- Responsive design optimised for mobile and desktop
Key Features
- Five-page SPA with branded hero sections and consistent layout system
- Weekly prayer schedule with five venues, times, and embedded map links
- Contact form with serverless email delivery via Vercel Functions and Resend
- Honeypot anti-spam and IP-based rate limiting on form submissions
- Automated PDF resource pipeline with SHA-256 cache busting and build-time verification
- Resource overrides system for managing display names and deprecation without code changes
- Vision & Aim page with numbered pillars and iconography
- Mobile-first responsive layout with sticky blurred header and hamburger navigation
- Smooth page transitions and micro-animations via Framer Motion
- Bank transfer details section for supporters
Stack & Tooling
- React 18 (Vite SPA)
- JavaScript (JSX)
- Tailwind CSS 3.4 + shadcn/ui
- React Router DOM v7
- Framer Motion
- Lucide React
- Vercel Serverless Functions
- Resend (transactional email)
- Supabase Storage (image CDN)
- Vercel (hosting)
Integrations & Backend
- Serverless email delivery via Resend with formatted HTML templates
- Supabase Storage for image and PDF asset hosting
- Google Maps links for each prayer venue
- Instagram profile link for community engagement
- Honeypot anti-spam and IP-based rate limiting
Performance / SEO / Accessibility
- Semantic HTML with ARIA live regions and proper form labelling
- Responsive images with appropriate sizing
- Fast page loads via Vite code splitting and static asset optimisation
- Content-hash cache busting on PDF resources
- Clean URL structure with SPA fallback routing
- Mobile-optimised touch targets and typography
- Production safety guards blocking accidental localhost API calls
Challenges & Constraints
- Migrating from a low-code platform (Base44/Supabase) to a production-ready standalone architecture
- Engineering a resource management system that lets non-technical users update PDFs without touching code
- Building a reliable serverless contact form with anti-spam, rate limiting, and proper email deliverability
- Coordinating content across five different churches with varying schedules
- Presenting theological content in a modern, readable format without losing gravity
- Balancing warmth and approachability with the seriousness of the mission
What I'd Improve Next
- Add a headless CMS so the client can update prayer schedules and content independently
- Implement persistent rate limiting via Vercel KV or Upstash Redis
- Add privacy-respecting analytics to track page views and resource downloads
- Expand the resource library with categorised filtering