Laast.io

A French SaaS that runs a repair shop — intake, tickets, quotes, invoicing, parts stock and customer messaging in one place. The site has to convince an independent repairer, mid-shift, that this is less admin than what they do now.

WebsiteUX / UICopy structure

ClientLaast.io

Year2025

RoleDesign + UI

Timeline4 weeks

Visit the site ↗Talk about a similar project

laast.io — the homepage, top to bottom: the promise, the tracking board, the six gains, testimonials, the feature grid and the trial banner.

Work details

TypeMarketing website · product UI

IndustryRepair shops · trade SaaS

ClientLaast.io (FR)

RoleWebsite design, UI and page system

Year2025

Timeline4 weeks

StatusLive

DeliverablesHomepage, feature pages, product screens, component kit

Fonts

BitterInter

Colours

Built with

Figma

Nuxt

TypeScript

Tailwind CSS

Directus

Typefaces and stack are my best reading of the live build and need the team’s confirmation before this page goes public.

Visit the site ↗

What it needed

Trade software has to look like less work, not more.

Repair shops already run on a paper ledger, a phone and three spreadsheets. Every competing tool sells itself with feature lists and screenshots of dense tables, which reads to a repairer as one more thing to learn between two screen replacements. Laast needed a site that shows the day getting shorter — and that says, in one scroll, what the software replaces.

What I did

Promise

One sentence on the first screen — the all-in-one repair-shop software — with the modules as chips underneath, so a repairer can check their own list (quotes, stock, invoicing, messaging) before reading a single paragraph.

Proof

The real interface is the hero image: the tracking board with its columns, a customer message and a started repair. The product argues for itself; the copy only names what you are looking at.

Structure

The page runs in the order a buyer doubts it: what it does, why it saves time, who already uses it, what it covers, how fast you start, and the trial. Nothing repeats, and the trial is the only action on the page.

Density

Feature blocks are cards with one heading, two lines and one image — never a table. The heavy modules (stock, multi-agent, devices) are shown as small illustrated states rather than lists of capabilities.

Design

Cream stage, a serif display for statements, a plain sans for everything you have to read, and the brand blue kept for actions only. Red and yellow stay in the logo and the small marks, which is what keeps a five-colour brand calm at full page length.