Case study · Frontend
Early-access launch site
Deployed (public demo URL) · early-access form implemented
A launch page that explains, in a carrier's own terms, why a good route beats a single high-paying load. It walks visitors from where the truck is to a ranked route, shows the phone and office apps, answers common questions, and invites early-access requests.
Overview
The RouteDawg home page is a Next.js 15 and React 19 App Router page styled with Emotion over an in-house component library and a CSS custom-property token set. Its design direction came out of a documented study of transport-management and dispatch websites, a claims register, and voice rules that keep demo numbers clearly labelled as examples.
Product explanation relies on coded, accessible diagrams and phone frames rather than stock imagery, with one h1, labelled diagram roles and a live-region form status. The page ships by extracting the product's slice of a larger internal Next.js application into a standalone production build; a gate exposes only the marketing page and its assets, so the rest of the product stays behind sign-in.
Open items: verify the early-access form live, add social-sharing metadata and a privacy page, and verify the example figures before they are used anywhere else.