kids-disaster-learning

bybackup wa

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

19 planning tasks
#1

Generate system requirement document

0m 54s0.2 cr used
Done
#2

Generate personas & user flows

0m 7s0.2 cr used
Done
#7

Create flow for Child Learner

0m 6sCredits in parent
Done
#8

Create flow for Parent or Guardian

0m 6sCredits in parent
Done
#9

Landing

0m 32sCredits in subtasks
Paused
#18

Landing / Navigation

1.6 cr needed
Paused
#16

Landing / Hero

1.6 cr needed
Paused
#17

Landing / Course Strip

1.6 cr needed
Paused
#19

Landing / Footer

1.6 cr needed
Paused
#10

Sign Up

Credits in subtasks
Paused
#11

Login

Credits in subtasks
Paused
#12

Course Catalog

Credits in subtasks
Paused
#13

Course Details

Credits in subtasks
Paused
#14

Quiz

Credits in subtasks
Paused
#15

Parent Progress

Credits in subtasks
Paused
#5

Architecture

0.2 cr needed
Paused
#6

Workspace task plan

0.2 cr needed
Paused
#20

Update Child Learner flow

Credits unavailable
Backlog
#21

Update Parent or Guardian flow

Credits unavailable
Backlog

No completed page designs yet.

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

Landing: Read safety headline and course strip
Sign Up: Create account as child learner
Login: Verify identity to resume
Course Catalog: 1. Scan colour-blocked course cards
Course Catalog: 2. Select Earthquake Safety card
Course Details: 3. Read lesson list and progress bar
Quiz: 4. Start Quiz for the course
Quiz: 5. Answer each quiz question
Quiz: 6. Retry failed submission, keep place
Course Details: 7. See progress bar advance to 100%
Course Details: 8. Retry loading course content
Course Catalog: 9. Open another course card

No completed page designs yet.

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

Landing: Read safety headline and course strip
Sign Up: Create account as child learner
Login: Verify identity to resume
Course Catalog: 1. Scan colour-blocked course cards
Course Catalog: 2. Select Earthquake Safety card
Course Details: 3. Read lesson list and progress bar
Quiz: 4. Start Quiz for the course
Quiz: 5. Answer each quiz question
Quiz: 6. Retry failed submission, keep place
Course Details: 7. See progress bar advance to 100%
Course Details: 8. Retry loading course content
Course Catalog: 9. Open another course card