Learner-Centered Support Creation with Custom 3D Avatars

[XredaX]

💡 Summary

This design showcases a complete learner-facing flow for creating personalized supports.

Designed in collaboration with @dak-Aic 🤝.

---

🔧 Key Features

🧱 Manual Support Creation Flow

A guided process enabling learners to build their own study supports:

• Step-by-step navigation:
  Subject → Course → Objectives → Level → Details → Avatar → Review

• Highlights:

  • Choose or define the subject
  • Link to an existing base course or upload custom materials (PDF, video, etc.)
  • Set learning objectives with tags like Conceptual, Practical, Analytical, Problem-Solving
  • Choose the learning level (Beginner / Intermediate / Advanced)
  • Add metadata: language, tags, visibility, and availability
  • Final review screen with all inputs before saving

📸 Screenshots:

• Create Support Mode
  

• Subject
  

• Course
  

• Objectives
  

• Level
  

• Details
  

• Avatar
  

• Review
  

---

🧍‍♂️ Avatar Assistant Integration

Learners can attach a tutor avatar to their support for a personalized, AI-powered study experience.

Two creation paths are available:

• Select from a predefined avatar library (e.g., The Scholar, The Coach)
• Create a custom avatar:
  • 🖼️ Image input – Upload a photo to auto-generate a 3D tutor
  • ✍️ Text input – Describe features, style, and tone

📸 Screenshots:

• Text Input
  

• Image Input
  

[pr-elhajji]

@dak-Aic @XredaX

In the "Level" section, students should be able to choose between: "Primaire", "Collège", and "Lycée".
I’ve left a comment directly on Figma for reference.

Also, the chat input area feels a bit cluttered — it might benefit from some spacing or layout adjustments to improve usability. (remove avatar)