Shipbao-Redesign

Redesigning a consolidation shipping service application.

Role

Team

UXUI Designer

Solo Project

Tools

Duration

Figma

1 Weeks

Overview

This project involved redesigning the Shippao application, a consolidation shipping service that I have relied on in the past. While I appreciated their excellent service, the app itself had poor usability and an inconvenient user experience.

My goal was to enhance the design, making it easier for users to navigate and helping them complete their tasks more quickly. I also introduced a dark mode to the app.

Redesign

Problem 1

Poor User Experience

The interface of the original Package Register page was inconvenient to use, requiring excessive time to fill in information.

Changes

  1. The “Recent Options” button is added, allowing users to quickly select their most frequently used choices.

  2. Implemented a “paste” feature to simplify the input process

  3. Default quantity is set to 1 for user convenience

  4. Kept the navigation bar fixed at the bottom of the screen to enable seamless feature switching.

Problem 2

Poor User Interface

The original Account Page suffered from inconsistent font styles and sizes, creating a cluttered interface. In addition, the categorisation of content was unclear, making navigation confusing.

Changes: Addressed visual inconsistencies by revising typography, optimizing spacing and clearly categorizing content to make content easier to digest.

Poor User Interface

The original Notification Page and Product Sharing Page’s card layout lacked clarity and consistency. Text and images were difficult to read, and the overall layout felt cluttered.

Changes: I redesigned the card layout on these two pages to enhance readability and visual clarity, ensuring a more consistent and user-friendly experience.

Takeaways

Designing for Clarity and Consistency - Redesigning the Account, Notification, and Product Sharing pages highlighted the importance of typography, layout, and visual hierarchy. I realised how consistency and clarity directly influence navigation, readability, and the overall user experience.

Streamlining User Tasks - By simplifying data entry with features like “Recent Options,” a direct paste function, and default settings, I learned how small design changes can significantly reduce friction and make essential tasks faster and more intuitive.

Previous
Previous

Treecycle