Collaborative Design Practice

-

 24.04.2026 - 12.07.2026 / Week 1 - Week 12
Bachelor of Design (Hons) in Creative Media
GAN YI KIAN / 0374572
Collaborative Design Practice

INSTRUCTIONS



Content

In this module, we need to complete the following based on the MIB.
  • Task 1: Empathy Map
  • Task 2: Ideate Solution
  • Task 3: Prototyping
  • Task 4: Testing End Product
Research in FigJam

TASK 1: Research & Empathy

PetEase is a digital platform that connects Malaysian pet owners with trusted pet service providers, including grooming, boarding, veterinary clinics and pet transportation.

Instead of searching through multiple social media platforms, users can discover, compare and book verified pet services in one application.

Empathy Map

The business team conducted user interviews with Malaysian pet owners. Based on their findings, our team organised the information into an empathy map to better understand user behaviours, motivations and frustrations.




Target Audience

From the research findings, our target audience includes:

  • Young working adults
  • Busy pet owners
  • Families with pets
  • First-time pet owners

Most users prioritise convenience, trustworthy service providers and a seamless booking experience.


Market Positioning

We compared existing pet service platforms in Malaysia and identified opportunities for PetEase to provide a more centralised and user-friendly experience.

Our positioning focuses on:

  • Convenience
  • Reliability
  • Transparency
  • Trust

User Persona

Based on the interview insights, we developed user personas representing our primary users.

The personas helped us understand users' goals, frustrations and behaviours throughout the design process.


Competitor Analysis

We analysed several competitors to understand their strengths and weaknesses.

This allowed us to identify opportunities for improving navigation, booking flow and overall user experience.



TASK 2: Ideation

Using the research findings, we started planning the overall application.

Our focus was to simplify the booking journey while making the interface approachable for both new and experienced pet owners.


User Flow

We mapped the entire booking journey from registration to payment and appointment confirmation.

The user flow ensured every screen was connected logically.

Information Architecture

The Information Architecture was developed based on the four primary user flows identified during the planning phase. By organising the application into clear sections, users can easily navigate between booking services, managing pet information, requesting transportation, and accessing their account.

The sitemap also considers different user roles within the platform. While customers primarily interact with booking and pet management features, merchants are provided with a dedicated dashboard to manage appointments and update service progress. This structure ensures a simple, organised and user-centred navigation experience.




Wireframe

After establishing the Information Architecture, we began creating low-fidelity wireframes to visualise the application's layout and navigation before applying any visual design.

The wireframes allowed us to focus on user experience, screen hierarchy, and interaction flow without being distracted by colours or branding elements. Early wireframing also made it easier to gather feedback and refine the interface before moving into high-fidelity designs.



TASK 3: Prototype Development

After validating the wireframes, we developed the visual identity and high-fidelity prototype.

The design follows PetEase's branding principles while maintaining a clean and friendly interface.

Visual Direction

our application uses warm colours with simple layouts to communicate trust, friendliness and accessibility.


UI Design

The final interface includes:

  • Home
  • Search
  • Service Detail
  • Booking
  • Payment
  • User Profile

Each screen was designed to reduce booking complexity while improving readability.

High-Fi Prototype

Once the wireframes were finalised, we translated the layouts into high-fidelity user interface designs that reflected the PetEase brand identity.

The interface adopts a clean and approachable visual style using warm colours, rounded components and consistent spacing to create a friendly experience for pet owners. Each screen was designed to improve readability while reducing the number of steps required to complete a booking.


Interactive Prototype

An interactive prototype was developed in Figma to simulate the complete user experience. Users could navigate through the application, explore available services, complete bookings, manage pet profiles and experience the overall interaction flow before development.

The prototype helped validate navigation, usability and interaction patterns while allowing us to identify potential improvements through user testing.


View Prototype in Figma 




TASK 4 — Testing End Product

We conducted usability testing with users to identify areas for improvement.

Feedback mainly focused on navigation clarity, booking efficiency and overall usability.

Based on the feedback, several interface refinements were implemented before finalising the prototype.

User Testing

To evaluate the usability of the application, several users were invited to complete common tasks using the interactive prototype. Their feedback focused on navigation clarity, booking efficiency and the overall user experience.

Most participants found the booking process straightforward and appreciated the organised layout. Based on the feedback received, several improvements were made to enhance usability and visual consistency.

Task Allocation



Gan Yi Kian - UI/UX design, Animation, Slides
Tao Yuze - UI/UX design, Mock Up, Video walkthrough design
Caitlin Ong Lynn Dee - Brand Guide, Social Brand Kit
Alan Firgianto - User Persona

Presentation Video




FEEDBACK

Week 8

  • Focused on busy pet owners and urban users.
  • Simplified the booking and service discovery experience.
  • Added trust features (reviews, ratings, transparent pricing).
  • Introduced pet pickup & delivery services.
  • Enhanced support for pet service providers.
  • Refined the brand identity to feel more caring, reliable, and user-friendly.
    From MKT team:
  • Need to think about how can earn money
  • Want to add one service about the delivery
  • Offer delivery services. For those who are busy at work or students who don't have time to bring their pets to the pet store, we can provide a delivery service to take the pets to the pet store.


REFLECTION




Comments

Post a Comment

Popular posts from this blog

Application Design I / Final Project

-
Image
19.07.2025 - 30.07.2025   / Week 14- Week 15 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Final Project / High Fidelity Prototype INSTRUCTIONS Final Project / High Fidelity Prototype I decided to use the main color of Genting, red, to design this app. Mr. Sylvain suggested that I further develop my special function, the function of this group, because other hotel booking programs are basically nothing special, and they are all functions that other apps have already had. I added some user-friendly features to the group settings, such as increasing or decreasing the number of group members, and adding itinerary planning. Each member can add a new itinerary here. On the homepage you can see your personal information, current promotions, and an AI customer service button in the lower right corner. On the "Services" page, I use colors on the buttons to categorize services. I use a bright red button color for mainstream services such as...
Read more

Application Design I / Project 2

-
Image
26.05.2025 - 14.07.2025   / Week 5- Week 13 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 2 / UI/UX Design Document INSTRUCTIONS Project 2 / UI/UX Design Document Week 5 In this assignment, we need to complete the creation of a research plan according to the template and list of questions, and interview 5 people with the goal of obtaining first-hand experience with users. We need to take notes of their pain points (problems) and highlights (things they love) when using the service or their competitors. My target audience is Gen Z - finish the 5 interviews transcript - take down the data, one idea per post-it -sort them in affinity maps - find categories/themes - create 3 personas from those themes I basically divided the interview questions into 5 sections.I interviewed my friends and they answered me in Chinese, and I translated them into English. Interview Log Section 1: Background Section 2: User experience Section 3: Fu...
Read more

Games Studies / Exercise

-
Image
23.04.2025 - 05.06.2025   / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Games Studies Exercise / Series of investigations INSTRUCTIONS Exercise 1 - My favourite video game/board game In this exercise, we need to introduce a favorite video game or board game. A game that you will continue to come back to even after you have played it. Honor of Kings Fig. 1.0 Game Cover Game Type: MOBA – Multiplayer Online Battle Arena Development Company: Tencent Games First released in 2015, it is one of the most popular mobile games in mainland China. Game Objectives and gameplay introduction: Two teams of 5 players each fight on a symmetrical map. Heroes are each player's choices, and the heroes have different skills and roles , with examples of tanks, shooters, mages, etc. Its objective is to destroy the rival’s main base (crystal) . While doing this, you push down the enemy defense towers, fight wild monsters, and team battles as well. By defeating enemy he...
Read more