Bypassland

What if an app could help you feel again?

Overview

Overview

Unpacking Strong Emotions

Imagine someone struggling with intense emotions they don’t fully understand, patterns they’ve carried for years but can’t quite name. Now, imagine giving that person a space where they can unpack those emotions, one layer at a time.

I led the end-to-end product design for an early-stage startup to create an AI-powered emotional processing app based on the Kiloby Inquiry (KI) method, a somatically informed approach that helps people access and release repressed emotions.

Problem

Killoby Inquiries traditionally requires a trained facilitator in a face-to-face interaction. This makes the work expensive, inconsistent, or intimidating, especially for beginners.

Goal

Design an AI-powered app that could educate users about Kiloby Inquiries, guide users through self-facilitated emotional processing sessions, and track psychological patterns over time.

Discover

Understanding the Context

Understanding the Context

Research Approach

I used mixed methods to understand both user behavior and the KI practice itself. I analyzed engagement data from KI's existing platform to identify friction points, then used qualitative methods to understand the practice:

I spoke directly to KI mentors and practitioners.

I spoke directly to KI mentors and practitioners.

Read several books: from official KI material to their recommended readings on psychology and emotional repression.

Read several books: from official KI material to their recommended readings on psychology and emotional repression.

Watched hours of recorded sessions between facilitators and practitioners.

Watched hours of recorded sessions between facilitators and practitioners.

Target Audience

Newcomers

Pain Points

Unsure how to start or what to say to the AI

Emotional vulnerability without a human guide

Lack of motivation or clarity about progress

Opportunities

Provide suggested first messages for emotional processing sessions to make getting started easier

Offer reassurance and education in friendly tone

Use gamification to encourage progress

Seasoned Practitioners

Pain Points

Difficulty maintaining a regular practice alone

Stagnation, feeling like sessions are repetitive

May feel dependent on a facilitator

Opportunities

Let users revisit psychological patterns they discovered during emotional processing sessions

Summaries, insights, and progress tracking

Build self-confidence to reduce reliance on facilitators

define

Designing for Emotional Inquiry

Designing for Emotional Inquiry

Core Challenges

Traditional AI chat interfaces require thinking and verbalizing. This pulls users away from their direct, emotional experience. Conversational UIs also come with structural limitations. Unlike spatial GUIs, conversations are linear and offer little guidance about what the system can do. I designed a hybrid interface combining conversational and GUI elements based on these core challenges:

How do we make users feel safe doing emotionally sensitive work with an AI?

Emphasize privacy, add an always-available emotional regulation button, and offer access to community and mentors.

How do we reduce the need for typing and verbalization?

Let users begin sessions with one-tap prompts, use affordances to reduce cognitive load, and support text-to-speech.

How do we turn an abstract inner process into actionable UI?

Let users “capture” psychological and emotional patterns as interactive UI elements they can reflect on and build upon.

How do we onboard users into a complex method like KI without overwhelming them?

Create short, spaced-out lessons, introduce complex topics later, and use gamification to boost learning motivation.

User Journey

The user journey was made to reflect the arc of an in-person KI session, but adapted into an interactive digital experience that supports the depth of a face-to-face session.

Visual representation of the user journey through the KI app, showing key stages from onboarding to emotional processing.
Visual representation of the user journey through the KI app, showing key stages from onboarding to emotional processing.

developing

Designing the Experience

Designing the Experience

Early Versions

We initially explored a journal-based approach where users would write and highlight experiences before AI-guided inquiry. After testing proved our AI agent could reliably facilitate the process, we pivoted to a conversational interface.

Early wireframe of the app’s journal-based interface, before shifting to a conversational AI format.

An early wireframe documenting the journal-based approach.

Wireframe of the main screen showing the dashboard in a sidebar, prior to it becoming a standalone page.

I considered a dashboard sidebar but scrapped it to keep sessions focused and reserve sidebar space for session tools.

Early wireframe of the app’s journal-based interface, before shifting to a conversational AI format.
Early wireframe of the app’s journal-based interface, before shifting to a conversational AI format.

An early wireframe documenting the journal-based approach.

Wireframe of the main screen showing the dashboard in a sidebar, prior to it becoming a standalone page.
Wireframe of the main screen showing the dashboard in a sidebar, prior to it becoming a standalone page.

I considered having the dashboard as a sidebar. This was scrapped because the KI session needed a focused screen, and the session sidebar was used for more relevant affordances.

Dashboard Overview

The design emphasizes calmness, clarity, and ease of use. All colors used in the app meet WCAG accessibility contrast standards, and the iconography is sourced from Phosphor Icons. The DM Sans typeface was used for UI elements to ensure modern readability, while Lora was chosen for chat text to evoke a grounded, human tone.

