COVER B (Case Study) | Product Design, UI/UX

COVER B is a baggage-tracking product designed as a solution for passengers experiencing delays and missing baggage. This app includes a suitcase protector cover that transmits key information, such as the real-time location of the baggage. Additionally, the app supports users who need to file a lost baggage claim. Therefore, COVER B serves as an easy and quick assistant for all travelers.

Year

2022 (Personal)

Role

Research, Wireframes, User testing, UI/UX design, Prototyping, Design systems

Tools

Figma, Adobe XD, Adobe Photoshop, Adobe Illustrator

DEFINE

Problem Space

Baggage may get delayed or lost due to human error or other accidental factors, and over a million bags are lost by airlines each year. The global mishandled baggage rate spiked by 24% to 4.35 bags per thousand passengers in 2021, according to the SITA Baggage IT Insights 2022.

Problem Statement

Airline baggage handling is facing a growing problem with over a million bags lost or delayed annually, highlighting efficiency issues in current systems.

"HMW enable real-time baggage tracking for passengers?"

How Might We

"HMW simplify quick lost baggage claims for passengers?"

"HMW streamline reclaiming lost baggage at set times and locations?"

DISCOVER

Interview highligts

Competitive Analysis

Persona

Journey Map

I conducted user interviews with frequent flyers, including international students, experienced travelers, and travel industry professionals, to investigate the issue of baggage loss. These interviews focused on their airport experiences, particularly any incidents of baggage loss or delay, to uncover their perceptions and requirements.

I analyzed various relevant products and their features to understand market trends

Through competitive analysis, I discovered a gap in integrated baggage management services. In response, COVER B aims to offer an all-in-one service for baggage, including real-time tracking and lost baggage reporting. This allows travelers to fully focus on their journey.

Developed a basic user persona to make sure our product always meets customer needs from start to finish.

The journey map, outlining user goals, actions, and emotions at each stage, helps create an engaging experience by identifying pain points and opportunities.

DESIGN

COVER B

COVER B is a comprehensive service designed to protect people's baggage, ensuring that they no longer need to worry about losing their belongings. With protection available anytime and anywhere, it not only reduces the rate of baggage loss but also enhances the overall travel experience.

Pain Point

Solution

Wireframes & Iterations

COVER B - Scenario

Information Architecture

1. The COVER B has arrived

3. Cover the baggage with the COVER B

2. Prepare the COVER B and the baggage

4. Connect the COVER B to the App

To effectively realize COVER B's cover products, I developed and tested several prototypes through iterative mockups.

COVER B's cover products

To create a user interface that is easy for users to understand and use, I revised the wireframes multiple times. This process was crucial in creating a clearer layout and solving problems at an early stage. By doing this, I ensured that the final product closely matched the users' needs.

I developed scenarios to illustrate the comprehensive usage and process flow of the product.

User Testing

Based on initial user feedback, I made adjustments to typography, color, and button shapes to enhance design consistency.

01. Connect your COVER B

02. Add your Baggage Info

03. File a claim for loss

04. Tracking the baggage location in real-time

Clarify the connections if you have multiple COVER B products: Users were having difficulties connecting multiple COVER B devices. To address this, I redesigned the interface to display all connected devices in a single list, making it easier for users to manage their devices.

Tracking the baggage location in real-time for each COVER B connected: Users reported difficulty in identifying and tracking multiple COVER B devices. To resolve this, I implemented a feature that displays a picture of each baggage at the top of the screen, allowing users to easily access and track each individual device.

Final Wireframes

My

Users can connect to COVER B and also enter their baggage information

Tracking

Users can check the real-time location and receive notifications

Lost & Found

File a claim

Users can check the current status of their bag, including whether it's found, loading, shipping, delivered, etc

Chat

Chat offers 24/7 consultation to address app or baggage errors and to keep users informed about their case-specific inquiries

Takeaways

I had the opportunity to delve into IoT product design and propose solutions to real-world problems during this project, which I found particularly stimulating and sparked my interest in product design. I aim to create more technology-based prototypes in the future.

Throughout the project, I examined various user scenarios for the first time. As a result, I realized that a lack of context could lead to confusion. To address this issue, I categorized each user scenario and provided contextual functionality on each screen. I discovered that maintaining a consistent interface for each feature and state is crucial for an effective user interface.