Labels

Collaborative Design Practice

Zhang Wan Ru 0368214


20/04/2026—23/07/2026 (Week 1-Week 14)

Collaborative Design Practice / Bachelor of Design in Creative Media / Taylor's University

TABLE OF CONTENTS

1. Lecture

2. Project Development

3. Reflection

Lecture
Week 2
Mr. Hafiz briefed us on the project timeline. As the design team in this collaboration, we are responsible for developing the brand identity, designing the UI/UX, and producing the campaign media.

Fig. Group Member

Project Deliverables

Week 4

As designers, we should define a clear design scope for the client after conducting comprehensive research. Providing too many broad options can make the decision-making process more difficult, resulting in the client not selecting any option.

Based on the empathy map, we selected 1-2 representative users to develop the target user personas.



Project Development    
This is the Module Information Booklet for this module:
  • Task 1: Empathy Map
  • Task 2: Ideate Solution
  • Task 3: Prototyping
  • Task 4: Testing End Product

TASK 1: Empathy Map

The product we are responsible for working on is Lugmate, focusing on the fusion of durability and minimalist aesthetics for the modern traveler.
Lugmate is an AI-powered self-following suitcase designed to enable hands-free, safe, and convenient travel. Travelers often feel exhausted, struggle to navigate crowded spaces, and worry about the safety of their luggage.
Fig. Lugmate Concept Deck

For this task, as general research and interviews have been done by the business team, we focused on refining and extracting more insight from the given data.
  • Target Audience
  • Empathy Map
  • Pain points
  • Improvement
  • User Needs
  • Problem Statement
  • User Persona
Target Audience

We target family-oriented travelers with young children and elderly parents. 

Fig. Target Audience

Empathy Map

An empathy map is created based on 10 interviews with the target audience.

Fig. Empathy Map

Pain points

From the 10 interviews:
  • 69% said luggage is heavy or difficult to carry
  • 40% have security concerns like theft or tampering
  • 33% face difficulty maneuvering through crowded areas
  • 12% experienced lost or misplaced luggage

Improvement

From the 10 interviews:
  1. Security (anti-theft, lock, alerts): 32%
  2. Tracking & location awareness: 28%
  3. Smart tech features: 22%

User Needs

From the 10 interviews:
  1. GPS/Bluetooth tracking
  2. Lightweight & durable material
  3. Anti-theft lock
  4. Strong impact resistance
  5. Automatic self-follow

TASK 2: Ideation Solution

Our team explored 3 design directions during the ideation phase.
  1. Smart App
  2. 3D Mock-up 
  3. Tutorial Video
Along with these 3 ideas, we distribute our task among the design team: 
  • ZHANG WAN RU (me)
    • UI/UX design 
    • Brand guide design
    • Product design
  • CHONG CHENG TAO
    • UI/UX design
    • Brand guide design
    • Product design
  • NABIL JULIUS DORN
    • 3D mock-up design
    • Video walkthrough design
  • AHMED RIYAN
    • UI/UX design
    • Product design
Fig Lugmate luggage moodboard

Fig. Lugmate app mood board

Fig. Lugmate brand identity mood board

