This is my home page of the companion app, I kept it the same as the homepage on my website as to not confuse the user. I played around with the colour scheme until I found shades of colours that work well together with the background, making sure they wouldn’t clash. I decided to keep… Continue reading Figma art boards – Mobile companion app
Figma Art boards – Website
This is my improved homepage of my web page. I improved it by creating the background myself using colours that better matched my festival theme. I kept this simple with just the name of the festival and forward and back buttons to try to draw the viewer in. This is the first page of my… Continue reading Figma Art boards – Website
Low fidelity UI prototype
Rejected designs
UI principles
Gathering and Analysis
Defining the UX for the Festival
The festival I have chosen is Punk Rock Bowling Festival, founded in 1999. It is a 3 day festival located in Las Vegas, USA, which is usually held in May.
Adapting Your Design for Web Deployment
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
UI Prototyping for Mobile Application
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
User Flow and U.I Wireframing
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