


















Task flow
Task flow
Task flow
11
11
11
Task flow focus on the single task. Task flow shows how a user might accomplish their task using the app, it breaks down all the possible steps that the user might take and maps it out in a linear path with no alternative pathways, it is a step by step process of completing a task.
Task flow focus on the single task. Task flow shows how a user might accomplish their task using the app, it breaks down all the possible steps that the user might take and maps it out in a linear path with no alternative pathways, it is a step by step process of completing a task.
Task flow focus on the single task. Task flow shows how a user might accomplish their task using the app, it breaks down all the possible steps that the user might take and maps it out in a linear path with no alternative pathways, it is a step by step process of completing a task.
1.Create new planner
1.Create new planner
1.Create new planner
2.Set timer
2.Set timer
2.Set timer
3.Upload video
3.Upload video
3.Upload video












Low fidelity wireframes
Low fidelity wireframes
Low fidelity wireframes
15
15
15



















































+ more
+ more
+ more
Low-fidelity wireframes are basic wireframes that outline blueprints for web pages or app screens. I have created low fidelity wireframes that does not have actual assets and presented in greyscale.
Low-fidelity wireframes are basic wireframes that outline blueprints for web pages or app screens. I have created low fidelity wireframes that does not have actual assets and presented in greyscale.
Low-fidelity wireframes are basic wireframes that outline blueprints for web pages or app screens. I have created low fidelity wireframes that does not have actual assets and presented in greyscale.






17
17
17
High fidelity wireframes are designed to be like the final product containing images, colours, Typography, editorial content and branding elements.
High fidelity wireframes are designed to be like the final product containing images, colours, Typography, editorial content and branding elements.
High fidelity wireframes are designed to be like the final product containing images, colours, Typography, editorial content and branding elements.







































+ more
+ more
+ more
Prototype
Prototype
Prototype
18
18
18
A prototype is a simple model or a mockup of a concept, idea, product or service. It is used to test or validate design assumptions that were made to construct the prototype quickly and in a less expensive way than developing a full-fledged product or service. The prototype also gives an idea of how to refine or alter it to move closer to the finished product or service offering.
A prototype is a simple model or a mockup of a concept, idea, product or service. It is used to test or validate design assumptions that were made to construct the prototype quickly and in a less expensive way than developing a full-fledged product or service. The prototype also gives an idea of how to refine or alter it to move closer to the finished product or service offering.
A prototype is a simple model or a mockup of a concept, idea, product or service. It is used to test or validate design assumptions that were made to construct the prototype quickly and in a less expensive way than developing a full-fledged product or service. The prototype also gives an idea of how to refine or alter it to move closer to the finished product or service offering.














Thank you for your attention :)
Thank you for your attention :)
Thank you for your attention :)