Planning #5
Description
Description
-
multi-level webpage where the user progresses through different stages (“levels”).
-
Each level upgrades the sprite’s outfit to reflect growth.
-
The final level concludes at an interview scene, where the sprite is fully dressed up.
Levels Overview
| Level | Theme / Objective | Sprite Progress | Content Type(s) | Notes |
|---|---|---|---|---|
| Level 1: Intro | Gather data from applicants, intro to WHY resume and LinkedIn is important | Simple outfit | Text intro + 1 image | Include onboarding or tutorial text |
| Level 2: Learning part 1 | Introduces first concept or task | Slightly improved outfit | Text + short embedded video | Add example clips or walkthroughs |
| Level 3: Learning part 2 | Personal/Professional Profile: Name, contact info, location, career, education, skills (soft and hard) | Mid-level outfit | Image carousel + example photo | Interactive quiz or drag-and-drop optional |
| Level 4: Generating Resume | Generate Doc file of the resume from 5 templates | Nearly complete outfit | Mixed media (text + video + audio) | Include feedback or reflection prompt |
| Level 5: LinkedIn Building | Walk them through on how to build a LinkedIn profile and provide a LinkedIn example | Full professional outfit | Video + summary text + final image | Ends with “congratulations” or “next steps” screen |
| Level 6: Prepare for your Interview | Prepare for the interview + tips and tricks; and good advise body language, at the end AI asks questions and you have to respond | Full professional outfit | Video + summary text + final image | Ends with “congratulations” or “next steps” screen |
Modalities
| Modality | Example Usage | Integration Notes |
|---|---|---|
| Images | Step-by-step examples | Use responsive sizing and lazy loading |
| Videos | Demonstrations / interviews | Use <video> or embed from YouTube/Vimeo |
| Interactive | little games | Optional per level; progressive difficulty |
| Audio | Voice narration or interview snippet | Optional background voice or dialogue |
| Text | Storyline narration and guidance | Keep concise and engaging |
Notes
- Coordinate with applicators team for data
- add dynamic sprite
- add interactive features to each part to keep users engaged
