Case Study
|
Cross Connect App
Designing an AI Companion for Daily Faith
How Cross Connect became a personalized, spiritually grounded mobile experience — shaped by product strategy, experience design, and close cross-functional collaboration.
Industry
FaithTech · AI
Companion · Wellness
Client
Wisdom Wear
Scope
Product Strategy · MVP Design · UX/UI · Brand Foundations
Deliverables
Mobile App UX/UI · Design System · AI Interaction Patterns · Wearable-Ready Flows
Platform
iOS · Android · Wearable Companion
Timeline
MVP Phase
Executive Overview

A faith companion built for the modern believer

"Wisdom Wear came to us with a clear ambition: build a faith technology product that felt genuinely personal — not another devotional app, but a true companion."

Cross-connect is a mobile application designed to bring faith practice into everyday life through an AI-powered companion, guided journaling, and personalized Scripture engagement. The product is built around Pete — an AI companion who learns, remembers, and grows with each user's spiritual journey.

Our engagement covered the full product design scope: from competitive discovery and MVP definition through to experience architecture, AI interaction design, visual language, and a development-ready handoff. The result is a cohesive, spiritually resonant product system built to scale.
"Not another Bible app. A companion that grows with you."
Product Vision
An AI companion for daily faith that feels personal, present, and alive to the user's spiritual context.
The Opportunity
Faith apps lack depth, personalization, and emotional intelligence. Cross-connect's advantage is intimacy over breadth.
Our Role
End-to-end product design from strategy and research through to a complete, build- ready MVP design system.
The Challenge

Bridging faith and daily digital life

Most faith-based apps today are either too rigid or too generic. Cross-connect needed to feel different — intimate, intelligent, and grounded in genuine spiritual practice.

01
Fragmented Faith Tooling
Existing apps separate Bible reading, prayer, and journaling into disconnected tools. Users wanted a single, connected experience that supported their whole faith life — not a collection of features.
02
No Personalized Guidance
Generic daily devotionals and push- notification reminders don't reflect where a user actually is in their journey. There was a clear gap for AI-assisted spiritual companionship that felt responsive and empathetic.
03
Defining a Credible MVP
With ambitious ideas on the table, the team needed help separating high- impact MVP features from longer-term additions — and doing so in a way that preserved the product's emotional and spiritual core.
04
Visual Language Without Precedent
Faith technology lacks a strong visual design reference. Creating an interface that felt sacred without being heavy, modern without being secular, required building a distinctive design language from the ground up.
05
Alignment Across Disciplines
Getting business stakeholders, designers, and engineers aligned on scope, priorities, and feasibility before development began was essential — and needed to be structured, not assumed.
06
The Design Response
We approached this as a full product design engagement — from research and strategy through to a complete MVP experience ready for development. Every decision was rooted in both user need and business viability.
How We Worked

From first principles
to build-ready design

A structured, collaborative process — moving from strategic clarity to a complete, production-ready MVP design across five focused phases.

Every phase was run in close collaboration with Wisdom Wear's product and engineering leads — with weekly reviews, shared prioritization decisions, and design validated against technical feasibility before delivery.

01

Strategy & MVP Definition

Competitive analysis, user needs mapping, product vision alignment, and a clear MVP feature framework.

02

UX Architecture & Key Journeys

Navigation model, user flow design, information architecture, and core interaction patterns across all five features.

03

AI Interaction Design

Pete's conversational model, emotional tone calibration, context-aware response patterns, and wearable companion integration.

04

Visual System & Prototype

Color palette, typography, UI components, illustration direction, and a fully interactive high-fidelity prototype.

05

Build-Ready Handoff

Annotated screen specs, component documentation, developer notes, and a complete design system ready for engineering.

Discovery & Research

Insights that shaped the product

Before designing a single screen, we invested in understanding the landscape — who else was building in this space, what users wanted, and what design language felt right.

Competitive Analysis

We reviewed the top faith-based apps across iOS and Android —evaluating UX patterns, AI usage, onboarding flows, and retentionstrategies. Key insight: most competitors chose breadth over depth.Cross-connect's opportunity was intimacy.

"I wish it remembered where I left off in my faith
journey. Every time I open it, it's like starting over."

"The AI feels robotic. I want it to feel like a real
conversation with someone who knows me."

App Review Analysis

