Case study · Studio website
This site. Every service page has a live demo, the catalog holds more than 200 UI pieces visitors can try and pick, and the quote flow turns those picks into a written brief.
Why it exists
Most studio sites show screenshots and ask you to trust them. I wanted visitors to try the work before they ever talk to me, and to leave with a written brief instead of a blank contact form.
How it was made
01
Demos instead of screenshots
Each service page opens with something that works. You can restyle a website, run an automation, take a 3D model apart or play a film with sound.
02
A catalog people can shop
More than 200 UI pieces, each with a live preview, its own page and a bare frame other pages can embed. Search and chapters help people find things, and Select adds a piece to a shortlist.
03
A quote flow that writes the brief
The quote form asks a few plain questions and attaches the shortlist, so I start from what the visitor picked instead of a guess.
04
Kind to every visitor
Light and dark themes, phone layouts, keyboard focus on everything, and calm versions of every animation for people who turn motion down.
Where it is now
Live and updated most weeks. Each change goes through a pull request and a full production build before it ships to Fly.io.
Built with
- Next.js
- Tailwind
- shadcn/ui
- Motion
- Fly.io
Services it shows
Get a quote
Tell us what you'd like built and we'll send a written quote with a fixed price and a dated plan.