This full-length tutorial (about 45 minutes) builds a complete website design in WordPress, section by section. Use the notes below as a checklist while you follow along.
Plan the design
- List your pages and the one action each page should drive.
- Pick two brand colours and one or two fonts. Our colour palette from image tool pulls colours from your logo.
- Collect real photos and write the text before designing.
Build the home page
- Hero section: a clear headline, one line of supporting text and a call-to-action button.
- Services: short cards linking to each service page.
- Why choose us: three or four specific reasons.
- Proof: reviews, client logos or project photos.
- Call to action: repeat the main action near the bottom.
Design principles
- Leave white space; crowded pages feel cheap.
- Keep text left-aligned and lines not too long.
- Make buttons look clickable and consistent.
- Use subtle backgrounds to separate sections. The CSS gradient generator helps.
Check on mobile
Preview every page on a phone. Check text size, button spacing and image cropping. Most of your visitors will see the mobile version first.
Want the full picture? This article is part of Business websites: the complete guide, our in-depth guide with everything in one place.