Analyzing over 2,000 reviews across competitor apps revealed aconsistent pattern: users wanted continuity, memory, and genuineempathy from AI-powered faith tools — not scripted responses.

Color stats

Cream · Sand · Linen · Terracotta · Espresso

Color Exploration

We explored palettes rooted in warmth, earth, and natural calm —moving away from dark or clinical tones toward soft creams, warmlinens, and terracotta as the spiritual accent. The resulting palettefeels inviting, accessible, and distinctly faith-aligned.

Still waters.

DM Sans · Interface & Clarity

The path of the righteous grows ever brighter.

Competitive Analysis

We reviewed the top faith-based apps across iOS and Android —evaluating UX patterns, AI usage, onboarding flows, and retentionstrategies. Key insight: most competitors chose breadth over depth.Cross-connect's opportunity was intimacy.

Defining the Product Strategy

Clarity before every decision

A strong MVP is not a small product — it's a focused one. We helped the teamdefine what Cross-connect fundamentally is, who it truly serves, and whichfeatures were essential to launch with confidence.

01 / Vision

Product Vision

Cross-connect is the most personal faith companion available — one that understands where you are in your journey and walks alongside you, day by day.

02 / User

Target Audience

Christian adults aged 25–45 who are active in their faith but struggle to maintain consistent daily practice amidst modern life demands.

03 / Core Loop

Daily Engagement Model

Morning check-in → AI-guided reflection → Scripture engagement → journaling or prayer. A sustainable daily loop that deepens over time.

04 / Differentiation

Personalized AI Companionship

Pete, the AI companion, remembers user context, responds to emotional cues, and provides spiritually grounded guidance — not generic devotionals.

05 / MVP Principle

Depth Over Breadth

Five core features done exceptionally well — rather than ten done adequately. Each feature was evaluated against user value, technical feasibility, and emotional
resonance.

06 / Growth

Designed to Scale

The design system and product architecture were built with future features in mind — community tools, streaks, deeper Bible study modes, and multilingualsupport.

Collaboration Model

Business, design,
and development in alignment

Great products emerge from structured collaboration, not siloed handoffs. We ran a tight, transparent process that kept all three disciplines informed and aligned at every stage.

Weekly alignment reviews
Joint reviews with business, product, and engineering leads kept priorities current and decisions grounded in feasibility.
Technical constraints embedded early
Development input during UX design prevented costly rework. AI limitations, API constraints, and platform requirements shaped design decisions proactively.
Annotated, development-ready specs
Every screen was delivered with clear annotations, interaction notes, and component documentation — minimizing ambiguity for the engineering team.
MVP scope maintained under pressure
A structured prioritization framework helped the team hold the MVP boundary — enabling focused delivery without sacrificing product quality.
Collaboration model
Feature Experience

Five experiences,
one coherent journey

Each feature was designed to serve a specific moment in the user's daily faith
practice — and to feel natural, warm, and intentional in its execution.

Home
Chat with Pete
Journal with Prayer Pendant
Smart Bible
Favorites
Feature experience
Feature 01 of 05

Your daily faith dashboard

The Home screen is the first thing users see each morning — a warm, personalized entry point that combines a daily Scripture verse, Pete's proactive check-in, quick-access shortcuts, and a mood prompt that sets the tone for the day ahead.
Check mark
Personalized greeting using the user's name and time of day
Check mark
Daily verse surfaced by AI based on user history and mood patterns
Check mark
Pete's proactive nudges based on journaling and activity recency
Check mark
Quick-access shortcuts to the user's most-used features
Check mark
Mood check-in that informs Pete's tone and content selection for the day
Feature experience
Feature 02 of 05

Your daily faith dashboard

The Home screen is the first thing users see each morning — a warm, personalized entry point that combines a daily Scripture verse, Pete's proactive check-in, quick-access shortcuts, and a mood prompt that sets the tone for the day ahead.
Check mark
Personalized greeting using the user's name and time of day
Check mark
Daily verse surfaced by AI based on user history and mood patterns
Check mark
Pete's proactive nudges based on journaling and activity recency
Check mark
Quick-access shortcuts to the user's most-used features
Check mark
Mood check-in that informs Pete's tone and content selection for the day
Feature experience
Feature 03 of 05

Your daily faith dashboard

