UX Design - Final Project: Prototype

-
22/04/2024 - 10/05/2024 (Week 1-3)
WONG JUN ZHE / 0353613
UX Design / B' Creative Media / Taylor's University
Final Project: Prototype

INSTRUCTIONS

MIB


High Fidelity Prototype Design

For this final project, Javin and I are more focused on the technical side of things, including cleaning out the design so everything looks uniform and consistent, making sure the interactions are flawless, etc. 

Whereas Asilah and Wai Fern are in charge of colouring and decorating the app to make it look as attractive as possible, while maintaining the minimal and playful art direction. 

Updated art direction moodboard

Figma Workspace: 


PetConnect Prototype: 


User Testing

User Testing Responses: 


User Testing Analysis: 


REFLECTION

What a ride! From being absolutely clueless about UI/UX to having successfully design an app feels great to me. Though our app is not perfect and still can have tons of improvement, I am proud of the team as we powered though everything despite the technical and unfamiliar challenges. In terms of learning, as an entertainment design student, I am very happy that I can expend coverage to the UI/UX side of design. Learning Figma was hectic. Staying up late to do all the interactions was not fun at all. But at the end of the day, I think it was all worth it.

As a group, we have worked together very well, with no arguments at all. This has been the best group work experience that I have ever had. 

Hopefully my grades reflect the efforts I put in this project :'D


Comments

Post a Comment

Popular posts from this blog

Typography Task 3A - Type Design & Communication (Typeface Design)

-
Image
18/05/2022 - 01/06/2022 (Week 8 - Week 10) WONG JUN ZHE / 0353613 Typography / B' Creative Media / Taylor's University Task 3A - Type Design and Communication LECTURES / TUTORIAL 1. Sketches and deconstruction Fig. 1.1.1 Sketches Fig. 1.1.2 Deconstruction of letter 'r' 2. Digitization in Illustrator Fig. 1.2.1 Create several artboards Fig. 1.2.2 Create guidelines that determine your letterform (e.g. baseline, caps line, x height, etc.) Fig. 1.2.3 Start digitization in AI Fig. 1.2.4 Refining shapes Fig. 1.2.5 Comparison between letter 'a', before vs after refinement 3. Illustrator to FontLab Fig. 1.3.1 Measure distance of guidelines from the baseline in pt Fig. 1.3.2 Outlines before unite Fig. 1.3.3 Outlines after unite Fig. 1.3.4 Create new font Fig. 1.3.5 Place x y coordinates near letter Fig. 1.3.6 Ctrl c > Ctrl v into FontLab Fig. 1.3.7 Kerning process Fig. 1.3.8 Export typeface INSTRUCTIONS MIB:
Read more

Design Research Methodology Assignments 1 - 4

-
Image
29/08/2022 - 11/12/2022 (Week 1 - Week 15) WONG JUN ZHE / 0353613 Design Research Methodology / B' Creative Media / Taylor's University Compilation of Assignments INSTRUCTIONS Assignment 1 - Research Proposal Week 1 - 4 For my research proposal, I am required to do the following things: Identify a Research Problem within a topic of research Write a Research Rational Write a Problem Statement pertaining to the research problem Identify relevant Research Objective(s) - ROs Formulate a Research Question(s) – RQs pertaining to the Research Objective(s) – ROs Place a Title of the Research At first, I had a very va
Read more

Illustration & Visual Narrative Task 1 - Exercises

-
Image
30/04/2022 - 06/05/2022 (Week 1 - Week 5) WONG JUN ZHE / 0353613 Illustration & Visual Narrative / B' Creative Media / Taylor's University Task 1 - Task1 (Exercises 1 & 2) LECTURES Week 1 (31/03/2022) - Lecture 1: Introduction to module I was introduced to the module and tasks that I would have to complete throughout this module, including projects and assignments. For the first and second week, I will be working on 'The Vormator Challenge', which challenges my ability to create a character using several given shapes.  Week 2 (08/04/2022) - Lecture 2: Character design basics Lecture report 1 - Visual study of a character Fig. L.2 Dr. Heinz Doofenshmirtz Character chosen: Dr. Heinz Doofenshmirtz Dr. Heinz Doofenshmirtz is the main antagonist in
Read more