Product screens 06
- 01 Shipment map
- 02 Trips and statuses
- 03 Roles and access
- 04 Client access
- 05 API
- 06 Mobile version
A SaaS dashboard for a logistics company: a cargo map, delivery statuses and client access. The mobile version serves drivers and managers on the road.
- Live map A Mapbox map with routes and the current position of every load.
- Delivery statuses A timeline of each trip from loading to hand-over.
- Roles & access Separate rights for dispatchers, drivers and clients.
- Client API Clients pull statuses into their own systems — no calls to a manager.
The internal cargo-tracking tool ate manager hours and had no architecture: clients kept calling instead of opening a link.
We turned it into a real SaaS dashboard: live maps, roles and permissions, a public client API, and cloud deploys with CI/CD and monitoring.
-
Before Clients phone a manager to find out where their cargo is.
After Clients see the status themselves — in their own access or via the API in their system.
-
Before Tracking shipments eats up managers’ hours.
After A real-time map with routes and the current position of every shipment.
-
Before An internal tool with no architecture and no access control.
After Roles for dispatchers, drivers and clients, and a structure built to grow into SaaS.
03 · The client’s path
How a person moves through the product, from the first step to the result the business needs.
-
The dispatcher sees everything
Shipments with routes and current positions on one map.
-
The team on the road
Drivers and managers work from the mobile version.
-
The client checks a trip
The timeline from loading to delivery, in their own access.
-
Statuses flow into the client’s system
Through the API, with no calls to a manager.
04 · What is inside the project
-
A cargo-tracking screen with map and live statuses
-
Roles and permissions for the team and for clients
-
A structure built to grow into a SaaS product
Dispatchers check a trip status in minutes instead of calling drivers, and clients track shipments themselves, so “where is my cargo” calls roughly halve. A guideline, not a promise.
05 · Architecture
How the product is put together: from what the user sees to the data and services behind it.
- User Opens the site on a phone or a computer
- Interface What a person sees and taps
- React
- Logic Rules, roles and scenarios
- Node.js
- Data & integrations Where the data lives and what the product talks to
- PostgreSQL
- Mapbox
06 · How a project like this is built
Total: 16 weeks- Brief & research Goals, audience, page structure and what the product must do
- UX/UI design Prototype, design of the key screens and the mobile version
- Development Front end, CMS, integrations and animation
- QA & launch Device testing, speed, SEO groundwork and launch
Typical phase split for a project of this size
07 · Services in this project
- Web App & SaaS Development · web app Complex products on Angular, React and Vue: dashboards, internal systems, APIs and cloud infrastructure.
- Price
- from $4,819 (₴200,000)
- Timeline
- 10–14 weeks
- CRM development and business process automation Three rungs: process automation on ready services, a custom CRM built around your scenario (pipelines, tasks, documents) and a CRM with an AI module. Telephony, mail and warehouse integrations.
- Price
- from $2,410 (₴100,000)
- Timeline
- 4–8 weeks
Solutions for a specific job
Ready-made scenarios for your case — with examples and indicative pricing.
- E-commerce · marketplaces Marketplace development, turnkey See the solution
- CRM · wholesale & B2B A CRM for wholesale: the deal run from enquiry to payment See the solution
- Websites · hospitality A website for a hotel that takes bookings around the clock See the solution
- E-commerce · beauty A cosmetics store that carries the buyer to checkout See the solution
- CRM · logistics A CRM for logistics: cargo tracking that ends the “where is my shipment” calls See the solution
- Websites · finance A website for fintech and investment firms: trust and stability See the solution
- Site-card · legal services A lawyer’s site-card that shows the specialisation See the solution
- Landing · auto service A car service website that fills the schedule See the solution
- Websites · healthcare and dental A clinic website: booking a doctor without a call See the solution
- Websites · beauty salons A beauty salon website where clients book themselves See the solution
- Websites · restaurants and cafés Restaurant website: menu, table booking and banquets See the solution
- Websites · online schools and courses Online school website: courses, syllabus and cohort sign-up See the solution
- Websites · psychologists and therapists A psychologist website: clients book without hesitating See the solution
- Websites · real estate agencies Website and CRM for a real estate agency See the solution
- Websites · construction and renovation Construction company website: projects, calculator and quotes See the solution
- Websites · travel agencies Travel agency website: tour search, last-minute deals and matching See the solution
- Websites · cleaning Cleaning company website: price, time and payment without a call See the solution
- Websites · barbershops Barbershop website: book your barber without calls or DMs See the solution
- Websites · kindergartens Private kindergarten website: parents see prices and book a tour See the solution
- Websites · driving schools Driving school website: the course price before a call and online group sign-up See the solution
