Skip to content
ABLAYE

Luxury Transportation / Web Development

Kadi Limo & Transportation

A premium transportation website built around a distinctive black fleet, elegant presentation, and a streamlined quote-request experience.

Industry
Chauffeur & Private Transportation
Services
Art direction, Web design, Web development, CMS integration
Status
Preview deployment
Kadi Limo homepage hero: a black SUV lit in gold with the headline “Arrive composed. Wherever the day takes you.”

01Overview

Project overview

Kadi Limo & Transportation provides private, chauffeured transportation in Atlanta, Georgia, for airport transfers, business travel, weddings, celebrations and events.

The website is a cinematic, editorial showcase with five core pages (home, fleet, services, about and contact), built to make the fleet feel tangible and requesting a ride feel simple.

02Design objectives

What the site needed to do.

  1. 01

    Give the black fleet real presence, like walking through a showroom

  2. 02

    Turn a quote request into a short, reassuring sequence

  3. 03

    Achieve an editorial, luxury tone without invented history or credentials

  4. 04

    Let the owner manage vehicles, services and contact details

03Approach

Design & development.

  • Next.js 16
  • TypeScript
  • Sanity
  • Netlify Forms

The art direction, “Night Route”, is dark throughout: deep black-green surfaces in three tones, ivory type, restrained brass, and Instrument Serif display type over Manrope.

Its signature is a hairline brass route with numbered stops. Each page begins at stop 00 and its chapters count up from there; on wide screens, a fixed route rail fills as you scroll.

Motion is short and eased: masked headings, curtain image reveals and parallax, all fully disabled under reduced-motion preferences. Colour contrast is checked with axe-core at desktop and phone widths.

04Desktop

The experience, page by page.

Full-length capture of the Kadi Limo homepage

Homepage, full length

Scroll inside the frame to move through the complete homepage, captured from kadi-limo-atl-preview.netlify.app.

Kadi Limo fleet showroom with vehicle selector
01Fleet showroom
Kadi Limo ride request: “Where are you headed?” with three steps
02Three-step ride request
Kadi Limo services page: “Private transportation, planned around you.”
03Services

05Mobile

Designed for the phone, too.

Captured on a modern phone viewport from the preview deployment.

Kadi Limo homepage on a phone
Homepage, mobile
Kadi Limo fleet page on a phone
Fleet, mobile

06Key functionality

What it does.

  • 01

    Fleet showroom

    A sticky thumbnail selector above a large vehicle stage, synced to the URL and operable by click, arrow keys or swipe.

  • 02

    Three-step ride request

    Occasion → Journey → Details, with a review before sending. It prefills from the service or vehicle a visitor came from.

  • 03

    Services index

    Nine services in an expandable index, each linking straight to a quote request.

  • 04

    Mobile action bar

    On phones, “Request a quote” stays within reach; call, text and WhatsApp appear once details are added in the CMS.

  • 05

    Owner-editable content

    Sanity CMS with built-in seed content, so the site runs before a CMS is connected.

  • 06

    Form handling

    Ride requests are captured with Netlify Forms.

07Project status

Preview deployment

Preview build on Netlify. The production domain is not yet connected, and preview pages are set to noindex. Vehicle images are representative and labelled as such on the site.

URL and deployment status verified November 2026

View the preview(opens in a new tab)

Next project · 01

SMIYA LLC

Professional Parking & Valet Services

Let's work together

Let's build something remarkable.

Tell us about your goals and we will show you how we can help.

Start a ProjectExplore Services