PROJECT TIMELINE: July - August 2022
MY TEAM: PK, VL, PQ, RS
TOOLS: Figma, Miro, Zeplin
LogAware is an early stage startup building an all-in-one logistics system that works across a desktop dashboard and a mobile app, with features such as live shipment tracking, documentation sharing, messaging, and more.
At the start of the project, this existed as a beta prototype with limited functionality. Our goal was to work with the founder and lead developer to bring their product vision to life.
.jpg)
How did we get here?
Contextualizing the Product through Market Research
To better understand the product, we started by researching similar platforms like flexport, XPO logistics, cargomatic and project44. A comparative feature analysis highlighted what sets LogTrack apart from adjacent companies while providing us with a starting point and direction for design improvements.
Understanding Target Users
The system features two interconnected platforms, with two separate user bases. We conducted interviews with people from both user groups, which included shipment transporters and logistics/operations managers.
These interviews helped us better understand users and many of the frustrations and needs within their everyday work.
What People in the Industry Are Saying
Key Findings:
Across interviews, many users expressed frustration about the chaotic nature of supply chain operations, and highlighted issues such as lack of communication, human error, and lack of transparency which often cause delays and problems with tracking shipments.
Codesigning with intent:
To better understand the system, our team scheduled a meeting with the developer. We created the following Service Blueprint, which maps out the customer actions, front and backend activity.
Next, we invited the client and developer to join in on a Design Studio session, where we created sketches to generate ideas. We iterated on designs based on feedback from the client and developer.
.webp)
.webp)
.webp)
.webp)
.webp)
Aligning to our client's vision, we began designing the MVP...
Initial Designs
We put together initial designs in the following mid-fidelity prototypes:
We tested our prototypes with users based on the following metrics: time on task, task completion rates, and ease-of-use. Users provided feedback as they interacted with our prototypes and using their input, we fine-tuned the designs for better usability.
In total, we conducted 3 rounds of usability testing across 15 users, and improved usability by an average of 27%.
Clearer flow for documentation uploads
Many users did not easily find the "view/upload documents" link, and clicked into the documents tab to complete the task. We added a clearer CTA on the main "Jobs" page to make the feature more discoverable.
Improving learnability through consistency
The initial design involved a distinct task flow for uploading documentations. We improved the design to prompt document uploads from the "Jobs" page through all points in the journey. Improved learnability and consistency led to increased usability.
We created a specification document containing the service blueprint, hi-fidelity wireflows, and functional annotations to support handoff to the development team. We also created a preliminary design system, documenting the colors, typography, a component library, and icons.
.svg)
Our presentation was well received by our clients and they expressed gratitude for our efforts and collaboration.
"Thanks a lot for a great presentation. We were happy to work with a professional team and bright minds throughout the project"
.jpg)
.jpg)
.jpg)
