Selah Case Study

A focused daily devotional

Mobile-first reading, quick journaling, and simple reflection tools in one place.

Selah hero image

Role

Full-stack + UI/UX

Timeline

2.5 weeks · Hosted on Vercel

Stack

Next.jsTailwind CSSFirebaseOpenAIGemini
Executive Summary

Problem · Solution · Outcome

01

Problem

Daily devotionals were split across PDFs, paper journals, and multiple apps — creating friction and lowering consistency.

02

Solution

I designed Selah Reflect, a mobile app that unifies scripture reading, guided reflection, journaling, and optional AI insights into one streamlined flow.

03

Outcome

Prototype testing achieved high task success for completing a daily devotional. Testers described the flow as faster and more motivating than working from PDFs.

Projected Impact

Projected Impact

01

~92% prototype task success for starting and completing a daily devotional.

02

Reduced setup from minutes to seconds by consolidating content and journaling.

03

Designed to increase weekly devotional completion and journaling consistency.

04

Focused typography and layouts to reduce cognitive load during reflection.

Problem

Where it began: static PDFs, static hearts

The challenge that sparked Selah.

The friction

At my church, devotions lived inside a Dropbox PDF. To engage, members juggled tablets, journals, and pinch-zoomed screens. Reflection was possible, but hardly inviting.

  • Awkward annotations on clunky PDFs
  • No easy way to add notes or search past reflections
  • Access limited to one rigid format

Selah was born to break that friction.

Original PDF page

The original Dropbox PDF.

Solution

A living, breathing devotional

By parsing the church's PDF into structured JSON, Selah unlocked devotionals into a new medium: clean, mobile-first, and ready anywhere. With journaling and AI reflections built-in, members can go beyond reading — they can converse with Scripture.

App walkthrough

Daily Scripture Overview screen
Highlights

Experiences that matter

Daily Scripture & reflections

The day's passage with clean verse typography and a clear starting point.

Guided journaling

Reflection questions with quick journal entries saved in context.

Reflect with AI

Optional prompts, interpretation, and application to deepen reflection.

Resource hub

Hymns, devotional content, and resources gathered in one place.

Mobile-first + PWA

Fast, installable experience designed for daily phone use.

Minimal onboarding

Members start reading in seconds without setup overhead.
Dev Journey

Learning by building

From minimal code knowledge to full-stack delivery.

Process

Crafting Selah

From sketches to sanctuary.

1

Planning & Design

Sketches, flows, and a calm visual identity.

2

Development

Next.js, Tailwind, Firebase, and AI integrations.

3

Deployment

Fast, reliable hosting on Vercel.

Comparison

Before and After

Drag or hover to compare.

Drag to compare
second image
first image

Optional AI assistant provides context without overwhelming the UI.

Outcome

Impact in practice

A devotional that meets people where they are.

Selah turns daily devotion into a clear, repeatable routine. People can read the day's text, capture a quick thought, and return later to pick up where they left off — without jumping between apps. Notes are saved in context, so past reflections are easy to review and compare over time.

When questions come up, built-in AI offers summaries or prompts to consider, keeping the focus on the passage rather than the tooling. The result is a lightweight flow that helps users stay consistent and engaged, whether they have two minutes or twenty.

Accessibility

Accessibility considerations

  • Minimum 16px base font and generous line spacing for devotional reading.
  • Semantic headings and clear focus order for assistive tech.
  • Calming color palette with AA contrast for scripture text.