Year 1
-
User flow – UI wireframing
The first thing that was created before the wire frame for the app was the user flow diagram, this was so the design would incorporate key things the user needs when navigating the…
-
Design and research
figjam board link: https://www.figma.com/file/qT52ya15nXwX1y0cGt9ZJd/Swift-App?type=whiteboard&node-id=0%3A1&t=RLDOUDyrTmiebwQQ-1 The initial ideas for the app was to create an app that would have all book and comic series in one place to read, such as ‘the folk of…
-
Adapting Your Design for Web Deployment
Figma link for tablets: https://www.figma.com/file/qLidTYU3QLTvwzEpdgNyP3/Swift-App—Tablet?type=design&node-id=0%3A1&mode=design&t=pnTvcXAeurkSlGZE-1 Figma link for web: https://www.figma.com/file/RfVjkQD745YwbsvwSCdLxH/Swift-App—Website?type=design&node-id=0%3A1&mode=design&t=rTk65OPefFIraM6b-1 For the app design to become suitable for a tablet, the size of the fonts ,icons and images were adjusted so all the…
-
UI prototyping for Mobile Application
Figma Link to app- https://www.figma.com/file/jVEuCckmpVO55R4UAqffv1/Swift-App?type=design&node-id=0%3A1&mode=design&t=0uj7LANT1tKEfPQ5-1 To create the app, the best application to use was Figma. Figma allows you to generate ideas with the ”FigJam” button and then create your product on a…
-
Design Portfolio – Fire Festival
Links to the high fidelity interactive design videos: Link to Website UX/UI explanation –https://youtu.be/M2457qLzU44 Link to App UX/UI explanation- https://youtu.be/fAuQ7C6QMGc References: Biggreencoach.co.uk. (2019). Coach Travel, Festival Tickets. Gig Tickets. The largest coach travel company…
-
Typography (Post 5)
Typography is an important aspect to consider when designing a website or an app. Typography impacts how a user will view the product and if the font does not match the theme of…
-
Responsive Designs + Call to Actions (Post 3)
A call to action is a way of increasing the interactivity within a site by prompting the user to do a specific action (Optimizely, n.d.). Having a call to action can help guide…
-
App Design Development (Post 2)
The first design layout for the app was made to resemble the websites first design, however, after gaining feedback about the app from users, it was mentioned that the display would be too…
-
Website Design Development (Post 1)
The feedback on the first design of the website was that the design was overly simple with which had too much negative space as well as having a layout that is not familiar…
-
Mood Board (Post 4)
A survey was sent out to the targeted audience to find out what design style they preferred for the app and website. For the website, the targeted audience preferred a brutalism art style,…
