User Flow and U.I Wire framing
The user flow diagram is to help with the functions of the app/website, since this design will be a responsive one there needs to be a user flow diagram to visually map out actions that will take place in the…
Design and Research
Competitors research: For the competitor research, the companies that were researched were Netflix, Crunchyroll and Prime Video. There are two examples of good layout for a starting page from Netflix and Crunchyroll and one bad example from Prime Video. The…
Video
Figma links for the website: https://www.figma.com/file/PClc0m1wH2oONNMqax1O2A/Interactive-website?type=design&node-id=0%3A1&mode=design&t=lEwysCQYICzI6i6G-1 Figma links for the app: https://www.figma.com/file/K0w3su4KOWCJymTgXVmqOi/Interactive-app?type=design&node-id=0%3A1&mode=design&t=XVipCeya10q6NvjK-1
Colour planning and typography
When choosing the colour scheme and typography for the future design and layouts I went into FigJam and took the website design layout from the start and tried different colours and fonts three times using all of the research and…
Mid Fidelity Layouts.
When doing the mid fidelity layouts the first step was to make 8 different small sketches to help when going into the design file to know what layouts to try out. When doing the sketches the paper was folded 8…
Mood boards
To help me decide on the colour palette for the future layouts and overall design, I created a colour mood board that has three different hues/shades of blue, green and pink. The reason these three colours were specifically chosen was…
Website Design Development
To start the website design process the first step was to decide where the logo will go, at the end the logo will be positioned on the top left of the page because it catches the users eyes but it’s…
App Design Development
When designing the app development, the first step was to place where the logo will go when the users open the app. At the end the logo was decided to be in the centre of the app to be the…
Low fidelity UI prototype
This is the end prototype for the website, the menus are at the top as well as the logo of the festival to immediately catch the eye of the users (focal point), underneath the menus are the dates and location…
Rejected Designs
This prototype is specifically for the website, and it’s rejected due to the sparkle design on the screen, the sparkle design gives off too much of a childish vibe to the website. With this festival being aimed at 30-39-year-old users…