These are my initial wireframes on pen and paper prior to my development into adapting to a rotating grid order system. The developing grid system is shown on my previous post shown in my Balsamiq.

The following shows the final workings of my Balsamiq Wireframe. I’ve completed and finalised all of my screens basic placement and layouts. I’ve also completed the annotation of all of the wireframes. By doing this I’ve illustrated my intentions of my gestures, buttons and transitions.

Attached is my completed wireframe that I completed in Balsamiq. It shows the flow and complete gestures of my app as well as the very basic layout of my app. The following shows a skeletal representation of my app.

Today we learn’t how to create a basic prototype for an app using Sketch. The image below shows my final basic prototype. At the end of the lecture we then were taught how to import our Sketch exercise into Adobe XD.