Meridian

Meridian showcase 07 / 09

Demonstration page. The business is invented, the words are sample copy, and this is not work done for a client.

All nine

Kestrel Courier Co - Same-day courier

Booked at ten, delivered before the afternoon.

Same-day collection and delivery across the city and the four towns around it, by riders and vans that are ours.

Same day

Booked before eleven, city and ring towns

Every job is tracked to a named rider and every proof of delivery carries a photograph and a signature.

What moves

Three bands, two of them bound to your scroll wheel.

Scroll down and they run forward. Scroll back up and they reverse mid-word, because they are not playing - they are reading your position.

Same dayTimedOvernightMulti-dropFragileDocumentsPallets
City centreNorthgateFerry roadOld harbourWestbrookThe millsAshfield
0700 collection1100 cut-off1400 second wave1800 last van2100 depot close

Band one runs on the document scroll. It cannot move unless you do.

Band two runs on the same timeline in the opposite direction, so the row has mass.

Band three drifts on a timer, which is what keeps the page alive where timelines are not supported.

Coverage

City
Collection within 45 minutes
Ring towns
Collection within 90 minutes
Airport
Timed slots, booked the day before
Out of area
Quoted per job, no surcharge bands
  • Fleet

    Employed, not gigged

    Riders and drivers are on the payroll with their own insurance and their own vehicles maintained by us.

    01

  • Booking

    A price before you commit

    Postcode to postcode gives a fixed price in the form. There is no surge multiplier and no waiting-time meter.

    02

  • Proof

    Photograph and signature

    Delivery confirmation includes a timestamped photograph of where it was left and who took it. Both are kept for ninety days.

    03

Two postcodes and a parcel size is enough.

Get a price now

Kestrel Courier Co

Two postcodes and a parcel size is enough.

The quote form has four fields. If it is going out today, you will see the collection window before you book.

That is where the demonstration ends. Kestrel Courier Co is invented, so the buttons above lead here rather than anywhere. These two do work.

Build a page like thisThe other eight

What you are looking at

Technique
Marquee
Why here
A courier sells movement, so the page should have mass. Two of the three bands are bound to the document scroll rather than to a clock - they cannot move unless you move, and they reverse mid-word when you scroll back, which is the difference between physics and decoration.
With animation off
Each band is a plain horizontally scrollable strip that a reader can push with a thumb. The text is the same text and none of it is clipped.
  • animation-timeline: scroll(root)
  • time-based idle drift
  • registered @property --vel
  • overflow-x fallback

Demonstration page. The business is invented, the words are sample copy, and this is not work done for a client. Kestrel Courier Co does not exist. Built by Meridian to show one technique working, and to show what it does when nothing is allowed to move.

All ninePricesNext 08

Get a price now
Velocity - landing page example - Meridian