UI DEV
HTML5 | SCSS | Scrum | Bootstrap | ReactJS | Responsive Web App
Logistik Metasearch
Empty runs and idle times are the biggest problems in freight transport.
At present, idle times of around 50% are common practice and trucks are usually only partially loaded or empty on the roads. To avoid this there are numerous freight exchanges, in 2016 about 200 platforms.
Despite or precisely because of the many platforms, freight brokerage is a challenge. The scheduler has to compare the different offers of the different platforms in terms of profitability and feasibility.
Fleetboard nxtload links and integrates all offers of the freight exchanges into a central user interface, this freight search engine can make it much easier for the scheduler to find freight for partial routes or the return journey and thus avoid empty trips, which increases the profitability of the company.
My Role
Within the project I was member of the scrum development team as UI Developer and had also the role as an UX Researcher.
As part of the scrum development team I was responsible for the realization of the UI styling on the frontend.
As UI Developer I worked close together with the UI designers as well as with the frontend developers.
The frontend developers provided functional UI components which I afterwards styled with SCSS/SASS according to the desired designs.
Additional, I also supported the User Experience Team at the UX Research.
First I interviewed dispatcher of pilot customers about their typical work-life and experience with the current platforms.
Later, after we developed the first minimal viable product (MVP), the dispatchers tried our product and were then interviewed by me about their experience.
Responsive Web App
Nxtload was developed as ReactJS web app with a C# back-end on Microsoft Azure Cloud Services.
As we were working in a continuous integration environment, we decided for a Git Feature Branch model, that were linked to the respective stories in the sprint.
The feature development gave us also the opportunity to leverage pull-requests, which helped our dev collaboration and increased the code quality.
Unfortunately, the UI team provided designs for desktop resolution only, so I had to customize the Bootstrap framework in a large way to make the responsive grid well working on all devices.