UI/UX Mobile First Website design with Wireframe
Budget: $750 – $1,500 USD
Dreamvolt Website requirement, mobile first design.
Dreamvolt is a site that allows students to create, and track their goals, “Dreams”. Teachers monitor progress and motivate students by adding comments to Dreams, all students achievement is in a leaderboard of badges earned visible to all students in a class.
Create wireframes and UI/UX designs for a website. Features included are:
Users:
Student view
Teacher view
Master Admin
Pages:
Home page --> Explore all Dreams
My Dreams --> Users own Dreams
My Class - User class
User Profiles: 3 Users; Teacher and Student and Master Admin (Owner).
Home page
Explore section: A location where users can find all public Dreams, they can browser/search through Dreams and Add it to their Dreams section, to be completed. They can like a dream, and view it. Number of likes and views to be shown on the card.
My Dreams
This will be card type designs showing an overview of your Dream and Badges earned. Once you click on it, this will expand to show full information about your Dream.
Create a New Dream: This is a form to create your New Dream. Form fields are:
a) Title/Featured image or video/Description/
b) Steps 1 to 10: each step has Text, video upload, image upload, document upload
c) Select a default badge to receive after you complete all steps of a dream.
d) The last step can be a small max 5 question multiple choice quiz. Quiz questions can be text or image, or image plus text. Score is kept, 100% gives you a badge, failing that you can repeat the quiz as many times to get a badge.
My Class
Teacher will create a class, and students can join that class after they have created their accounts.
Teachers and Students should be able to create accounts and sign-in using SSO Microsoft, Google, and Apple.
1)Teacher – Student relationship:
a) A teacher creates a class and can search to add students, or students can search for a teacher or a class and can request to join.
b) The teacher can accept or reject admission to that class or remove a current student from class. A student can also leave a class and request to join another class or remain standalone.
c) Once students have joined a class, the teacher can see all students Dreams, and progress with each step, Teacher and other students from the same class can make a comment on a step or overall dream.
e) A teacher can see all student progress on a Leaderboard point system.
d) students can see Leaderboard from their class, and click on any student profile to see any Student’s dream section.
2)Master Admin
This user should be able to Add, view, edit and delete all information in an easy to manage fashion. Should be able to do Bulk upload and Bulk delete Dreams, Teachers, and Students, while maintaining system and data integrity.
Dreamvolt is a site that allows students to create, and track their goals, “Dreams”. Teachers monitor progress and motivate students by adding comments to Dreams, all students achievement is in a leaderboard of badges earned visible to all students in a class.
Create wireframes and UI/UX designs for a website. Features included are:
Users:
Student view
Teacher view
Master Admin
Pages:
Home page --> Explore all Dreams
My Dreams --> Users own Dreams
My Class - User class
User Profiles: 3 Users; Teacher and Student and Master Admin (Owner).
Home page
Explore section: A location where users can find all public Dreams, they can browser/search through Dreams and Add it to their Dreams section, to be completed. They can like a dream, and view it. Number of likes and views to be shown on the card.
My Dreams
This will be card type designs showing an overview of your Dream and Badges earned. Once you click on it, this will expand to show full information about your Dream.
Create a New Dream: This is a form to create your New Dream. Form fields are:
a) Title/Featured image or video/Description/
b) Steps 1 to 10: each step has Text, video upload, image upload, document upload
c) Select a default badge to receive after you complete all steps of a dream.
d) The last step can be a small max 5 question multiple choice quiz. Quiz questions can be text or image, or image plus text. Score is kept, 100% gives you a badge, failing that you can repeat the quiz as many times to get a badge.
My Class
Teacher will create a class, and students can join that class after they have created their accounts.
Teachers and Students should be able to create accounts and sign-in using SSO Microsoft, Google, and Apple.
1)Teacher – Student relationship:
a) A teacher creates a class and can search to add students, or students can search for a teacher or a class and can request to join.
b) The teacher can accept or reject admission to that class or remove a current student from class. A student can also leave a class and request to join another class or remain standalone.
c) Once students have joined a class, the teacher can see all students Dreams, and progress with each step, Teacher and other students from the same class can make a comment on a step or overall dream.
e) A teacher can see all student progress on a Leaderboard point system.
d) students can see Leaderboard from their class, and click on any student profile to see any Student’s dream section.
2)Master Admin
This user should be able to Add, view, edit and delete all information in an easy to manage fashion. Should be able to do Bulk upload and Bulk delete Dreams, Teachers, and Students, while maintaining system and data integrity.