Logistics in your pocket
Transform the digital platform to make it clearer, more useful, and more scalable, aligning it with the real needs of users and the strategic business vision.
Summary version
All the logistics in your pocket? Almost. We designed an app from scratch: simple, fast, and powerful. We talked to users, designed specific flows, worked on Figma magic and meaningful microinteractions. The result: over 45% engagement, real-time decisions, and an app that doesn't overwhelm. It just solves. And that... shows.
* Some figures and data have been adapted for illustrative purposes to protect strategic and confidential information.
A unicorn with a mobile
When Nowports began approaching unicorn status, there were a number of key conditions we had to meet. One of them was clear and compelling: develop a mobile app that offered real value to the user. It wasn't about replicating what we already had on desktop, but rather rethinking what it meant to operate and manage logistics from a personal device, fast and often on the go.
This was one of the most comprehensive challenges we faced as a team: research, use case definition, navigation architecture, visual design, microinteractions, component development, testing, and validation. The result was a focused, accessible, strategic, and—above all—useful app. This is its story.
UX Design Notes
In parallel, we created UX Design Notes — a resource library designed to document flows, decisions, and interactions clearly and transparently, shared with Product, Development, and key stakeholders. It includes reusable components such as navigation arrows, contextual notes, memos, specifications, component inventory, measurements, and highlighted zones. Everything is structured to improve handoff, reduce ambiguity, and provide precise visibility into what’s happening, why, and how.
Focus and strategy
Since the platform needed to reflect Nowports' overall strategy, we worked closely with multidisciplinary teams to ensure consistency and alignment at every step of the process. For certain features, we adopted a buy-versus-build philosophy, ensuring efficiency and effectiveness by leveraging existing solutions rather than developing them from scratch. For example, we implemented Zendesk for the chatbot and help center, achieving a seamless integration into the customer experience without having to reinvent the wheel.
To ensure consistent and up-to-date content on the platform, we designed a source of truth system that centralizes all information into a single, editable document. This system not only maintains alignment with the brand's voice and tone but also allows for easy editing by experience and content designers. The technology also exports content in JSON format, ensuring direct integration with the platform. This approach not only facilitated cross-team collaboration but also enabled a scalable internationalization process, allowing content to be made available in three languages: Spanish, Portuguese, and English.
To address this challenge, the redesign and restructuring process was based on principles of user research, Jobs to be Done (JTBD), and user personas, ensuring that design decisions were informed by data and a deep understanding of users.
Definition of key flows and functionalities
Based on the research, we defined the 4 essential flows of the app:
-
Shipment tracking : updated status, movement details, and critical events.
-
Document consultation : invoices, BLs, receipts.
-
Contact support or assigned executive : from the app, with one tap.
-
Smart notifications : just what's relevant, at the right time.
We developed wireframes in collaboration with the product and operations teams. We mapped each flow with context logic: what does a person need to see in transit, in a meeting, or before loading goods?
We created a dedicated UI Kit for mobile—separate from desktop but fully integrated into the overall Design System. Our priorities were:
-
Legibility, contrast, and visual hierarchy
-
Large tap targets and simplified navigation
-
Clear and friendly loading, error, and success states
-
Microinteractions that build trust (subtle animations, smooth transitions, real-time feedback)
From the very beginning, we designed directly in Figma and tested using interactive prototypes that emulated real device behavior.
Testing, adjustments and validation
We launched a closed beta with 25 strategic users from different countries. The feedback was key:
-
92% highlighted the speed of access to key information.
-
87% said they felt more at ease thanks to mobile notifications.
-
75% used the direct support channel within their first week.
Based on this, we made fine adjustments to the tone of alerts, error messages, and the visibility of the most accessed documents.
Details that matter: visual design and mobile microexperiences
Sign that we ride
Since its launch, the app has had:
-
+46% engagement compared to mobile web access
-
Average session time of 2 min 40 sec, focused on critical tasks
-
32% reduction in tickets related to boarding status
-
+20% in use of self-service documents
The Nowports mobile app isn't a slimmed-down copy of the desktop app. It's a purposeful tool, designed for the user's reality and with the same standard of experience we define from the design perspective across all our channels.