🧭 HIGH Neuroacoustic MVP — Sitemap
plain textHIGH (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 0–100%) │ ├── 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 |