Transport & mobilityIn development

Résacar

A group transport marketplace: the difficulty lies in making quotes comparable.

Year
2026
Design & build
in progress
Stack
React · TypeScript · Tailwind · Vercel
  • Product design
  • Design
  • Development
  • Partner area
In development…
Home page of the Résacar website — Transport & mobility, built by Kayzen Web
quote format for every partner
1
development
In progress
The starting point

What needed solving.

The background

Résacar is a platform connecting people who need group transport with coach operators, currently in development: a quote comparison tool, a partner area and a booking funnel.

The constraint

On a marketplace, value comes from comparability. Yet two coach quotes are almost never comparable: one includes the driver's meal, the other does not; one charges for standby time, the other by the kilometre. Without standardisation, the comparison tool compares nothing.

The response

Impose a single quote format on every partner: the same line items, the same inclusions, the same calculation method. The operator fills in a grid, not free text. It is more demanding at sign-up, and it is the only way to make the comparison honest.

Design & art direction

Every design choice, and the reason for it.

  1. A standardised quote grid

    Identical line items for every operator, explicit inclusions. The customer compares rows, never paragraphs.

  2. A request in several steps

    The request is split into short steps with visible progress. On a long form, showing progress is what separates abandonment from completion.

  3. A partner area designed for life on the road

    Operators reply from a phone, between two jobs. The reply interface fits on one screen.

Project palette

  • Deep blue

    #1B3A5C

    Identity

  • Action green

    #1F7A54

    Approval, quote received

  • Light grey

    #F4F6F8

    Background

  • Ink

    #1A1E23

    Text

Type system

Display

Outfit 700

Body text

Inter 400

Every amount uses tabular figures: a comparison tool whose price columns do not line up is unreadable, and therefore useless.

Engineering

What's under the bonnet.

  • React
  • TypeScript
  • Tailwind
  • Vercel
  1. A typed quote model

    The quote grid is a schema validated on the server. A non-compliant quote is rejected on entry rather than corrected after the fact.

  2. Notifications for both sides

    A new request on the operator's side, a new reply on the customer's side. On a marketplace, response time is the metric that decides whether the service survives.

Search engine optimisation

How the site makes itself findable.

  1. Comparison searches

    “Compare coach quotes”, “group bus hire prices”. The intent to compare is exactly what the product promises.

Site structure

What was delivered.

  • Home — quote request
  • Reply comparison
  • Partner area
  • Booking tracking
  • Help
Method

How the project unfolded.

  1. Quote model

    Standardising line items and inclusions.

  2. Design

    Step-by-step request, comparison tool, mobile partner area.

  3. In progress

    Notifications, booking tracking.

Questions

What we are often asked.

Because a comparison tool that displays inconsistent quotes adds nothing: the customer then has to reread everything to understand what is included. The constraint on the way in is the price of usefulness on the way out.

The same high standards, for your website.

A free audit of your current site, a quote within 24 hours and written reasoning — like the case study you have just read. Pay in three interest-free instalments; local funding schemes checked before you sign.

Share