Wire-frames and Mock-ups.
Use Fig-ma to make the wire-frame and mock-ups
Task 1: UI Process Flow Diagram
Design screens using a wire-framing technique. Use the use case
provided above for creating the UI Process Flow (Navigation) diagram using wire-frames.
Task 2: Interactive Storyboard
Create an interactive storyboard using mock-ups.
Create mock-ups for an application on a mobile phone platform (either Android/iPhone is okay).
The design has to be in sync with the wire-frame that you designed in Task1.