The Home screen is the first thing users see each morning — a warm, personalized entry point that combines a daily Scripture verse, Pete's proactive check-in, quick-access shortcuts, and a mood prompt that sets the tone for the day ahead.
Check mark
Personalized greeting using the user's name and time of day
Check mark
Daily verse surfaced by AI based on user history and mood patterns
Check mark
Pete's proactive nudges based on journaling and activity recency
Check mark
Quick-access shortcuts to the user's most-used features
Check mark
Mood check-in that informs Pete's tone and content selection for the day
Feature experience
Feature 04 of 05

Your daily faith dashboard

The Home screen is the first thing users see each morning — a warm, personalized entry point that combines a daily Scripture verse, Pete's proactive check-in, quick-access shortcuts, and a mood prompt that sets the tone for the day ahead.
Check mark
Personalized greeting using the user's name and time of day
Check mark
Daily verse surfaced by AI based on user history and mood patterns
Check mark
Pete's proactive nudges based on journaling and activity recency
Check mark
Quick-access shortcuts to the user's most-used features
Check mark
Mood check-in that informs Pete's tone and content selection for the day
Feature experience
Feature 05 of 05

Your daily faith dashboard

The Home screen is the first thing users see each morning — a warm, personalized entry point that combines a daily Scripture verse, Pete's proactive check-in, quick-access shortcuts, and a mood prompt that sets the tone for the day ahead.
Check mark
Personalized greeting using the user's name and time of day
Check mark
Daily verse surfaced by AI based on user history and mood patterns
Check mark
Pete's proactive nudges based on journaling and activity recency
Check mark
Quick-access shortcuts to the user's most-used features
Check mark
Mood check-in that informs Pete's tone and content selection for the day
Crafting the Visual Language

A design system built
for sacred space

The visual language of Cross-connect had to feel unmistakably its own — grounded in faith, warm in tone, and modern in execution. We approached it as a system, not a style sheet.

Cross connect

Primary Mark

Crossconnect

Wordmark Variant

Logo & Brand Mark

Simple, Sacred, Recognizable

The cross mark carries immediate spiritual recognition without visual complexity. The wordmark pairs a light serif with a terracotta accent — clean, confident, and faith-native.

Still waters.

Green pastures.

DM Sans · Interface Labels · Navigation · UI

Typography

Serif for Reflection, Sans for Clarity

Cormorant Garamond brings editorial warmth to Scripture, devotionals, and reflective moments. DM Sans handles navigation and UI with clean legibility. Together they create a dual register — between contemplation and action.

Daily Verse

"The Lord is my shepherd; I shall not want."

Psalm 23:1

All
Verse
Trending
Books
Pete's Message

How are you feeling this morning? Let's begin.

Let's Chat...
Interface Style

Soft, Calm & Spaciously Human

Cross-connect's UI is deliberately open — warm cream surfaces, generous whitespace, and minimal visual noise. Cards carry gentle borders and light shadows; navigation is unobtrusive; and every element is spaced to invite pause rather than prompt urgency. The interface balances AI guidance, journaling, Scripture discovery, and companion moments without tension — each feature feels like a natural part of one calm, coherent experience.

Outcome

A product with clarity, conviction, and momentum

The visual language of Cross-connect had to feel unmistakably its own — grounded in faith, warm in tone, and modern in execution. We approached it as a system, not a style sheet.

13+

App archetypes studied during competitive analysis

110+

Features evaluated; 5 coreexperiences prioritized for MVP

150+

Screens designed across the full product experience

3

Disciplines aligned — business, design, and development

A sharply defined MVP that the team could build with confidence — without scope creep or ambiguity

Product Strategy · MVP Scoping

A faith-centered AI companion experience that feels emotionally intelligent and spiritually grounded

UX & Interaction Design

A cohesive visual design system built to scale — from MVP launch through to future product growth

Visual Language & Design System

Full engineering alignment with annotated specs, ready for immediate handoff to development

Cross-Functional Delivery

Going Deeper

From Product Vision
to Technical Execution

Explore how the product strategy and experience design translated into a scalable, development-ready MVP foundation — covering architecture decisions, AI integration, backend infrastructure, and the technical choices that make Cross-connect's personalized experience possible at scale.

React Native
AI / LLM Integration
Node.js API
BLE · Prayer Pendant
Real-time Sync
Scalable Architecture