Andrew Forster
NextJS Developer
contact@andrewjf.com
contact@andrewjf.com

2026 All Rights Reserved
  1. Home
  2. Projects
  3. Gloria Dei Website
Gloria Dei Website

Gloria Dei Website

RockRMS
Bootstrap
HTML
CSS
JavaScript

Modern church website built with RockRMS

Overview

While working at Triumph Tech, I was one of two main developers on the Gloria Dei Church website. Built on RockRMS, the project emphasized visual polish, consistent design, and backend integration with the RockRMS platform.

Objectives

  • Build a modern, responsive church website using RockRMS.

  • Follow a strict internal style guide covering layout, spacing, components, and typography.

  • Reflect the church's welcoming tone through smooth animations and thoughtful color usage.

  • Connect front-end pages with editable content powered by RockRMS.

Challenges

  • Implementing unique page layouts within the constraints of RockRMS.

  • Maintaining pixel-perfect design across many custom-built components.

  • Balancing animations with accessibility and performance.

  • Working with RockRMS shortcodes and control gallery for advanced content.

Process and Highlights

I worked closely with another developer to design and develop each page with an eye for detail. We used the GloriaDeiV1 theme style guide created by Triumph Tech, which included resources for typography, buttons, navs, components, and layout structures.

We implemented Triumph Swiper for rich visual interaction, created reusable shortcodes, and adhered to modular component standards for future scalability. The design paid close attention to spacing, transitions, and consistency across devices.

Results

The result was a highly polished, responsive website fully integrated with RockRMS. The church staff can manage content easily, and the site has been well received by both the team and the congregation.

Conclusion

This project was a great example of combining backend integration with front-end finesse. It deepened my experience with CMS-based projects, strict design systems, and cross-developer collaboration.

More Projects

Walker & Homes Photography

Walker & Homes Photography

MySQL
TypeScript
React
Next.js
Square
+7
Hexis

Hexis

Rust
Java
C
TypeScript
Lua
+7
Menu AI Importer

Menu AI Importer

Next.js
React
Tailwind CSS
Shadcn UI
OpenAI API
+5