UX Design Portfolio

Week 1 - Week 14

Khan Saif || 0367438

UX Design || Bachelor of Design (Honours) in Creative Media / Taylor's University

UX Design E-Portfolio

Important Documentaries:

Figma Moodboard

Interview Record

Research Pitch Deck

App Design Workspace 

Final Presentation Slide 

Week 1-4:

Time scheduling / Deadline

Interview Questions Draft

For the past four weeks, our teams understand the requirement of the assignments, and we have a business team meeting with Freshbox+. They are generous enough to send us their pitch presentation slides for us as a reference for our researches. 

Freshbox+ Deck

After that, we've decided to to research on the competitors and do our analysis on their take on User Experience (UX). Our group plan to do competitiors on GrabMart, Organic4u, Veggies.my, and E-Petani. I gave my group a choice to which competitor, and I ended up choosing GrabMart. We also prepared numerous interview questions draft and settle on the final questions. 

Grabmart Competitive Analysis

Week 5-7:

During Week 5, each team member conducted interviews with two participants, resulting in a total of eight interviewees. We then documented and organized the responses to identify user needs, behaviors, and key insights. In Week 7, we individually developed User Personas based on the interview findings. These personas represented our target users and helped us better understand their goals, motivations, and pain points, providing a solid foundation for the next stages of the UX design process.

Around the same time, Shawn has made the User Journey Map and sceanrio to translate user research into a step-by-step representation of the grocery shopping experience. By grounding design decisions in real user experiences, the proposed features addressed genuine user needs rather than assumptions, resulting in a more user-centred and practical solution.

Week 8:

We developed the research pitch deck to summarize the outcomes of the Empathize and Define stages of the UX design process. The presentation consolidated our research findings, including user interviews, User Personas, User Scenarios, User Journey Maps, and the MoSCoW prioritization framework. These deliverables provided a comprehensive understanding of users' needs, behaviors, goals, and pain points while helping us identify and prioritize the most important features for the application. By organizing our research into a clear and structured presentation, the pitch deck effectively communicated our design rationale and established a strong foundation for the subsequent Ideation and Prototyping stages.

Research Pitch Deck

Week 9-10:

In order to continue the Lo-Fi, we have made another framework for the important features in application that split into seven sections of the app. (Onboarding, Home, Shop, My Box , Checkout, Order, Profiles) which serve as a blueprint for the user flow and UI Design.

We also arrange the consistent visual identity for high UI fidelity for Freshbox+. Green and orange reflects freshness and energy which more so reflects the theme of health and vegetables related. We chose Poppin and Inter as primary typeface because of clarity and readability. 

In week 10 we follow the SMART time schedule arranged by Shawn as a provided structure roadmap during the prototyping section. In week 11, it's mainly focus on wireframing and low-fi. In week 12-13, it focuses on creating and finalizing High-Fi and prototype. 

My prototype for the Home Screen Flow

Week 11-12:

Final Lofi Prototype

My Lo-Fi Prototype

In week 11, I made a lo-fi prototype for My Box, Checkout and Order Track session. As I said, I followed framework for app features that divided into sections.  My box includes list of vegetables, quantity, remove items, weekly box feature, voucher and proceed to checkout. Checkout include delivery schedule, address, payment method and order confirmation. Orders include confirmation, track history, reorder. 

Unfortunately, Shawn decided not to follow our lofi-prototype and made a new one on his own. As a result, several design decisions and contributions made during the team's earlier discussions were not reflected in the revised prototype. This created inconsistencies between our planned design direction and the final prototype, making it more difficult to maintain continuity and ensure that all team members' contributions were incorporated into the project's development.

Lecturer, Mr. Sylvain gave us a feedback, stated that the user flow is all over the place and it makes app flow lack a target goal. Mainly because the lack of subscription that Freshbox+ promised to have in the appl flow. So I informed Shawn about 

Hi-Fi Prototype