Unify

I have been involved in the development of a mobile application project called Unify, Unify handles student assessment data from universities and displays this data in an easy to use mobile format. After studying at SAE and talking to other students studying at other universities it is apparent that the platforms that show student data are hard to use and overall designed poorly. Unify aims to not take over these platforms, but to work alongside them so that a student has an easier and more enjoyable experience organising assessment and exams.

The project wasn’t to develop and code the app but come up with the overall design and create a very detailed prototype of it using Adobe XD.

Design Timeline

The steps I took in developing Unify

Step 1: Planning/Research and Wireframes

First step was to create a sitemap including all of the pages we wanted to link to and how we want the app to actually navigate to those pages, after this is was putting pen to paper and creating some Low-Fi Wireframes to get an idea of how we wanted the app to be layed out.

Planning & Wireframes
Previous
Next

Step 2: Hi-Fi Wireframes

First step was to create a sitemap including all of the pages we wanted to link to and how we want the app to actually navigate to those pages, after this is was putting pen to paper and creating some Low-Fi Wireframes to get an idea of how we wanted the app to be layed out.

Hi-Fi Wireframes
Previous
Next

Step 3: Mockups

Step 2 was to create a layout of Hi-Fi wireframes to finalyse the overall look of the application, we then started testing how all of the pages would linki together so it would be easier on whoever was working on the prototype on Adobe XD.

Mockups
Previous
Next

Step 4: Prototype

Final step was to piece it all together in Adobe XD