03Freelancing
AGCP.in
Non-Profit Church Website
Website for an Assemblies of God church in Padhuvanchery, Chennai — sermon archive, events, giving, and prayer request intake.
Visit live site ↗- Company
- Freelance Client
- Role
- Freelance Web Developer
- Category
- Web Development
/images/work/agcp-church/cover.webp
Full-bleed project cover. Wide editorial crop of the interface or its subject matter.
01Impact
By the numbers.
7
Primary sections
3
Sunday services listed
Live
In production
Multi
Social channels
02Overview
The brief.
The congregation needed a single place for service times, recorded sermons, and the ways people engage between Sundays. The site carries a sermon archive, an events calendar, an offering path, and a prayer request form, alongside testimonies from members. Built so a non-technical team can keep it current.
Problem
A church audience splits into two groups with different needs: regular members looking for this week’s events and last week’s sermon, and newcomers who need service times and location before anything else. Both had to be served without burying either.
Solution
Clear service information above the fold for newcomers, with sermons, events, and engagement paths — prayer requests, giving, testimonies — as dedicated sections for the congregation. Social channels are surfaced directly so the site reinforces rather than competes with where the community already gathers.
03Features
What it does.
Sermon archive
Dedicated watch section for recorded messages, linked to the church’s video channels.
- Next.js
- Embedded media
Prayer request intake
Submission path so members can reach the ministry team directly from the site.
- Forms
- Validation
Events and service times
Three Tamil Sunday services and upcoming events, surfaced for first-time visitors.
- Content model
Giving
Offering section presenting contribution options clearly and without friction.
- Content management
Testimonies and social feed
Member accounts alongside an Instagram feed, connecting the site to the live community.
- Social embeds
- React
04Architecture
How it's built.
frontend
- Next.js
- React
- Tailwind CSS
- Responsive layouts
content
- Sermons
- Events
- Testimonies
- Service times
engagement
- Prayer requests
- Offering
- Social channels
governance
- Privacy policy
- Terms of use
- Cancellation policy
05Challenges
What was hard.
Two audiences, one homepage
Newcomer essentials — service times and location — take priority position; member-facing depth sits in dedicated sections below.
Content owned by a non-technical team
Content structured as data so events, sermons, and testimonies can be updated without touching layout code.
06Gallery
A closer look.
/images/work/agcp-church/01.webp
Interface detail. Crop tight on one screen or one interaction — not a full-page screenshot shrunk down.
/images/work/agcp-church/02.webp
Interface detail. Crop tight on one screen or one interaction — not a full-page screenshot shrunk down.
/images/work/agcp-church/03.webp
Interface detail. Crop tight on one screen or one interaction — not a full-page screenshot shrunk down.
/images/work/agcp-church/04.webp
Interface detail. Crop tight on one screen or one interaction — not a full-page screenshot shrunk down.
07Stack
Built with.
- Next.js
- React
- Tailwind CSS
- Content Management
Outcomes
- Live site serving a Chennai congregation
- Sermon archive and events maintained by the church team
- Prayer request and giving paths available directly from the site