Labels

Collaborative Design Practice

4 April 2026

CHONG CHENG TAO (0371072)
Collaborative Design Practice | Bachelor of Design in Creative Media | Taylor's University

List


LECTURES

Week 2 

Mr. Hafix gave us some brief for the project timeline. 

As design student in this collaboration, we are responsible to come out with brand idesntity, UI/UX design and campaign media.  


Week 4

As a designer, we should give scope to client after having a comrephensive research. When giving too much broad options, they end up not choosing any options. 

From the empathy map, pick up 1-2 user to create the target user persona. 
 

INSTRUCTIONS
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
  • Final Submission

TASK 1: Empathy Map

The product we responsible to work 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.

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

Target Audience

We target on family-oriented travelor, with young children and elderly parents.

Target Audience

Empathy Map

Empathy map is created based on 10 interview with target audience.
    Empathy Map

    Pain-points

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

    Improvement

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

    User Needs

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

    TASK 2: Ideation Solution

    In this task, our team is discovering ideation on this 3 directions:
    1. Smart App
    2. 3D Mock-up 
    3. Tutorial Video
    Along with this 3 ideas, we distribute our task among the design team: 
    • CHONG CHENG TAO (me)
      • UIUX design 
      • Brand guide design
      • Product design
    • ZHANG WAN RU 
      • UIUX design
      • Brand guide design
      • Product design
    • NABIL JULIUS DORN
      • 3D mock-up design
      • Video walkthrough design
    • AHMED RIYAN
      • UIUX design
      • Product design
    Lugmate luggage moodboard

    Lugmate app moodboard

    Lugmate brand identity moodboard

    We proceeded with logo design, typograohy and color palette. 
      Logo & Typography drafting


      Typography

      ELMS SANS is the primary typeface of the LugMate brand.

      It is used across all headlines, subheadings, and key brand communications to maintain a consistent and modern visual identity.

      ELMS SANS is recognized for its clean geometric structure, minimal appearance, and excellent readability, making it highly suitable for both digital interfaces and physical branding applications.

      Its modern and versatile style allows the typeface to communicate smart technology, reliability, and premium travel experiences while maintaining clarity and accessibility across all touchpoints.

      Elms Sans


      Logo & Wordmark

      The primary identity of our brand. An all-lowercase wordmark that sets a welcoming and relaxed tone. Crafted from the clean geometry of Elms Sans typeface, it allows each a room of breathe between characters.
      Lugmate_Primary Wordmark

                 

      Lugmate_Brand Mark & Bug

      Bug: 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 color of Lugmate. It represents smart mobility, visibility, and modern travel convenience, helping the brand stand out as an innovative AI-powered travel companion.

      Color palette

      Color & Logo

      Branding Guideline

      Lugmate Branding Guideline


      TASK 3: Prototyping

      In this task, we are working on:
      1. Lugmate luggage design
      2. Lugmate smart app
      3. Lugmate social media kit

      Lugmate Luggage Design

      We started by creating the initial product sketch. 

      Initial Product Sketches

      After that, we refined the sketch based on the business team's feedbacks. 

      Feedback by business team (Week 5)

      Refined product sketch

      After the refined sketches approve, we doing the 3D block out. 

      3D block out

      Features

      Features

      Luggage with texture

      Lugmate Showcase Image (1)

      Lugmate Showcase Image (2)

      Lugmate Showcase Image (3)


      Lugmate Smart App

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

      Information Architecture

      Later, we created the lo-fi prototype. 
      1. Onboarding Screen
        • Bluetooth connection
        • Emergency contact
        • GPS set up
        • CTA to Home Screen
      2. Home Screen
        • Home screen displays Lugmate luggage
        • Swipe down for general information 
        • Example: Battery, bluetooth, Wi-fi, flight, distance, alert etc 
      3. Map Screen
        • Map screen display 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

      Onnboarding Screen

      Home Screen

      Map Screen

      Setting Screen

      Lugmate Social Media Kit

      9-piece social media kit template designed in Instagram portrait format (1080px × 1350px). This cok

      These social media kit showcase design aesthetic with practical use of branding guideline to create a unified brand presence.

      The kits include:
      • Product Features: Highlighting the key benefits of Lugmate luggage.
      • App Showcase: Introducing the Lugmate smart app features.
      • Call-to-Action (CTA): Driving downloads for the Lugmate app.
      • Visual Assets: High-quality product showcase photography.
      Lugmate Social Media Kit



      TASK 4: Testing End Product

      Product testings are conducted on both Lugmate app and Lugmate luggage:
      • Lugmate App
        • 5 usability testing conducted
        • Users navigate through Lo-fi Figma prototype
      • Lugmate Luggage
        • 5 interview conducted
        • User are shown 3D product video to understand the product.
      Following are the product testing analysis:
      Key insight & Action

      App Design

      Onboarding Screen


      Home Screen

      Map Screen
      Setting Screen


      Figma Prototype


      Final Submission

      Lugmate_Final Presentation Slide

      Lugmate_Branding Guideline



      REFLECTIONS

      I would say this is an interesting module. Since we have experienced a similar project during Minor Project, the whole workflow of producing and communicating with business team is smooth and straightforward. 

      The biggest challenge would be in understanding the user pain-points and translating the real user needs into a physical product. As we are mostly deal with digital products (e.g. website & apps), a industrial/physical product design required more consideration on the physical production cost and durability
      Labels:

      Comments

      Post a Comment