🧭 HIGH Neuroacoustic MVP — Sitemap

plain text
HIGH (Root) │ ├── 1. Splash / Entry │ ├── 1.1 Logo Intro Animation │ ├── 1.2 Welcome Message │ ├── 1.3 CTA: Begin (Mode Selection) │ └── 1.4 Learn More (optional modal) │ └── About AI + Neuroscience │ ├── 2. Mode Selection │ ├── 2.1 Calm (Theta) │ ├── 2.2 Focus (Alpha) │ ├── 2.3 Sleep (Delta) │ ├── 2.4 High Energy (Beta/Gamma) │ └── 2.5 Info Tooltip (per mode) │ └── Explains Hz, purpose, safety │ ├── 3. Generation Screen │ ├── 3.1 AI Music Generation Animation │ ├── 3.2 Progress Indicator (Loading 0100%) │ ├── 3.3 Micro-messages (“Mixing layers…”, “Finalising…”) │ └── 3.4 Fallback: Retry or Offline Mode │ ├── 4. Session Preparation │ ├── 4.1 Mode Summary (e.g. “Flow • 10 Hz • 40 min”) │ ├── 4.2 Tips (Headphones, Volume, Environment) │ ├── 4.3 Duration Picker (short / medium / long) │ ├── 4.4 Optional Toggle: Breathing Overlay │ └── 4.5 CTA: Start Session │ ├── 5. Listening Experience │ ├── 5.1 Audio Visualisation Layer (waveform, sphere, etc.) │ ├── 5.2 Playback Controls │ ├── Play / Pause │ ├── Stop / End │ └── Adjust Intensity (modulation depth) │ ├── 5.3 Mode Info Header (State • Hz • Duration) │ ├── 5.4 Dynamic Nudge System │ ├── “Too sleepy? Try Flow.” │ └── “Too wired? Drop to Calm.” │ ├── 5.5 Timer or Loop Indicator │ └── 5.6 Safety Label (“Headphones recommended”) │ ├── 6. Feedback │ ├── 6.1 Primary Question (“How did that feel?) │ ├── 6.2 Sliders / Emoji Scales │ ├── Relaxed / Focused / Intensity │ └── Optional notes input │ ├── 6.3 Optional Micro-Task │ └── Short 30–60s focus/awareness task │ └── 6.4 CTA: Save Feedback (Summary) │ ├── 7. Summary / Session Complete │ ├── 7.1 Recap Card (Mode • Duration • Date) │ ├── 7.2 Progress Graph (trend over last 5 sessions) │ ├── 7.3 Personalised Message │ └── “Your mind learned today — great work.” │ ├── 7.4 CTA Options │ ├── Replay Mode │ ├── Try Another Mode │ └── Share Session │ └── 7.5 Background Loop (AI ambient outro) │ ├── 8. Dashboard / History (Optional v1.1) │ ├── 8.1 Weekly Activity Graph │ ├── 8.2 Top Mode Usage (e.g. “You focused most this week”) │ ├── 8.3 Total Listening Time │ ├── 8.4 Quick Start Buttons │ └── 8.5 Access to Feedback History │ └── 9. Info / Settings ├── 9.1 About HIGH ├── 9.2 The Science (AI + Frequency explanation) ├── 9.3 Safety & Usage Guidelines ├── 9.4 Terms & Privacy ├── 9.5 Theme Settings (Light/Dark) ├── 9.6 Volume Calibration Test └── 9.7 Feedback / Support Link

🔄 Global Navigation & States

Navigation Level
Access Type
Example
Primary
Linear flow
Splash → Mode → Generation → Session → Feedback → Summary
Secondary
Persistent nav (top/bottom bar)
“Dashboard”, “Info”, “Settings”
Contextual
Modal / Tooltip
Mode Info, Safety, or AI Explanation
Hidden
Background logic
AI generation, sound sync, feedback recording

🧠 Information Architecture Summary

Section
Function
User Purpose
Core Flow (1–7)
Emotional journey
Discover → Experience → Reflect
Dashboard (8)
Retention & motivation
View progress and return habitually
Info (9)
Trust & transparency
Learn the science and manage preferences

🎨 Figma Layer Hierarchy Recommendation

To keep Figma components consistent between design & dev:
plain text
/HIGH_App ├── Screens │ ├── 01_Splash │ ├── 02_Mode_Select │ ├── 03_Generation │ ├── 04_Preparation │ ├── 05_Session │ ├── 06_Feedback │ ├── 07_Summary │ ├── 08_Dashboard │ └── 09_Info │ ├── Components │ ├── Buttons │ ├── Cards │ ├── Modals │ ├── Sliders │ ├── Charts │ ├── Visuals (Waves, Spheres, Gradients) │ ├── Styles │ ├── Colour_Tokens │ ├── Typography │ ├── Shadows │ ├── Gradients │ ├── Assets │ ├── Icons │ ├── Illustrations │ └── Audio_Visual_Placeholders │ └── Prototypes ├── Main_Flow ├── Audio_Sync_Test └── Feedback_Interaction

🧩 Navigation Rules

  • Linear Core Flow: Splash → Summary = guided experience (like Calm onboarding).
  • Non-linear Entry: From any screen, user can access Dashboard or Info.
  • Loopback: From Summary → Mode Selection (encourage next session).
  • Fail-safe: If generation fails → fallback to cached sound.

📈 Hierarchy Logic

Level
Category
Example
Level 1
Core Flow
Splash, Mode, Generation
Level 2
Functional Add-ons
Dashboard, Info
Level 3
Contextual Modals
Tooltips, Warnings, Learn More
Level 4
Hidden System
AI Engine, Feedback Database, Audio Sync