Category: UI/UX Practical Skills
-
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
Recent Posts
- Typographic Practice
- Negotiated Project
- Emerging Technologies Portfolio
- Portfolio Project Development Work
- Research Proposal