Below shows the different MIDFI mockups that we created for our application. They are just basic mockups that show how each page will be laid out and where the different elements of he screen will be placed they are like our sketches but they have more detail in them and it allows you too understand about what will be placed where in each page like where the brand will be, where buttons are placed and where the content will go. It also allows us to get everything right before we start creating our HIFI mockups.

They show mockups for both teachers and students.