DEV Community

Matt Hummel
Matt Hummel

Posted on • Originally published at matthummel.com

AI Website Redesign: 5 Lessons From a Solo Developer

I'll be honest with you: my website sat half-finished for a long time. Not because I didn't care about it, but because I'm a full-time Power Platform developer by day and a full-time dad the rest of the time. Between work and a house full of twins (and a cat who thinks he's in charge), "redesign my portfolio" kept sliding to the bottom of the list.

So I did something I'd been curious about for a while. I used AI to help me redesign on my portfolio as a one-person team. This post is the honest version of how that went — why I reached for AI, what it actually did, where it tripped up, and the lessons you can borrow for your own AI website redesign.

Why I used AI (when I'm just one person)

The short answer is time. The longer answer is that a solo dev wears every hat — designer, developer, writer, QA, and SEO person — usually after the kids are asleep.

Here's what pushed me to try it:

  • Time is my scarcest resource. A full-time job plus parenting doesn't leave long stretches for fiddling with CSS at midnight.
  • I'm a team of one. There's no designer to hand off to and no senior dev to review my work. AI became my second pair of eyes.
  • Context-switching is brutal. My day job is Power Platform, not front-end. AI helped me get back up to speed fast instead of relearning everything each time.
  • I wanted momentum. Small, finished wins beat a perfect plan I never start.

Turns out I'm not alone. In the 2025 Stack Overflow Developer Survey, 84% of developers said they use or plan to use AI tools — up from 76% the year before. AI has quietly become a normal part of how we build.

What AI actually did in the redesign

This wasn't "press a button, get a website." It was more like pair programming with a tireless junior who never gets bored of the fiddly stuff. A few real examples:

  • Fixed my responsive layouts. My columns refused to stack on mobile. AI found that the grids were styled inline and targeted them the right way, so the parent columns stacked without breaking the child grids.
  • Built a full-width gradient hero. The brand gradient kept hiding my content. The fix was putting the gradient on the outer row and making the inner column transparent — something I'd have spent an evening guessing at.
  • Solved a page-speed problem. My site got flagged for slow loading (Largest Contentful Paint). It turned out the slow element was my heading text waiting on a web font, not an image. One font-loading setting fixed it.
  • Handled the boring-but-important SEO. Meta titles, descriptions, slugs, and indexing — the stuff I always rush — got done properly.

If you want the technical background on that speed metric, Google's own Largest Contentful Paint guide is the clearest explanation out there (aim for 2.5 seconds or less).

5 lessons from my AI website redesign

If you take nothing else from this post, take these.

  1. Diagnose before you fix. My biggest time-saver was making AI prove the cause before changing anything. The "slow page" was a font issue, not an image — guessing would have wasted hours.
  2. Verify on the live page, not the editor. What the editor shows and what visitors actually see are two different things. Always check the real, published page.
  3. Treat AI as a collaborator, not autopilot. I still made the calls. Fittingly, that same Stack Overflow survey found 46% of developers don't fully trust AI output — so review everything.
  4. Make small, reversible changes. One labeled CSS block or one setting at a time. If something breaks, you know exactly what to undo.
  5. Write down what worked. I kept a running playbook of fixes so future-me (or future-you) doesn't solve the same problem twice.

Trust, but verify: I read over everything

This is the part I won't skip, and you shouldn't either. AI is fast, but it's confidently wrong often enough that I treat every result as a draft, not a final answer.

Here's how I check accuracy before anything goes live:

  • I read every line of code and copy. If I don't understand why a change works, I ask until I do. No black boxes on my own site.
  • I test the real result. I load the live page and click around at different screen sizes instead of trusting a description of what "should" happen.
  • I fact-check claims and sources. Stats, links, and "best practices" get verified against primary sources before I publish them.
  • I sanity-check the SEO. Titles, descriptions, and slugs all get a human read for tone and accuracy, not just a green score.

The goal is simple: AI does the heavy lifting, but I'm accountable for what ships. Reviewing the output is where "using AI" turns into "using AI well."

Prompting is a skill worth practicing

The difference between a frustrating AI session and a productive one usually comes down to the prompt. Vague questions get vague answers. The more context and direction I give, the better the results.

A few habits that leveled up my prompting:

  • Be specific about the goal. "Make the columns stack on mobile and tablet, but don't change the inner grids" beats "fix the layout."
  • Give context. I mention the stack (WordPress, Kadence, SiteGround) so the answer fits my actual setup.
  • Ask for the cause, not just a fix. Telling AI to diagnose first leads to real solutions instead of guesses.
  • Iterate. I refine in small steps — "now make it responsive," "add padding to the buttons" — instead of demanding everything at once.
  • Set the standard. I tell it to keep things scannable, on-brand, and reversible so I don't have to redo the output.

Good prompting isn't magic words. It's clear thinking written down — and like any skill, it gets sharper the more you do it.

Troubleshooting: when AI got it wrong

It wasn't all smooth. The recurring snags were easy to fix once I knew them:

  • "My change didn't apply!" Nine times out of ten it was caching. Purge your cache before deciding a change failed.
  • Wrong element targeted. AI occasionally styled the wrong box. A quick look at the live page caught it every time.
  • Logged-in view fooled me. Admins bypass caching and optimizations, so test as a logged-out visitor for the real result.

Common mistakes to avoid

  • Letting AI publish or change settings without you reviewing first.
  • Bundling ten changes together, then not knowing which one broke the site.
  • Trusting the editor preview instead of the live page.
  • Skipping a backup or revision before a big edit.
  • Optimizing the thing you assume is slow instead of the thing you measured.

Your AI website redesign checklist

  • [ ] Write one sentence describing what "done" looks like.
  • [ ] Ask AI to diagnose and confirm the root cause first.
  • [ ] Make one small, reversible change at a time.
  • [ ] Purge the cache after each change.
  • [ ] Verify on the live page at mobile, tablet, and desktop widths.
  • [ ] Set your SEO (title, description, slug) before publishing.
  • [ ] Save what worked to a personal playbook.

The bottom line

AI didn't replace me — it gave a busy solo dev a way to actually finish things. As a full-time developer and full-time dad, that's the difference between a site that's "always almost done" and one that's live, fast, and something I'm proud of.

If you've been putting off your own redesign because there just aren't enough hours, this is your nudge: start small, let AI handle the heavy lifting, and keep your hands on the wheel.

Top comments (0)