Lawato website
> marketing site
Marketing site for Lawato that shows the product through rendered UI previews instead of screenshots.
- role
- Senior Full-Stack Engineer
- stack
- TypeScript, React, TanStack Start, Tailwind CSS, Radix UI, Recharts
- live
- lawato.io
Overview
The site’s job is to get law firms to book a demo. Instead of describing features, it shows them: the hero, the client page and every feature card render the Lawato interface with realistic demo data.
Because the previews are rendered rather than exported as images, they stay sharp at any size, adapt to small screens and can be updated together with the product.
Features
01
Rendered product previews
Product sections render the app’s client page, dashboard and timesheets with demo data instead of embedding screenshots.
lawato.io
02
Features shown through the product
Each feature card pairs a short claim with the part of the app that does it: timesheets, the client pipeline, case budgets and invoicing.
lawato.io/#features
03
Previews that reflow on mobile
On phones the previews switch to the app’s mobile layouts and the pipeline becomes a horizontally scrolling board, instead of shrinking a desktop screenshot.
04
Demo-first funnel
Every section leads to a 30-minute demo booked through Calendly, after which the team sets up the trial account with the firm.
lawato.io/#demo
