All workSelected work / 04

A connected suite of tools for church teams, presentation, and study.

Web platforms
Interface studyChurchAI
ChurchAI interface
01 / Context

The idea

A suite of tools for church teams, spanning a public website, a web presentation workspace, a desktop presentation app, and an AI study workspace. The story is about connecting preparation with delivery across different working environments.

My contribution

Lead Developer
WebInfluencers

Built with

Next.js · React · Electron · Firebase · Motion · Tailwind CSS

Platforms

Web · Desktop

Explore the live project

Inside ChurchAI

Product walkthrough
02 / The problem & the approach

What the experience needs to solve

Preparing a service and presenting it live are different tasks. Teams need a place to organise content, an interface for operating the presentation, and a separate workspace for study and preparation.

The approach

ChurchAI introduces the suite publicly; Pulpit provides rundown and presentation tools on web and desktop; Logos provides a focused study workspace.

The story, screen by screen.

03 / User journeys
01 / Product experience

Prepare the service

As a church team member, I want to organise the service into a rundown before presentation begins.

Pulpit’s web workspace makes the order of service visible and places presentation controls beside the content.

ChurchAI: Prepare the service
Prepare the serviceActual interface · Open image to inspect
02 / Product experience

Rehearse on desktop

As a presentation operator, I want a dedicated desktop workspace to prepare and rehearse delivery.

The native Pulpit app provides the rundown and presentation workflow in an Electron application.

ChurchAI: Rehearse on desktop
Rehearse on desktopActual interface · Open image to inspect
03 / Product experience

Make space for study

As someone preparing a message, I want a workspace dedicated to research and preparation.

Logos separates the study task from the live presentation interface, giving each workflow its own context.

ChurchAI: Make space for study
Make space for studyActual interface · Open image to inspect
04 / Product experience

Enter the team workspace

As a returning team member, I want to access my account and recover it if needed.

Pulpit’s sign-in, registration, and password recovery screens form a distinct entry journey into the suite.

ChurchAI: Enter the team workspace
Enter the team workspaceActual interface · Open image to inspect
04 / Behind the interface

Engineering the experience

Shared React and Firebase foundations support the web products while Electron provides a desktop delivery surface.

The captured desktop flow uses the app’s offline rehearsal profile, showing the presentation workspace separately from the network-backed web account flow.

Account and church setup are explicit steps before a team enters its workspace.

Keep exploring05 / 11
SimplyFun Interactive
Commerce
SimplyFun Interactive interface
View project
The next project opens at the end of this page