Final Mid-Fidelity app design Here is my final layout for my onboarding, this is three pages of information that will help users navigate the app. I am overall happy with how this looks and will add more detail in my final outcome, such as images or patterns to replace the white backgrounds. Here are both the home pages for my app and website. There is not much difference between my home pages apart from the top right corner where the ticket button on my app is replaced with a help button. I made sure both of these home pages are…

Onboarding Onboarding is important to include in my design as it guides users to key points of the app and reduces confusion in the future. For my onboarding, I chose do 3 slides that tell users different things such as information on how to buy ticket and where to find them. An important part of the onboarding is a skip button that allows users to chose if they want to read the onboarding steps or not. Sketches of my onboarding page Here are the sketches I made for my onboarding pages, I had a clear idea of what I wanted…

Logo This is the development for my logo, this is used at the top of my main page for both website and app. Based off my mood boards I wanted a bigger font that follows the 70s ascetic and is clear so users with sight needs will be able to read it. Experimenting with fonts Here are some samples of the various fonts that I have tried. I wanted a bold font that would stand out and a smaller font on the button that compliments it. Once I selected my font, I changed the spacing between the letters and put…

Here are the mid-fidelity layouts for my website. These layouts include the same as the app I created. Like my app pages I used previous research to make my website as accessible as possible to different types of users. I made sure these pages require the minimum amount of clicking and scrolling to accommodate for users with mobility needs who struggle to use a mouse. This is the menu where users can select the page they want When I transformed these pages from my mid-fidelity app layout, I made the headings at the top of each page bigger so users,…

Here are my mid-fidelity layouts I created in Figma. These layouts include pages include the home page, sellers page, a page to buy tickets and more. When creating these pages, I kept my user journey map in mind so my app would be accommodating to as many users as possible. I tried to make the most clear and understandable process to buy tickets as that is the most important part for users. This was also what a lot of users wanted based on my user personas. On this page I’ve used a clearer font that is easy to read for…