Designing a freight client portal for web and mobile
- My role
- Design Lead & Senior Product ManagerFour designers on this product; seven across the department.
- Period
- 2019 → 2023in-house, alongside the events platform
- Scope
- Product design · research · information architecture · design system · deliveryWeb, iOS and Android, covering around 50 operations and three user roles.
- Product
- Freight client portal for Russian Railwaysused by a base of around 10,000 shipping companies
- 30 days14 days
- End-to-end shipment cycle
- 80%
- Of the national freight market, in two years
- 33k
- Unique monthly users, across 10,000 companies
- 92%
- Retention
- 85%
- Reported user satisfaction
Company-reported figures from the project period; some values are rounded. These describe the overall product, not the effect of an individual design change.
Interface examples are reconstructed in English with synthetic data. Maps and imagery are illustrative.
What this was
The product and my role
The portal brings shipment planning, documents, tracking and settlement into one system. It serves freight forwarders, wagon owners and company administrators across web and mobile.
I led product design and also worked as the product manager. My responsibilities included research, information architecture, interface design, prioritisation and the design system. Four designers worked on this product.
The scope covered around 50 operations and 400 screens: approximately 250 on the web and 150 in the mobile app.
- Price a route
- Book
- Declare the wagons
- Sign
- Track
- Settle
The product in four screens
Each screen is shown in full further down; these link to where.
The home screen
A dashboard for daily operations
The dashboard brings pending operations, account information and shipment activity into one view.
Users can open documents that need attention and start planning a shipment.
Planning a shipment
Planning a shipment
Users can compare delivery options and inspect the stages of a route.
Each option brings the transport legs and pricing information together.
Fifty operations
Creating shipment documents
The form supports both individual wagon entry and a pasted list of wagon numbers.
Users can review and edit the resulting records before signing the document.
The settlement account
Account balance and transactions
The settlement view combines an account summary with a detailed transaction table.
Tabs separate transaction states so users can inspect the records relevant to their task.
Three roles, one cabinet
Navigation for different roles
The portal supports freight forwarders, wagon owners and administrators.
The selected role determines the navigation and available operations. The interface also includes a dark theme.
Two platforms
The mobile app
The Flutter app runs on iOS and Android and covers around 150 screens.
It includes shipment information, wagon tracking and camera-assisted wagon-number entry.
What held it together
A shared design system
The design system covers typography, colour, navigation, tables, forms and component states.
It supports light and dark themes, with shared visual foundations across web and mobile.
I led the design team and the work on the system, helping keep the product consistent as its scope grew.
Outcome
Product reach and outcomes
The company reported a reduction in the end-to-end shipment cycle from 30 to 14 days, around 33,000 monthly users and 85% user satisfaction.
The portal served a base of around 10,000 shipping companies.
Open to Senior Product Designer roles
Based in Porto, Portugal, with authorisation to work here. Get in touch about a Senior Product Designer role or to discuss my work in more detail.