magic-kids

bybackup wa

1. Prompt AI untuk Opsi 2 (Edukasi Kebencanaan / Kids Disaster App) > Prompt: > UI/UX design of a responsive mobile web application for kids disaster learning, bright and friendly colors, clean interface. Displaying colorful course cards like "Earthquake Safety" and "Emergency Kit" with cute illustration icons, progress bar, and a "Start Quiz" button. Modern mobile mockup screen, high quality, Figma style design, soft gradients, UI vector.

No preview

Comments (0)

No comments yet. Be the first!

Project Tasks

14 planning tasks
#1

Generate system requirement document

0m 58s0.2 cr used
Done
#2

Generate personas & user flows

0m 6s0.2 cr used
Done
#7

Create flow for Child Learner

0m 5sCredits in parent
Done
#8

Landing

2m 37sCredits in subtasks
Paused
#12

Landing / Magic Kids Top Bar

1.6 cr needed
Paused
#13

Landing / Hero Stage

1.6 cr needed
Paused
#14

Landing / Progress Sticker

1.6 cr needed
Paused
#15

Landing / Course Teaser

1.6 cr needed
Paused
#16

Landing / Magic Kids Sticker Dock

1.6 cr needed
Paused
#9

Courses

Credits in subtasks
Paused
#10

Progress

Credits in subtasks
Paused
#11

Quiz

Credits in subtasks
Paused
#5

Architecture

0.2 cr needed
Paused
#6

Workspace task plan

0.2 cr needed
Paused

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open app and view hero
Landing: Enter course catalog
Courses: 1. Scroll course grid
Courses: 2. Read course description
Courses: 3. Start quiz from course card
Courses: Retry loading courses
Quiz: 4. Answer question option
Quiz: 5. See answer feedback and advance
Quiz: 6. View final score
Quiz: 7. Retry quiz
Quiz: 8. Return to courses
Progress: 9. Review overall progress
Progress: Retry loading progress
Progress: 10. Return to courses to continue

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open app and view hero
Landing: Enter course catalog
Courses: 1. Scroll course grid
Courses: 2. Read course description
Courses: 3. Start quiz from course card
Courses: Retry loading courses
Quiz: 4. Answer question option
Quiz: 5. See answer feedback and advance
Quiz: 6. View final score
Quiz: 7. Retry quiz
Quiz: 8. Return to courses
Progress: 9. Review overall progress
Progress: Retry loading progress
Progress: 10. Return to courses to continue