In this case study, we delve into the world of fitness app development and explore how effective UI/UX design can revolutionize the way users engage with their favorite workout apps. Our team of experts embarked on a five-day journey to create a user-friendly parcel delivery application that addresses common pain points and exceeds user expectations.

Team

Our diverse team consisted of four members, each bringing their unique skills and perspectives to the table:

  • Irpan Maulana: As our team leader and UI designer, Irpan was responsible for overseeing project management, visual design decisions, app flow, and ensuring that all UI design elements met user needs.
  • Eka and Tiara: Our UX designers worked together to conduct user research, develop UX concepts, and ensure an optimal user experience based on their findings.
  • Bintang: As our UI designer, Bintang collaborated with Irpan to create an intuitive and appealing user interface.

Objectives

Our primary objectives were to:

  • Develop a superior parcel delivery application that outshines competitors
  • Address common user complaints in current parcel delivery applications
  • Provide better features to enhance the overall user experience
  • Create a more efficient and user-friendly solution

Problems

Through our competitive analysis, we identified several major issues plaguing parcel delivery applications like Paxel and Wahana. These problems included:

  • Difficulty contacting customer service: Users often struggle to reach out for assistance
  • Late deliveries: Many complaints about deliveries being delayed beyond the estimated time
  • Lack of barcode scanning feature: Absence of a feature to scan package barcodes to track delivery status
  • Insufficient tracking information: Tracking information provided is often incomplete or inaccurate
  • No input for weight and volume: Users cannot enter the weight and volume of items to be shipped, which is crucial for accurate cost estimation
  • Lack of e-wallet payment options: Many users desire more flexible payment options, including e-wallets

Solutions

Based on our findings, we developed several key solutions:

  • Live Chat Feature with Courier: Allows users to communicate directly with the courier after the package is dispatched to ensure better coordination
  • E-Wallet Payment Integration: Provides payment options using e-wallets to increase flexibility and ease of payment
  • Barcode Scanning Feature: Enables users to scan package barcodes to track delivery status in real-time
  • More Detailed Tracking Information: Provides more detailed and accurate tracking information to offer better transparency to users
  • Input for Weight and Volume of Items: Allows users to input the weight and volume of items to get a more accurate cost estimate

UX Design Process

Our UX design process consisted of several key stages:

Research

We conducted competitive research by analyzing leading parcel delivery applications like Paxel and Wahana. We read user reviews in the Play Store and App Store to identify common complaints and appreciated features.

Define

From our research findings, we defined our primary user persona, Alex:

  • Age: 30
  • Occupation: Small business owner
  • Goal: Efficient and reliable parcel delivery to customers
  • Pain Points: Experiencing late deliveries, difficulty communicating with customer service, and lack of accurate tracking information

Ideation

We conducted an ideation session using the "How Might We" method to find the right solutions. We asked questions like:

  • "How might we make customer service easier to contact?"
  • "How might we ensure timely deliveries?"
  • "How might we provide more detailed tracking information?"

From here, we created a mind map that organized our ideas and helped in the development of the user flow.

User Flow

We designed the user flow to depict the steps Alex would take in using our application. This user flow helped us understand the logical sequence of using the application from start to finish.

Wireframe

Our UX designers, Eka and Tiara, created wireframes to illustrate the structure and layout of the application. These wireframes included all the main features and user flows we identified.

UI Design Process

Our UI design process consisted of several key stages:

Moodboarding

We gathered visual ideas to define the look and feel of the application. This moodboarding process helped us maintain visual consistency and ensure our application was appealing to users.

High Fidelity Design

We developed high-fidelity designs based on the wireframes. The high-fidelity designs showcased all visual elements in great detail, including icons, buttons, and layouts.

Prototyping

We created interactive prototypes using Figma to demonstrate the functionality and user experience of the application. These prototypes allowed us to test our design decisions and gather feedback from users.