← Back to home
Website Build

Prompt-to-production website with Lovable

Tools used
Lovable, Claude
Timeline
1 week
Status
In progress

The brief

I set out to build and ship a complete website - not a demo, a real production site - using Lovable end to end. Design, copy, structure, responsiveness and deployment all had to hold up on day one.

How I built it

I started by writing a tight brief: audience, tone, must-have sections, and one strong visual direction. Then I moved into Lovable and drove the build in short, focused prompts.

I iterated on the design system first - colors, typography, spacing - before touching any content. Once the shell felt right, I layered in copy drafted with Claude and refined it in place until the tone matched.

Lovable builder: chat panel driving the portfolio build next to the live previewLovable code editor open on src/styles.css showing the design system tokensLovable code editor open on src/routes/work.website-build.tsx showing the route file with head() metadata

The result

A responsive, SEO-friendly website with real routes, real metadata, and a design that doesn't look AI-generated. Ready to swap in real content and go live.

View it liveLink coming soon

Want something like this?

I'm taking on new freelance and full-time work.

Work with me →