logo-footer

Disruptive Delivery and Shipment Experiences

With FR8, users and companies can now upgrade their delivery and shipment experiences, through its disruptive app for freight industry.

FR8

Client

FR8

Services

Platform Development & Design

Task

Developing a structure able uplift clients’ experience.

Mission

FR8Star is a San Francisco startup aiming to improve the freight industry with cloud-based tools. For instance, it locates shipments and optimizes schedules. Furthermore, it lets you know available capacity on freight truck routes, while also selling this capacity to shippers.

Impact

Their main impact relies on making shipping easy. As a result, FR8 leads an online marketplace, with a trustworthy network of transport companies. With their specialized focus, they provide easy access to transporting companies and oversize loads.

Services

The company approached us to build their next-generation application. Within their requests, they needed development and a front-end design with an updated UI. Also, they wanted to work with React.JS, an emerging tech at the time. This gave us a great chance to be one of its early adopters.

Goal

The goal was to create a new structure that allowed them to uplift their clients’ global experience.

Story

The enterprise was founded in 2015, with the goal of reducing the huge $700B US trucking market inefficiencies. Because of this, the industry experienced revenue losses, pollution increases, and poor working conditions for its 3.5M drivers.

Through their online application, they make fleet management hassle-free. As a result, it can achieve a variety of industry-related items. Among their investors, there’s the renowned Volkswagen group.

Challenges

The client’s requirements were divided into three areas. These were a UI with reusable components, a user-friendly app, and an integration with Google Maps and Street View.

The design had to show complex info and tools while looking clean and modern. With that in mind, a challenge was taking all formats into account. This led us to design interfaces friendly with smaller screens, like laptops or tablets. On top of that, as a SaaS, it was important that the app was cloud-connected. In loading processes, the app has to make several API calls to retrieve information. Since APIs have differing rates of speed, interface elements may lead to uneven loading. To ensure that all elements were displayed at the same time, another challenge was to design a specific Node.JS layer. As a result, we would have an intermediary between Front-End and Back-End APIs.

The main goal for Capicua was to include every company-related item, along with its values and services. All of this is in a next-generation online application.

Worth Mentioning

The trucking industry was suffering revenue losses in a $700B market. With this huge disadvantage, Capiuca built FR8’s first MPV and some iterations. After that, Volkswagen invested $10M in that seed.

Technology

Our team combined React.JS with MobX for state management. We worked with Node.JS’ to add an API for the call management layer. Also, we used AXIOS to put an API for call wrappers. Furthermore, we used AZURE’s cloud computing platform. Capicua built a Material UI design that offers clean and intuitive user interactions. Moreover, we applied quick filters and search options, to allow users to easily find information. On top of that, we worked with CSS and LOSTGRID to improve responsiveness.

We also applied convenient access to details, so screens are now split into two sections: data tables, and rows. This panel is now fixed on the screen’s bottom, no matter the screen size and resolution. As a result, it’s always available for users to select their specific preferences. Besides, we deleted the need to access an edit mode to save data. For instance, if users cancel editing, their information goes back to its original state. Besides, we add infinite scrolling to different tables within the app. With this addition, users don’t have to page down in order to get more info.

We are ready
to make your project happen

Let’s talk