Annotated image of the KI dashboard with callouts explaining key features like session launch, daily goals, and captures.
Annotated image of the KI dashboard with callouts explaining key features like session launch, daily goals, and captures.

The First Message

I designed emotionally-aware "entry ramps" - one-click prompts reflecting different psychological states. Users can begin sessions without articulating anything upfront, reducing startup friction."

Image showing the Start Inquiry widget with various emotional entry ramps displayed as one-tap options.
Image showing the Start Inquiry widget with various emotional entry ramps displayed as one-tap options.

The Session Screen

This is where most of the emotional work happens. The AI agent gently guides the user through the steps of Kiloby Inquiries, responding to typed or spoken input. Along the way, it can offer helpful affordances such as tools and prompts, which are covered in the next section of this case study.

Labeled image of the session screen, highlighting elements like the chat interface, captures panel, and support tools.
Labeled image of the session screen, highlighting elements like the chat interface, captures panel, and support tools.

In-Chat Affordances

These are elements that appear in the conversation to support the user’s process. They reduce friction, offer gentle guidance, and help maintain emotional presence by minimizing the need for typing or decision-making.

Image of the snackbar UI element used for brief confirmations and notifications.
Image of the snackbar UI element used for brief confirmations and notifications.

Snackbars

Displays notifications without taking up space inside the chat.

Image of in-chat meditation and guided breathing affordance.
Image of in-chat meditation and guided breathing affordance.

Meditation / Rest

Starts a meditation or guided breathing process to regulate the nervous system or ground the user before a session.

Image of meta utiities for each AI-generated message.
Image of meta utiities for each AI-generated message.

Meta Utilities

Text-to-speech, copy, and flag response. They increase user agency without blocking the flow.

Image of tooltips that appear when user clicks an underlined KI term.
Image of tooltips that appear when user clicks an underlined KI term.

Tooltips

KI concepts appear underlined when mentioned by the AI. Hovering reveals definitions.

Educational System

Because users may be unfamiliar with Kiloby Inquiries, the app needed an educational system to teach its core principles. The system draws from self-determination theory, spiral learning, and competency-based models.

"Learn KI" Dashboard

The educational section blends prewritten content with responsive AI, providing structure while maintaining adaptability. Each lesson begins with a scripted AI message containing fixed definitions and examples for consistency across users, then transitions to an open conversation where the AI can answer questions, provide additional examples, or help users explore the topic further.

Image of the "Learn KI" screen.
Image of the "Learn KI" screen.

Users can access a dedicated learning dashboard that shows their current rank (e.g., Apprentice), their next lesson, and a progression path that follows the already established KI curriculum.

Gamification

Drawing from the Octalysis Framework, the goal was to apply motivational psychology in a way that made difficult inner work feel accessible, sustainable, and worth returning to.

Image of the Octalysis gamification tool applied to Bypassland, mapping app features to the eight core drives.
Image of the Octalysis gamification tool applied to Bypassland, mapping app features to the eight core drives.

Visual map of the Octalysis Framework applied to Bypassland’s feature set.

I created a full gamification strategy brief on our shared Notion workspace that mapped each feature to motivational psychology using the Octalysis Framework. It served as an internal reference for aligning product, design, and development decisions.

deliver

Takeaways

Takeaways

Impact

Built 4 interrelated systems: chat session framework, contextual learning interface, pattern-tracking tools, and a gamification system.

Delivered a full development-ready design with scalable UX architecture.

Received strong validation from stakeholders, including KI facilitators and product owners.

Vision for the Future

Gather more user data to refine how and when the AI introduces guidance or tools.

Build an adaptive ramp system that adjusts to user history or current emotional state.

Expand features like "WeSpace," the social reflection area, and "The Net," a system for tracking recurring psychological patterns and breakthroughs.

To be continued…

More Experimentation is Required

User behavior and LLM responses are unpredictable. Entry ramps, pacing strategies, and affordances require continuous real-world testing and iteration based on actual usage patterns.

Data is Crucial

Observing user behavior in AI-guided sessions is essential for future iterations. Empathetic UX design requires listening, not assuming. Data will reveal new patterns and opportunities for better flows.

Let's work together.

ri-moreira@outlook.com

Copy

OR

Let's work together.

ri-moreira@outlook.com

Copy

OR

Redesigning the world's oldest digital library

I redesigned the UX of Project Gutenberg, improving readability, discovery, and mobile website, making classic literature more accessible to modern readers.

Website

Website

Redesign

Redesign

Non-Profit

Non-Profit

Catalog

Catalog

next case study