St. Rose of Lima Parish Website (Concept Prototype)
St. Rose of Lima Catholic Church (Independent concept) • 2026 • Independent concept / exploratory prototype (not an official parish website)
An independent, mobile-first website concept for a small-town Catholic parish. Built to make Mass times, sacraments, bulletins, and ministries easier to find, with a calm visual system that feels reverent without looking dated. Designed so it could scale into a pastorate structure if needed.
Deliverable
Working website prototype: https://stroseoflima.netlify.app/
Primary focus
Clarity of key parish information (mobile-first)
Stack
Next.js + Tailwind (deployed via Netlify)
In this case study
- 1. Problem
- 2. What we did
- 3. Outcome
Problem
Small parishes often rely on templated or outdated web platforms that technically work, but make key information hard to find, especially on mobile.
Visitors and parishioners typically come for a few high-intent tasks (Mass times, confession, sacraments, bulletins, contact), yet these are frequently buried in navigation, PDFs, or long pages.
A pastorate environment raises the complexity further: multiple parish identities, multiple schedules, and shared staff information need a structure that stays clear instead of chaotic.
The goal was to explore a cleaner, modern approach that improves clarity and trust without losing a distinctly Catholic sense of reverence.
What we did
- While exploring the website concept, we created a simple logo study inspired by St. Rose of Lima and traditional Catholic iconography.
- Designed a calm, editorial visual system that prioritizes readability, restraint, and a sacred tone
- Cut navbar items from 13 to 5 and organized them around the most common user needs and tasks. Implemented a dropdown for the less common but still important pages to keep the main navigation clean.
- Rebuilt page structure around the parish’s most common user needs: Mass times, sacraments, bulletins, ministries, and contact.
- Created a mobile-first layout with clear hierarchy, large tap targets, and simplified navigation for older and less technical users.
- Developed the prototype in Next.js + Tailwind and deployed it on Netlify for easy sharing and iteration.
- Planned a scalable content model that could support a future pastorate site (parish-specific pages plus shared pastorate sections).
- Crafted simple event graphics to fill page and give a sense of how the design could work with real content, while keeping the focus on clarity and usability rather than visual flair.
Outcome
A functioning prototype demonstrating what a modern parish website could look like with improved clarity, navigation, and mobile usability.
A reusable foundation that can adapt to a pastorate structure (multiple parishes, schedules, and shared content) without becoming cluttered.
Screens / visuals
