I Redesigned My Entire Blog Using AI and I Have Zero Coding Experience. Here’s Exactly How I Did It.
Let me tell you about how I first built my blog. I spent HOURS on Youtube and buying outdated blog tutorials from influencers. I spent weeks developing it, but finally got it to somewhere that it was functional and looked decent. At one point I even paid a developer on Upwork to help me revamp my blog. SO MUCH TIME AND MONEY.
The old homepage? Fine. Functional. Also looked like it was built in 2017 by someone who’d just discovered Canva graphics. It wasn’t bad. It just wasn’t me anymore. I had a whole new brand direction, a whole new mission, and a homepage that said “lifestyle blogger who posted helpful content sometimes.”
The problem: I have zero tech background. I am not a developer. I don’t know what CSS means in any practical sense. And my blog runs on WordPress with Elementor, which sounds simple until you’re three menus deep trying to figure out why your font won’t change.
So I did what I always do now. I opened Claude and started talking to it like a friend.
Here’s the actual workflow I used.
The first thing I did was describe my vision out loud.. or typed it out, just like I was explaining it to someone who could magically fix it. I typed something like:
“I’m redesigning my WordPress homepage using Elementor Pro. I want a dark charcoal hero section with my headline in a large serif font, a periwinkle button for my free guide, and a section below that with three columns showing my content categories. Walk me through this step by step and explain it like I’ve never used Elementor before.”
And it did. It walked me through which widgets to drag in, where to find the section settings, how to change background colors (hex codes and everything), and what to click when I inevitably got stuck.
When I got error messages, which happened a lot, I copied them directly into Claude. Didn’t try to Google them, didn’t try to understand them. Just took a screenshot and pasted it into Claude. I didn’t even have to say anything. Claude just detected the problem by looking at the screenshot. Every single time, it told me what to do next to fix it. 🤯
When I wanted something that felt beyond my skill level, like a custom font showing up in my site header, I described it to Claude and it gave me the CSS snippet to paste into Elementor’s custom CSS box. (I still don’t even know what CSS means!) I didn’t need to understand the code. I needed to know where to put it. Claude told me both.
The things I built this way:
I rebuilt my entire homepage… hero section, opt-in strip, pillar cards, about snapshot, footer CTA. I built a Start Here page from scratch. I got my logo into the site header so it shows up on every page. I fixed a bug that was causing a blank white box to appear on every blog post (it was a missing widget in my Single Page template, for anyone who’s googled this at midnight).
None of that is something I could have done two years ago. Not because the tools got simpler, Elementor is still kind of a lot. LOL! But because I now have an AI that can answer “what do I do next?” at every single step, in plain English, without making me feel dumb for not knowing.
In fact, the best part was, it was talking back to me literally like a best friend who was working right next to me on the same project. Claude praised me when the pages were really starting to come together and critiqued me when I missed something. The praise wasn’t just generic either… it was praise as if Claude really knew me. Plus if I was working REALLY late, Claude kept pushing me to go to bed and reminding me how much we’d already accomplished for the evening. 💜
The thing nobody tells you about vibe coding:
You don’t have to understand the output. You just have to be able to describe what you want and paste what you get. That’s it. Claude writes the code. You paste it in the right box. The result appears. You adjust, describe again, iterate. Or even better, send screenshots.
I’ve now built and rebuilt this blog multiple times using exactly this process. Every time I want something new, like a new page layout, a new design element, a new feature, I just describe it to Claude first. It’s not always perfect on the first try. Sometimes I go back and forth five or six times. But it always gets there.
If you have a WordPress site or really any website and you’ve been staring at something that doesn’t look right and thinking “I wish I knew how to fix that” well now you can. You just need to know how to describe it.
Start with: “I’m using [your platform] and I want [describe what you see vs. what you want]. Walk me through how to fix it step by step.”
Or do exactly what I did and send Claude a screenshot of someone else’s blog you admire and tweak the color scheme to be your own. Claude can develop a full brand style guide and then use that to help create your website.
That’s the whole secret.
If you’ve ever dreamed of starting a website, there has never been a better time than now, thanks to AI.
Want to start using AI but don’t know where to begin? Download my free AI 101 Guide for Non-Techy Moms — it covers the tools, the prompts, and exactly how to get started today. Zero tech background required. 👇 grab your free copy here