Plan Your Van booking flow
TimelineSept 2021 – Apr 2022
TypeFreelance project
ToolsFigma, ProtoPie, Blender
PlatformWeb

Plan Your Van

Replacing email inquiries with a self-serve portal for booking van transport across Europe

Skip to solution

Intro

Plan Your Van is a logistics concept offering van transport and removal services across Europe — letting customers order transport from one country to another without the back-and-forth of email inquiries or phone calls.

I worked as the product designer on a self-serve portal that automates and simplifies the ordering process, so customers can see costs upfront and book in minutes instead of waiting on a reply from an office worker.

Context

The logistics company invited us in to discuss a specific business problem: to book a van or space in a van, customers had to send an inquiry by email and wait for an office worker to reply. On top of that, customers couldn't see costs upfront, and every quotation took real manual work on the company's side.

To simplify and automate the process, the company wanted a portal that could handle the entire ordering flow on its own.

Discovery

  • Briefing with stakeholders
  • In-depth interviews

Research

  • Personas
  • User journey
  • Key takeaways

Define

  • Problem statement
  • Prioritisation
  • User flow

Design

  • Wireframes
  • Prototypes

Validation

  • Tests
  • Iterations

Research

The product manager and I ran six in-depth interviews with retail customers to understand their needs and frustrations. Two clear user groups emerged: people who occasionally ship goods abroad and only need space in a van, not the whole thing — like John — and people who move frequently and need transparent, trackable service — like Lucia.

Persona: John, 37, furniture designer Persona: Lucia, 29

To empathise with users and surface the real pain points, I mapped out John's user journey end to end:

User journey map for John, from awareness through post-service

Key research takeaways

  • Lack of transparency. Opaque pricing and hidden fees made it hard for customers to compare services or understand the full cost upfront.
  • Communication issues. Customers struggled to get shipment status updates or reach customer service.
  • Delays or damage. Delivery delays and damaged goods were a recurring source of frustration.
  • Limited customisation. Few options existed for customers with unusual shipping requirements — specific handling or packaging needs.
  • A complicated booking process. Ordering meant multiple steps and direct contact with the company, rather than a simple, self-serve flow.

How can we simplify the order process for the customer and make it smoother for the company?

  • Whole van or space in van — two independent booking paths, instead of one form trying to cover both.
  • A dynamic price calculator at the bottom of the site, always up to date with the current selection.

Solution

The portal opens with a simple pickup-and-destination form, then splits into two independent paths depending on whether a customer needs the whole van or just space inside one — each with its own live price calculator that updates as details are filled in.

Early low-fidelity wireframe of the booking flow
An early low-fidelity exploration of the landing page, before visual design.
Early low-fidelity wireframe of the order summary screen
An early wireframe of the order summary step, before visual design.
Final landing page design
The final landing page.
Two booking paths: renting the whole van vs. renting space in a van
Two independent booking paths — renting the entire van, or just the space you need.
Product Design Web User Research Figma ProtoPie