American Bible Society: User Journey
- American Bible Society
Role
-
UI Design
-
Graphic Design
Overview
Big Idea – “Discover Your Spiritual DNA in minutes , learn where you are today, chart a growth path, and share the journey with others.”
Partnering with Bryce Reyes (Creative Director), our team translated extensive user‑journey research into a friction‑free web tool that guides seekers from a five‑question assessment to a personalized growth dashboard. Two parallel flows, Commercial (publishers/content partners) and Non‑Commercial (individual churchgoers), share a unified visual language while serving distinct KPIs, ensuring the experience speaks fluently to both ministry and marketplace audiences. The result: a modular interface system that moves users smoothly from curiosity to advocacy, all inside a clean, mobile‑first design.
My Contributions
- Designed the high‑fidelity UI, color system, typography, icon set, data‑viz widgets, and adaptive layouts—balancing ABS brand equity with modern product aesthetics.
-
Authored the interaction guidelines for Joe Sibal’s dev team, detailing component states, micro‑animations, and accessibility specs (WCAG 2.1 AA).
Collaborative Team
-
Bryce Reyes – Creative Director | product vision, brand alignment, design critiques
-
Joshua Smith – Executive Producer | client relations, scope & budget alignment
-
Christy Lopez & Anthony Siwajian – Project Managers | schedules, deliverables, stakeholder feedback
-
Joe Sibal – Web Development | front‑end build, back‑end integration, analytics
Deliverable & Impact
The final package, persona journey maps, responsive UI kit, interactive prototype, and dev‑ready asset library, equips American Bible Society to launch a scalable platform that:
-
Converts curiosity into actionable insights through a five‑minute assessment.
-
Surfaces personalized resources (books, media, experiences, volunteer ops) via a data‑driven dashboard.
-
Provides ministries and publishers with engagement analytics that inform next‑step content.
User Journey
