KlearNow Drayage Trucker App

As Experience Lead, I oversaw a team of UX and UI designers to design the Drayage Trucker app. I worked closely with the product and business teams to lead the overall strategic vision of the work, while providing more specific guidance and feedback to the design team to oversee the creation of a flexible, modern design system, and the delivery of nearly 50 unique screens.

WHAT IS DRAYAGE?

Drayage service is the transportation of freight from the port to a destination. Most commonly used for short transports. Such as the first leg of your container’s journey once it enters the port.

THE PROBLEM Scenario

SCHEDULE

• Chassis are available at your call. Importer need to wait for availability.
• How drivers can get more assignment

TRANSPORT

• How to handle the entire drayage journey preventing miscommunication.
• Preventing damage, extra charges, demurrage, perdiem etc

TRACK

• Real time tracking, route, maps and visibility

INVOICE

• Complete end to end invoicing and billing .

4 CHALLENGES OF DRAYAGE

Shipment visibility

Before drayage movements can even take place, containers need to reach their destination ports. Without visibility into those containers’ locations, shippers cannot plan inventory or optimize warehouse teams, and most importantly, they may lose customer satisfaction with late deliveries.

Customs clearance

Much like personal travel, moving goods across borders can be overwhelming. Incorrect documentation, inaccurate payments and misclassification of products are just a few circumstances that often prevent shipments from reaching their final destinations.

In personal travel, most documentation is the same across borders. In drayage, the lack of standard paperwork processes in global shipping can hold up shipments once they have reached their port of destination.

Delays for reshuffling

One of the biggest delays in maritime shipping comes from reshuffling or shifting containers at ports of destination.

Carrier capacity

While capacity is tight in all areas of transportation, lack of capacity to pick up container shipments creates a problem for the global shipping community. If a container is not picked up on time, it not only incurs detention costs, but it adds to the global container shortage, affecting prices all over the world.

____________________________________________________________________

To build trust with the KLEARNOW business stakeholders and establish our strategic direction, I led the design team through a collaborative design phase based on these insights. Our goal was to rapidly reimagine the best user experience that was simple, relevant and trustworthy.

I took a narrative design approach to ground the team in the member journey, leading them to create design concepts for core screens and develop innovative solutions to our key customer pain points. Ideas included a data-informed coverage map and the ability to test drive a plan to gain trust with prospective customers and, to establish loyalty with existing members, a personalized year in review.

DESIGN THINKING WORKSHOPS

Following the rapid design phase, I led design, tech, data and product stakeholders through “Sprint Zero”, a series of design thinking workshops that allowed us to collaboratively align on the goal of the project, map the primary user journey, sketch innovative ideas and prioritize features of the new experience.

I would continue to lead similar workshops throughout the project at the beginning of each sprint as a way to align on the experience and collaboratively brainstorm creative solutions.

DEFINE

Finally, I facilitated a story mapping workshop to form a shared understanding of customer goals based on the established journey, determining key user activities for each goal and prioritizing features for each activity.

Using this list of prioritized features, the big ideas from our sketches and the thinking from our original strategic vision, I worked closely with the product team to plan our sprints and build a backlog for the design.

I also oversaw the creation of a responsive design system, resulting in a cohesive user experience and efficient design and development processes. Our design system is modern and accessible while remaining true to the established Freedom brand. It was also flexible enough to have been leveraged as a baseline system for other brands within the Freedom ecosystem.

KLEARNOW Large Data form handling

Consider there are 1000+ blocks of form with 10000_ line items. How do you deal with such a massive data block, correct errors and update or edit. 

KLEARNOW Importer App

Importer can see shipments, containers, and real time trackcking with map and all activities for their ocean fleet, air and cross border track journey