Web design and AI: build a website that converts, with or without AI
Learn web design that’s measured in customers: how to build a website that’s fast, clear and converts, with an AI website builder or without one, and what to check before you hit publish.
Guides on web design & AI
Start here
How to build a website with AI for free, step by step
We checked a dozen builders on their official pricing pages, ran our own prompt through ChatGPT and Gemini to see what they make up, and listed what to fix before you hit publish.
Read the guide-
About Us Page: How to Write One That Builds Trust (with Examples)
The 6 blocks that build trust, a copy-ready template, sample texts for an online store, a freelancer and a service business, and our own How we work page taken apart.
-
What Is a CMS? How It Works and How to Choose One
The plain-English definition, the types that matter, a comparison from someone who sells no CMS, and how Notablia runs without one.
-
Contact Form: How to Create One That Gets Leads, Not Spam
The fields you actually need, honeypot vs Cloudflare Turnstile vs reCAPTCHA, what CAN-SPAM and the CCPA mean for your form, a copy-ready HTML template and what Chrome let through.
-
Link in Bio: How to Build a Link Page That Gets Clicks
What each platform allows (and what some AI assistants still get wrong), when free Linktree is enough, when your own domain wins and how to see which link actually sells.
-
Mood Board: What It Is and How to Make One for Your Brand or Website
A tool-neutral method that works on paper or in any app, plus the part almost nobody covers: turning the board into a palette people can actually read on screen.
-
How to Make a Portfolio Website That Gets You Hired
What to show, how many projects to include (AI assistants disagree, and we checked), examples by profession and where to publish for free without looking cheap.
-
Free Stock Photos for Commercial Use: Where to Find Them and Use Them Legally
Unsplash, Pexels, Pixabay and Magnific (formerly Freepik) with their licenses read and dated, what AI tools got wrong and how to get every photo ready for your site.
-
WCAG Compliance: A Step-by-Step Guide to Web Accessibility
The 4 principles, the A, AA and AAA levels, what the ADA really says (and the deadlines that just moved), an 8-step checklist and the Chrome test we ran on our own site.
Web design isn’t about pretty. It’s about a visitor getting what you sell in five seconds and knowing which button to press. And it’s about speed: Google research from 2017 found that as page load time goes from one to three seconds, the probability of a bounce rises 32%.
Inside this topic you’ll find guides on how to build a website with AI step by step, how to choose between WordPress, Wix, Squarespace, Shopify or an AI website builder, how to write the copy for each section and how to tell whether your site converts. We test the tools before we recommend them and tell you where they fall short.
AI changed the rules: “ai website builder” now gets about 33,100 US searches a month (October 2026). It gets you a first draft in minutes, but website design on autopilot ends up looking exactly like your competitor’s. Here you learn to use it with judgment, so your site looks like you and not like a template.
Frequently asked questions about web design & AI
How much does web design cost?
It depends on three things: who builds it, what it has to do and how much upkeep it needs. Build it yourself on a website builder and you pay for the plan and the domain. Hire a designer or agency and you also pay for design, development and copy hours, and the price climbs with every extra feature, like bookings, payments or multiple languages. Always ask for a fixed quote and the yearly maintenance cost.
Where to start web designing?
Start with the goal, not the colors. Decide what the site must achieve (sell, book calls or collect leads) and write the copy for your homepage before you open any tool. Then pick a platform you can edit yourself, sketch the layout on paper and build one page at a time. Learn the basics of layout, typography and contrast as you go, and run Google’s free PageSpeed Insights to check the speed.
What are the five types of websites?
There’s no official list of five, but the split you’ll see most often is: business websites, online stores, blogs, landing pages and portfolios. Plenty of real sites mix two or three, like a business site with a blog or a store with a landing page for every campaign. What matters is that each page has one clear job, so visitors never wonder what to do next.