Logo design, typography, and color palette. 
    Fig. Logo & Typography Drafting

    Typography

    ELMS SANS is the official typeface of the LugMate brand, forming the foundation of its visual identity.

    Designed with a clean, modern, and geometric style, ELMS SANS delivers a professional appearance while ensuring excellent readability across both print and digital platforms.

    The typeface is applied consistently to headlines, subheadings, and important brand messages, helping create a unified and recognizable brand image. Its simple yet contemporary design reflects LugMate’s values of innovation, reliability, and smart travel while providing a clear and accessible reading experience across every customer touchpoint.


    Fig. Elms Sans

    Logo & Wordmark

    The LugMate wordmark is the primary symbol of the brand identity. Designed entirely in lowercase using the ELMS SANS typeface, it creates a friendly, modern, and approachable look. The clean geometric form and balanced letter spacing ensure clarity, consistency, and strong brand recognition across all applications.
    Fig. Lugmate Primary Wordmark


    Fig. Lugmate Brand Mark & Symbol

    Symbol: The core symbol enclosed tightly inside a solid circle container, which is a highly condensed version of a logo. The symbol needs room to breathe inside the circle.


    Color Palette

    Cloud Grey and Aureolin are the signature colors of LugMate. Together, they reflect the brand's modern, smart, and reliable identity. This color combination enhances visibility while reinforcing LugMate's position as an innovative AI-powered travel companion.

    Fig. Color palette

    Fig. Color & Logo

    Branding Guideline

    Fig. Lugmate Branding Guideline

    TASK 3: Prototyping

    In this task, we focus on
    1. Lugmate luggage design
    2. Lugmate smart app 

    Lugmate Luggage Design

    We started by creating the initial product sketch. 

    Fig. Initial Product Sketches

    The sketches were further refined based on feedback from the business team, ensuring the final design aligned with the brand direction and project goals.

    Fig. Feedback by business team (Week 5)

    Fig. Refined product sketch

    After the refined sketches are approved, we do the 3D blockout. 

    Fig. 3D blockout

    Fig. Features


    Fig. Features

    Fig. Luggage with texture

    Fig. Lugmate Showcase Image (1)

    Fig. Lugmate Showcase Image (2)


    Fig. Lugmate Showcase Image (3)

    Lugmate Smart App

    We're planning out the wireframe and information architecture for the smart app. 
    Fig. Wireframe

    Fig. Information Architecture

    We created the lo-fi prototype. 
    1. Onboarding Screen
      • Bluetooth connection
      • Emergency contact
      • GPS set up
      • CTA to Home Screen
    2. Home Screen
      • The home screen displays Lugmate luggage
      • Swipe down for general information 
      • Example: Battery, Bluetooth, Wi-Fi, flight, distance, alert, etc. 
    3. Map Screen
      • The map screen displays the current location of Lugmate luggage 
      • Enable tracking to track the location of luggage
    4. Setting Screen
      • Setting screen display
      • Account, Language, Security, Help & Support, Log out

    Fig. Onboarding Screen

    Fig. Home Screen

    Fig. Map Screen

    Fig. Setting Screen

    Lugmate Social Media Kit

    A 9-piece Instagram social media kit (1080 × 1350 px) was created to maintain a consistent and engaging brand presence across digital platforms.

    The kit includes:

    • Product Features – Highlighting the key benefits of LugMate luggage.
    • App Showcase – Introducing the smart features of the LugMate app.
    • Call-to-Action (CTA) – Encouraging users to download the LugMate app.
    • Visual Assets – High-quality product photography and branded visuals.
    Fig. Lugmate Social Media Kit

    TASK 4: Testing End Product

      Product Testing

      Product testing was conducted for both the LugMate app and LugMate luggage.

      • LugMate App: 5 usability tests were conducted using a low-fidelity Figma prototype.
      • LugMate Luggage: 5  user interviews were carried out after participants viewed a 3D product demonstration video.
      Following is the product testing analysis:

      Fig. Key Insight and Action

      App Design

      Fig. Onboarding Screen


      Fig. Home Screen

      Fig. Map Screen

      Fig. Setting Screen



      Fig. Figma Prototype


          Final Submission

          Fig. Lugmate_Final Presentation Slide

          Fig. Lugmate_Branding Guideline


          Reflection 

          I found this project to be one of the most enjoyable and rewarding experiences throughout the entire module. Watching the idea gradually develop into a final product was incredibly fulfilling, and the overall design process, together with the communication and collaboration with the business team, was smooth and highly efficient.

          The biggest challenge was understanding users' pain points and translating their needs into a practical product. As our team mainly comes from a digital product design background, such as website and mobile application design, this project introduced us to industrial product design, where we had to consider factors such as manufacturing costs, material selection, and product durability. This experience broadened our perspective and strengthened our problem-solving skills as designers.

          Finally, I would like to express my sincere gratitude to my teammates, Chong Cheng Tao, Nabil Julius Dorn, and Ahmed Riyan, for their collaboration, creativity, and continuous support throughout the project. I would also like to extend my heartfelt appreciation to Mr. Hafiz for his valuable guidance, constructive feedback, and encouragement throughout the project. His support greatly contributed to our learning and the successful completion of this collaboration. In addition, I am truly grateful to the business team for their active communication, insightful feedback, and timely responses, all of which played an important role in making this collaboration a success




          Labels:

          Comments

          Post a Comment

          Popular Posts