Then, using the previous test as inspiration, I created a diagram to indicate how you can move through the app based on people's response.
Once I had created these links, I then made paper prototypes and gave them to three different people to test. This proved very useful as it brought a good few problems to light that I personally hadn't thought of. This allowed me to refine my ideas further and let me focus more on the design afterwards.
After making this diagram, I then created these wireframes to get an idea of how I would lay out my screens and what would fit where.
I then created mood boards after researching into colour schemes, textures, layouts and logos.
After producing the mood boards, I then created style tiles, which helped me refine my ideas and explore things such as text, icons, buttons and colour palettes.
After the research process, it was time to start creating mock ups in Illustrator and Photoshop. Here are examples of the two ideas I created using the colour schemes etc from my research. I made three screens for each idea and from that, had a briefing with one of my lecturers to explain why I designed them like this and which idea I wished to take forward (It ended up being the first one).
After designing the mock ups and choosing my preferred idea, I began to work on creating all the screens (or at least 10). Below are my final screens created in Illustrator.