Truckloads Fleet Card — entrance prototypes
Fake phone, sample data. Each screen is the Truckloads app rebuilt from its own Figma, with a Fleet Card entrance added — and the untouched “before” reachable by query param, so a review compares offers, not designs.
These are suggestions
The card program owns the experience from the tap-in; the host app owns where it starts. Everything here is a proposal to Truckloads, not an owned deliverable.
The card flow lives next door
Apply, verify, fund, pay and manage keep one look across both host apps, so they are built once — in the Trucker Path prototype. Entrances here link across to it. That seam is intentional.
The offer it states: 3% back on diesel, 1% on service, tolls and parking. Both figures are derived from the same basis points the dashboards spend, so the pitch cannot drift from the cashback it promises.
Open the shared card flow ↗Host screens
Rebuilt from the Truckloads Figma. The entrance goes on top of these.
Compare the offer
Same host screen in all four — so what you compare is the offer, not the design. Start with today’s app and step up.
- Today's appno Fleet Card anywhere
- Tools row onlystates the offer in a description
- Services tile onlya fifth tile, label only
- Boththe proposal
Tapping either placement opens the shared card flow in a new tab. That is the seam: everything before it is Truckloads, everything after is ours.
Where it starts, and why there
Both placements are on Home, both quiet: they are the host’s own Tools row and Services tile, in the host’s own grammar, with no banner and nothing to dismiss. The Tools row sits at the end of the money tools, so whoever just worked out whether a load pays meets the card that funds it. The Services tile is a fifth tile — the design system specifies that state, wrapping to a 4-column second row.
The pitch is cash-flow, not fuel: get fuel now, pay when the broker pays. Truckloads shows no fuel figure anywhere — the load-card button whose Figma layer is named Fuel Cost actually renders Capacity — and Home’s neighbours are Factoring, Rate Check and Load Profit Calculator. Cashback is the secondary line, stated on the shared flow.
Two surfaces we expected to rank higher are not here. Load Profit Calculator and Rate Check have no Figma node, and page enumeration returns one wrong page.
Scaffold verified 2026-07-30 · Next.js 16.2.12 · Truckloads tokens pulled fresh from UQptiGZisGLFH8abIWQhgn, not inherited from Trucker Path.