๐ Complete User Journey Map
flowchart TB
%% Entry Points
HOME[/"๐ Home Page"/]
%% Primary CTAs from Home
HOME -->|"Hero CTA"| QUIZ
HOME -->|"Tools Card"| TOOLS_INDEX
%% Tools Index
TOOLS_INDEX[/"๐ ๏ธ Tools Index"/]
%% From Tools Index
TOOLS_INDEX --> QUIZ
TOOLS_INDEX --> ADV_ASSESS
TOOLS_INDEX --> PROBLEM_AUDIT
TOOLS_INDEX --> FIVE_FILTERS
TOOLS_INDEX --> SCRIPT_READER
TOOLS_INDEX --> FREE_HOUR
TOOLS_INDEX --> HOUR_APART
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
%% AI USER QUIZ FLOW
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
subgraph QUIZ_FLOW ["๐ฏ AI User Type Quiz"]
QUIZ[/"Quiz Start"/]
Q1["Q1: Exploring vs Building"]
Q2["Q2: Investigating vs Executing"]
Q3["Q3: Expand vs Focus"]
Q4["Q4: Discover vs Decide"]
Q5["Q5: Validator"]
QUIZ_RESULTS["๐ Results"]
QUIZ --> Q1 --> Q2 --> Q3 --> Q4 --> Q5 --> QUIZ_RESULTS
end
QUIZ_RESULTS -->|"Deep Dive โ"| DEEP_DIVE
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
%% ADVANCED ASSESSMENT
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
subgraph ADV_FLOW ["๐ฌ Advanced Assessment"]
ADV_ASSESS[/"8-Question Behavioral"/]
ADV_RESULTS["๐ Bar Chart Results"]
ADV_ASSESS --> ADV_RESULTS
end
ADV_RESULTS --> DEEP_DIVE
DEEP_DIVE[/"๐ AI Profile Deep Dive"/]
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
%% FREE TIME TOOL
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
subgraph FREE_FLOW ["โณ The Free Time Tool"]
FREE_HOUR[/"Start"/]
FREE_S1["Context Input"]
FREE_S2["8 Philosophy Cards"]
FREE_S3["Philosophy Detail"]
FREE_HOUR --> FREE_S1 --> FREE_S2 --> FREE_S3
end
FREE_S3 -->|"Start My Hour"| HOUR_APART
FREE_S3 -->|"Read Story"| STORY_PAGE
STORY_PAGE[/"๐ Story Page"/]
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
%% HOUR APART
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
subgraph HOUR_FLOW ["๐ฎ The Hour Apart"]
HOUR_APART[/"Start"/]
HA_S1["Type Select"]
HA_S2["Philosophy Lens"]
HA_S3["Timer + Mission"]
HA_S4["Reflection"]
HA_S5["โ
Complete"]
HOUR_APART --> HA_S1 --> HA_S2 --> HA_S3 --> HA_S4 --> HA_S5
end
HA_S5 -->|"Take Quiz"| QUIZ
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
%% OTHER TOOLS
%% โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
PROBLEM_AUDIT[/"๐ Problem Audit"/] --> PA_COMPLETE["โ
Report"]
FIVE_FILTERS[/"โซ 5 Filters"/] --> FF_COMPLETE["โ
Verdict"]
SCRIPT_READER[/"๐ Script Reader"/] --> SR_ACTIVE["๐บ Active"]
%% Styling
classDef entry fill:#faf6f1,stroke:#c9a227,stroke-width:3px
classDef quiz fill:#dbeafe,stroke:#1e40af
classDef wisdom fill:#fce7f3,stroke:#9d174d
classDef framework fill:#d1fae5,stroke:#065f46
classDef complete fill:#f0fdf4,stroke:#15803d,stroke-width:2px
class HOME,TOOLS_INDEX entry
class QUIZ,Q1,Q2,Q3,Q4,Q5,QUIZ_RESULTS,ADV_ASSESS,ADV_RESULTS,DEEP_DIVE quiz
class FREE_HOUR,FREE_S1,FREE_S2,FREE_S3,HOUR_APART,HA_S1,HA_S2,HA_S3,HA_S4,HA_S5 wisdom
class PROBLEM_AUDIT,FIVE_FILTERS,SCRIPT_READER framework
class PA_COMPLETE,FF_COMPLETE,SR_ACTIVE,STORY_PAGE,HA_S5 complete
Entry Points
Assessment Flow
Wisdom Tools
Framework Tools
Completion States
Key Pathways
๐ฏ Path A: Quick Assessment
Home โ Hero CTA โ Quiz โ 5 Questions โ Results โ Deep Dive
๐ฌ Path B: Behavioral Profile
Home โ Tools โ Advanced Assessment โ 8 Questions โ Results โ Deep Dive
โณ Path C: Free Time Journey
Home โ Tools โ Free Time โ Context โ Philosophy โ Hour Apart
๐ฎ Path D: Direct Hour Apart
Home โ Tools โ Hour Apart โ Type โ Lens โ Timer โ Reflection
โซ Path E: Decision Framework
Home โ Tools โ 5 Filters โ Decision Entry โ Verdict
๐ Path F: Problem Diagnosis
Home โ Tools โ Problem Audit โ 5 Steps โ Report
โ ๏ธ Implementation Notes
- Quiz versions: Multiple versions exist (
ai-user-quiz.html,v2,v3) - home currently links to v1 - Broken link: Hour Apart completion "Take the Full Quiz" button has no href attribute
- Cross-flow: Free Hour naturally flows into Hour Apart via "Start My Hour" button
- State persistence: Both Free Hour and Hour Apart use localStorage for progress recovery
- Story page:
/wisdom/philosophy-of-not-scrolling.html- linked from Free Hour detail view