American Bible Society: User Journey

Client

  • 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

Mobile