I Built a Full Website in One Night Using Claude AI, Here’s Exactly How

I want to be specific about what I mean when I say I built a website in one night, because I’m not talking about dragging things around in a template.

I’m talking about a fully designed website: complete brand identity, design system, multiple pages of content, a visual style I’m genuinely proud of. About 4 hours of work, most of which was me watching and testing what came out. Total hosting cost for a full year: $74. And if you’re already paying for a Claude subscription, the marginal cost of the build is essentially zero.

A professional web designer would have cost thousands of dollars and, in my experience, months of back-and-forth. I did this in one evening. The site is mine.

Here’s how.

The Methodology: Chat First, Then Build

Before I touched any other tool, I opened Claude Chat. Chat is my brainstorming buddy, it’s where I do all my planning. I use it to get my thinking organized and produce whatever I need to hand off to the next step.

For this project, the first thing I built in Chat was a brand document. I already had a logo and some colors I’d been working with, so I wasn’t starting from scratch. What I needed was to get everything documented clearly enough that I could hand it to another tool and have that tool understand what I was trying to build: who this channel is for, what the tone should feel like, what I wanted the site to accomplish, how I describe this platform in a single sentence or in a larger channel description.

The brand document is the brief. It’s what you hand off so nothing gets invented.

Step 1: Claude Chat → Brand Document (1 hour)

This was entirely a conversation. We worked through the brand identity together, purpose, audience, voice, visual direction. What came out was a document I could hand to every other tool in the process and get consistent results.

If you skip this step, you’ll spend twice as long correcting things downstream.

Step 2: Claude Design → Design Kit + Website Mockup (1 hour)

Once I had a brand document I was happy with, I moved to Claude Design. Rather than jumping straight into a website, I started with a design kit. I shared the brand document and watched what it produced without additional prompting.

What it gave me: complete typography specs, color application rules, component styles, layout guidance. It also did something I wasn’t expecting, my original logo files were low-quality JPEGs with no transparent backgrounds. It produced cleaner, higher-quality versions I could actually use.

From there, I gave it the structure I wanted, the pages and what should be on each one, and watched it build a full HTML mockup. This became the visual blueprint I handed to the next tool.

Step 3: Claude Cowork → Live WordPress Site (2 hours)

I had a WordPress account set up and connected it to Claude via the connectors option. I gave Cowork the HTML mockup and the brand document and directed it to build the site.

There was one real issue: a CSS conflict. Cowork was applying custom styling from the mockup, but WordPress had native templates overriding the custom code. Styles weren’t appearing as expected.

I didn’t have to solve this. Once I said “the pages don’t look like they’re supposed to,” Cowork identified the template conflict on its own and resolved it. My job in the moment was user experience testing, click through, check if it looks right, flag what doesn’t, let the tool troubleshoot.

It wasn’t perfect on the first pass. I expected that. I’m a perfectionist, so there were about 10 rounds of feedback, spacing, background colors, button treatment, trying to get it as close to the mockup as possible. But the site was usable after the first or second iteration. Everything after that was refinement.

What It Actually Cost

Domain registration (two domains, .com and .org, via Namecheap): ~$26/year
WordPress hosting (prepaid at $4/month): $48/year
Total: $74/year

Claude usage costs depend on your plan. Most people spend around $20/month. For a project like this, that’s sufficient. I’m on the $100/month max plan because I’m building constantly, but that’s not a requirement, and the website was one of dozens of things I built with the subscription I already had.

What to Take Away

The tools aren’t magic. What makes this work is the methodology.

Chat first. Get your thinking clear. Build a brief. Hand it to the right tool. Direct it. Test it. Iterate.

You don’t need a developer. You don’t need a designer. You need a clear idea of what you want to build, the willingness to direct the work, and patience to sit with the iteration. The patience part is real, but the result is a polished product in a short amount of time at minimal cost, and you own it completely.