Category: Practical Exercises

Website Design – Figma This is my website design of my mobile application. I modified it so it would work with the website by changing the text size, some of the layout and changing the size of images/logos that I had included. I had to ensure it would work correctly so I ran the prototype.… Continue reading Adapting Your Design for Web Deployment

Mobile Application – Figma This is my high fidelity mobile application interface. I included a home page, 4 other pages, and a landing page. My colour scheme was different shades of grey, red, and black as I felt this worked best with my theme. The font I used was Inter, as I wanted to ensure… Continue reading UI Prototyping for Mobile Application

This is my system map of user flow and wireframe UI. I made 6 pages including a landing page. My colour scheme was red, grey and black because these worked best with my theme and I chose a basic readable font to make it easy for the user to read and understand. I included a… Continue reading User Flow and U.I Wireframing

This is the first design I made for my mobile application. My colour scheme was light grey, dark grey, and black because I was creating a pop-punk music star and it worked well even though it looks simple and basic. I only created 4 pages in my first design because I didn’t know what I… Continue reading Design & Research