Webdesign
Digital transformation for a leading transport company.
Project description
Project description
Project description
I designed Jooren Transporten’s website to modernize their digital presence and improve operational efficiency with an integrated back-office system. Since launch, the client has customized the platform to meet their evolving needs.
Timeline
From initial concepts to final designs in just 2 week.
Background
Jooren Transporten is a leading transport company known for its logistics expertise, serving clients like Dirk van den Broek and DekaMarkt. They required a digital solution to streamline operations and improve communication, resulting in the development of a fully integrated website and back-office system.
Process
Process
Process
Some time ago, I designed the website for Jooren Transporten, a key player in the transport industry, to modernize their digital presence and enhance operational efficiency. The website was built with an integrated back-office system, streamlining communication and task management between drivers and administrative staff. Since its launch, the client has made their own adjustments to the platform, customizing it further to fit their evolving business needs.
Research & Discovery
I began by thoroughly researching Jooren Transporten’s operations to understand the challenges faced by their drivers and administrative teams, ensuring the solution would address their needs.
Design & UX
The website was designed with a clean, responsive interface and intuitive navigation, providing a seamless user experience for clients and internal staff alike.
Back Office Integration
A key feature was the integration of a back-office system, enabling real-time communication between drivers and admin staff, enhancing task management and overall workflow.
Mobile Optimization
I ensured the website was fully optimized for mobile use, allowing users to easily access information and manage tasks from any device, an essential feature in the transport industry.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
About Page
As you scroll, content and images elegantly fade and slide into place, making the company’s story and values feel as engaging as they are informative.
Vacancies Page
Job listings powerfully fade into view as you scroll, with smooth transitions that make each opportunity feel dynamic and accessible, drawing attention to open positions.
Contact Page
Interactive form fields light up as you click, and the page flows with subtle transitions that make connecting with Jooren Transporten feel seamless and effortless.
Login Page
The login fields and buttons smoothly fade in, creating a sleek and professional entry point, while subtle hover effects bring an interactive touch to the login experience.
Login Page with Menu
As you access the login page, the menu transitions smoothly into view, offering a seamless and professional experience with subtle hover effects and responsive animations that guide users effortlessly through the interface.
News Page
Articles and images dynamically fade in as you scroll, creating a visually engaging experience while showcasing the latest updates and milestones from Jooren Transporten.
Back office - Form Submission Page
Employees submit their working hours, personal info, and vehicle details for each day.
Back office - Form Leave Submission Page
Employees request leave by filling out their details, dates, and reason for leave.
Back office - Form Defect Submission Page
Report vehicle defects with license plate, mileage, and up to three issues.
Back office - Profile Page
Users update their personal details, like email, password, and contact info.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
Services page
Each service section leaps into focus with smooth, powerful scroll animations that unveil Melsam's expertise, making every offering feel essential and engaging.
Projects Page
As you scroll through the portfolio, project images and details glide and fade into place, creating an immersive experience that brings each completed job to life.
About page
The story of Melsam unfolds as content and images dynamically slide and fade into view, offering an engaging glimpse into the company’s roots and expertise.
Contact Page
Form fields and buttons respond with sleek, interactive transitions, while the map zooms in with precision, making it easy to connect with Melsam in style.
Sustainability page
Step into the world of sustainability as images and content dynamically fade and slide into view, showcasing Melsam’s expertise in eco-friendly solutions with a smooth, engaging flow.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
Services page
Each service section leaps into focus with smooth, powerful scroll animations that unveil Melsam's expertise, making every offering feel essential and engaging.
Projects Page
As you scroll through the portfolio, project images and details glide and fade into place, creating an immersive experience that brings each completed job to life.
About page
The story of Melsam unfolds as content and images dynamically slide and fade into view, offering an engaging glimpse into the company’s roots and expertise.
Contact Page
Form fields and buttons respond with sleek, interactive transitions, while the map zooms in with precision, making it easy to connect with Melsam in style.
Sustainability page
Step into the world of sustainability as images and content dynamically fade and slide into view, showcasing Melsam’s expertise in eco-friendly solutions with a smooth, engaging flow.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
Services page
Each service section leaps into focus with smooth, powerful scroll animations that unveil Melsam's expertise, making every offering feel essential and engaging.
Projects Page
As you scroll through the portfolio, project images and details glide and fade into place, creating an immersive experience that brings each completed job to life.
About page
The story of Melsam unfolds as content and images dynamically slide and fade into view, offering an engaging glimpse into the company’s roots and expertise.
Contact Page
Form fields and buttons respond with sleek, interactive transitions, while the map zooms in with precision, making it easy to connect with Melsam in style.
Sustainability page
Step into the world of sustainability as images and content dynamically fade and slide into view, showcasing Melsam’s expertise in eco-friendly solutions with a smooth, engaging flow.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Home page
The homepage comes alive with a bold hero image and smooth scroll animations that make key sections glide into view, creating an immediate, immersive experience for visitors.
Services page
Each service section leaps into focus with smooth, powerful scroll animations that unveil Melsam's expertise, making every offering feel essential and engaging.
Projects Page
As you scroll through the portfolio, project images and details glide and fade into place, creating an immersive experience that brings each completed job to life.
About page
The story of Melsam unfolds as content and images dynamically slide and fade into view, offering an engaging glimpse into the company’s roots and expertise.
Contact Page
Form fields and buttons respond with sleek, interactive transitions, while the map zooms in with precision, making it easy to connect with Melsam in style.
Sustainability page
Step into the world of sustainability as images and content dynamically fade and slide into view, showcasing Melsam’s expertise in eco-friendly solutions with a smooth, engaging flow.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Privacy Policy Page
Even the fine print comes to life as text smoothly fades into view, creating a clean, professional flow that keeps users engaged while reading the essential details.
Solution
Solution
Solution
The app simplifies crate management by providing a seamless user experience for pickers, ensuring efficient scanning and placement of crates with the correct priority.
Modernized Digital Presence
The new website gave Jooren Transporten a modern, professional online presence that reflects their expertise in the transport industry.
Integrated Back-Office System
The integrated system streamlined communication and task management between drivers and administrative staff, improving internal efficiency.
Mobile Optimization
The mobile-responsive design ensured that both drivers and administrative staff could easily access the platform from any device, making it flexible and accessible.
Client Customization
The website’s flexible design allowed Jooren Transporten to make their own adjustments over time, adapting the platform to meet evolving business needs.
Results
Results
Results
The website improved Jooren Transporten’s operational efficiency and client engagement, thanks to the integrated back-office system and mobile optimization. Over time, the client has successfully customized the platform to meet their evolving needs.
Modernized Digital Presence
The new website gave Jooren Transporten a modern, professional online presence that reflects their expertise in the transport industry.
Integrated Back-Office System
The integrated system streamlined communication and task management between drivers and administrative staff, improving internal efficiency.
Client Customization
The website’s flexible design allowed Jooren Transporten to make their own adjustments over time, adapting the platform to meet evolving business needs.
Case studies
Case studies