Freight Management Platform Design
Overview
Delivery Chain is a SaaS web app that simplifies freight logistics with the power of IoT technologies. It removes the guesswork and the stress of not knowing that your cargo is safe at every step of the way.
By staying with your cargo — not with your driver — IoT trackers can provide unrivaled pallet-level intelligence TM at every step of the shipment’s journey.
Tasks
- Conduct research of existing fleet management services. Define user needs and pain points.
- Visualize IoT freight management platform in high-fidelity wireframes based on the research and product owner's requirements.
- Create UI based on the wireframes for features like Devices Tracking, Fleet Automation, Alerts, Dashboard, Documents, and many more.
- Document every part of the platform with clear design & dev guidelines.
- Keep the design up to date, adjust the design based on users' and developers' feedback.
- Create design for Marketing website considering the platform branding.
Tech-stack
Figma
IllustratorSolutions
Wireframes
To visualize the main app features and define the app layout, we started with designing wireframes and building the user flow. We have created a dozen of screens that helped to develop the core architecture and the UI.
Foundation Elements
To build such a scalable platform as Delivery Chain, we started from a design system using the atomic approach with a color system, typography, and basic components. The design system was growing up during the design process.
Devices Tracking
Users can control and track the fleet from one place. They can get precise location and other various metrics from the device in one click. And if needed there is an ability to see the details, history, manage automation, and more.
Fleet Automation
Trigger Automation Group is one of the core concepts for fleet management. It allows to program routes of the fleet with a set of triggers like temperature, location, battery level, etc. Set it once and use it on any amount of devices. It’s an easy way to track what you need regardless of the device.
Ideation & Testing
You will never build a good product without a user in mind, right? That’s why on each major step of our work we’ve been testing ideas and wireframes with stakeholders. That allowed us to spot mistakes early and focus more on what users actually need.
Alerts
Be always aware of the state of your freight— that's what will make IoT systems so useful and valuable. To achieve that we designed a whole alerts system with different levels of alarm, sources like temperature, location, acceleration, and abilities to track the status of it in real-time.
Dashboard & Reporting
We worked closely with stakeholders to define business needs. After that, with the power of data provided by IoT, we packed it into useful insights that should help to run the business more effectively. As result, we've come with two big features: a customizable Dashboard and Reporting Tool.
Marketing Website
We designed a new marketing website that was restructured to better represents new features and fits the new platform branding.
Outcome
As the result of several months of work, we’ve designed a SaaS web app that elevates freight management to another level with features like Device Management, TAGs, Alerts Systems, Live Dashboards, and Reporting. It helps to keep cargo safe and keep the fleet management efficient.
Let's see how This Dot can help you
Are you looking for a development consulting firm that can provide staff augmentation, architectural guidance, and consulting to your company? Look no further than This Dot Labs. Our team of experienced developers and managers can help you implement and teach modern web best practices, and deliver your projects on time and within budget. Contact us today to learn more about our services and how we can help you achieve your development goals.
You might also like
Portfolio
Our clients are building for the future. Explore This Dot Labs' portfolio, and see how we have helped them achieve their diverse technical goals.
Load Management Platform Design
topics covered in this case study:
Stanza is an app which manages the site’s ups and downs, improves scalability and performance while managing multi-tenant or spiky traffic.
Driving Web3 Innovation: Collaborative Success in Showcasing Chainlink Functions
topics covered in this case study:
Chainlink, the company behind the Web3 services platform and blockchain oracle network of the same name, approached This Dot Labs to build a showcase application featuring Chainlink Functions.
Daily Polished, a members-only e-commerce platform focused on luxury beauty and wellness products
topics covered in this case study:
This Dot Labs took over architectural decision making and development for the e-commerce store and provided a seamless transition with timely deliver of the platform.
Developer Communities Platform Design
topics covered in this case study:
Developer Communities Platform
WebXR Performance Testing with React: Revolutionizing Mixed Reality Development
topics covered in this case study:
This collaborative endeavor demonstrated the potential of WebXR and showcased the power of leveraging community support and expertise in the open-source ecosystem.
Enhancing Sentry’s Suite of Debugging Tools with a Cutting Edge Replay Feature
topics covered in this case study:
Sentry’s Emerging Technologies team approached This Dot Labs to augment their team developing a new feature offering a visual replay of user interactions that would seamlessly fit in with Sentry’s portfolio of error and performance monitoring tools.
- See full portfolio