Home / Product / Consumer App

Affirmology App Experience - Vision & Prototype Notes (v1)

Updated Jul 10, 2026 · Affirmology_AppExperience_Vision_v1.md

Affirmology App Experience - Vision & Prototype Notes (v1)

Date: 2026-07-07. Captures Jeff's direction for the app's next revisions: the constellation "journeys" explore mode, oracle animation, and how to mock up layout/navigation. Prototype lives at Product/ConstellationJourney/index.html.

The core idea: Journeys to Self as a constellation you build

• Each starter audio is a STAR. Listening fills it (e.g. 7 listens = fully lit). Morning identity audio, blueprint visualization, heart-coherence, tapping, your reading, sleep track = the six stars of the first constellation, "The Origin."
• When every star in a constellation is lit, the CONSTELLATION COMPLETES and unlocks a reward.
• REWARD (built into the prototype): choose a SPIRIT GUIDE from the oracles. The chosen oracle replaces Sophia as the main voice in the chatbot.
• The sky is SCROLLABLE / draggable. Beyond the Origin sit other constellations = future "journeys to self" (Wealth Codes, Relationships, Deep Rest, Purpose, and more). Locked until earned. "Finding edges in space" - the map can keep growing; eventually many more can exist.
• This is ONE way to explore. It is not the only navigation. See "Traditional modes" below.

What the prototype already does (Product/ConstellationJourney/index.html)

Interactive, in-brand (emerald/gold, Cinzel/Cormorant, starfield, GSAP motion). Tap stars to add listens (ring fills, 7 = lit), connecting gold lines draw between lit stars, completing the Origin fires a reward modal to pick a spirit guide (real oracle busts), and the bottom chat bar's guide + prompt swap to the chosen oracle. Drag / wheel / arrows to pan to the locked future journeys. "Demo: complete the Origin" button auto-fills for a fast walkthrough. This is a clickable spec, screen-recordable for the investor/app video.

Oracle animation (wanted next)

• CHATBOT FACE ANIMATIONS: short looping close-up clips of the active guide's face - glowing gold eyes, subtle head movement, the "living statue" breathing - played as the chat avatar. We proved single-face animation works (the Prometheus face test). Each guide gets a ~4-6s idle loop; optionally a "speaking" variant.
• FULL-BODY ORACLE MOMENTS: places where a full oracle scene plays - e.g. the spirit-guide reveal, an ambient "council chamber" backdrop, a loading/wait state, or a domain intro. Reuse the room animations (Atlas + Sophia at the astrolabe, the council ring, etc.) and build per-oracle full-body idle loops as needed.

Traditional modes (this is not the only way in)

The constellation sky is the immersive/exploratory layer. Alongside it, keep conventional ways to FIND or CREATE audios: - A LIBRARY / LIST view (search, filter, recents, favorites) for people who just want a list. - A CREATE flow (pick a theme/goal, generate a new personalized audio). - The constellation map and the list are two lenses on the same underlying audio catalog.

How to explore app layout / navigation for the next revisions

Recommended approach: build a small set of clickable, in-brand HTML mockups of the KEY screens so we can feel the flow before committing to dev: 1. Home / today (what greets you, the daily cue). 2. Library / list mode (find an audio). 3. The Journeys sky (this prototype) as the explore mode. 4. Player (with the animated oracle avatar + soundwave). 5. Chat with the animated oracle guide. 6. Create-your-audio flow. 7. Profile / your blueprint. Then a simple nav model tying them together (tab bar or orbit menu). We iterate on these mockups, pick directions, and hand the winner to dev. Same technique as this prototype (single-file HTML, real assets), so each screen is demoable and screen-recordable.

Open questions / decisions

• Listen threshold per star (7?) and whether it varies by audio.
• Can a guide be re-chosen later, or is it a meaningful one-time-per-journey ritual?
• How constellations are themed/earned (linear vs. pick-your-path).
• Whether the sky is finite (curated set) or "infinite edges" that keep generating.

Affirmology_AppExperience_Vision_v1 - prototype: Product/ConstellationJourney/index.html. Logged for the app-revision work.