Category: Year 1
-
UI Prototyping for Mobile Application
Figma Link https://www.figma.com/design/6HPkG7HsYOdiZd5ESFQRFe/bf4bf-app-and-website?node-id=89-3277&t=KR5IuqcdpFsBcPyz-1 High Fidelity App After developing the functional mid-fidelity prototype, I have then proceeded to make it high-fidelity and stylized by applying the colour palette that I have established earlier; applying different shading and borders to make the design more dynamic, as well as adding images in the gallery spots to make it
-
Adapting Design for Web Deployment
Figma Link https://www.figma.com/design/6HPkG7HsYOdiZd5ESFQRFe/bf4bf-app-and-website?node-id=89-3277&t=KR5IuqcdpFsBcPyz-1 Tablet Adaptation When converting the app into the tablet version of the app, I have decided to use responsive layout to scale the UI up to be suitable for the tablet edition. The tablet version of the app is almost identical to the app, except for the scaling and the auto layout
-
User Flow & UI Wireframing
In order to be able to visualize the structure of the app and its primary and secondary functions, I have created a quick draft of ideas for how the features of the app could be distributed into categories. I have decided to focus on the primary functions first, and tried to ignore the smaller sub-sections
-
Design & Research Stage
Figma Link https://www.figma.com/board/CEdEvaH3PU1AHTKzZZtIiw/bf4bf-task-1-and-2?node-id=0-1&t=qU9boN2Fd8xzcCb5-1 Initial Ideas BF4BF is an app centered around the k-pop boy group named BOYFRIEND. The initial idea behind this app is that its purpose is to have information on different music artists easy to access for fans, and also to allow for creativity and communication to grow amongst the fanbase. This app
-
Pol’and’Rock Festival Design Portfolio
Design Style Branding Guide Pol’and’Rock Website Video Pol’and’Rock App Video The Figma File for the App The Figma File for the Website Imaging/References Gallery Images Pol’and’Rock Festival (2023) Gallery. Available at: https://en.polandrockfestival.pl/news [Accessed 6/5/2024]. Radosław Raszka (2023) Photograph of women in rainbow attire at Pol’and’Rock Festival [Photograph]. Available online: https://en.polandrockfestival.pl/gallery/1863 [Accessed 6/5/2024]. Dominik Zachariasz (2023)
-
Post 5 – Responsive layouts, grids
Responsive layouts are incredibly important in order to ensure that your product is usable across different platforms. one way this could be achieved is through having a master grid which adjusts when the window is resized. One way in which this can be applied to my own layout is through re-organizing the order of elements
-
Post 4 – Call-to-Action, Mid Fidelity
One of the many elements which make a user experience design engaging includes the call to action buttons. The function of a call-to-action button is to enagage the viewers and act as a device that will answer their questions they might have about the product. In this case, I have created numerous responsive call-to-action designs
-
Post 3 – Moodboards, Colour, Typography
The colour palette of a web and app product can heavily determine how a user will interact with it and it can also create lasting impressions in the user’s subconcious due to the psychological effects that colours can have. According to Lopez (2023), the 60:30:10 theory is often used in various design fields as it
-
Website Design Artwork Development
In order for user needs to be put forward in terms of importance, I have conducted another survey to determine what the target audience prioritizes in website and app design. The sample size of this survey is larger than the previous due to the fact that I have asked people across different platforms to complete
-
App Design Development
In order for the user needs to be met at all levels, cross-platform compatibility of websites and apps is incredibly important. Whilst the purpose of the festival website is to inform the user on the atmosphere and previous experiences related to the festival, the app fulfills a different function – being convienient during the festival
Recent Posts
- Typographic Practice
- Negotiated Project
- Emerging Technologies Portfolio
- Portfolio Project Development Work
- Research Proposal