Guide

Website planning

Plan your website in 3 steps: content, brand identity, and tech stack. With interactive tools that do the work for you.

Aa

Most people jump straight into building. Hosting ordered, WordPress installed, and then... staring at a blank screen. No idea what content the site needs, how it should look, or which tools to use.

Half an hour of planning prevents that. No elaborate project plan — just three concrete steps that help you start with direction instead of guessing.

What you need
30 minutes and an idea
No special tools, no technical knowledge. The tools in this guide do the work.
What you'll get
A concrete plan for your website
Page ideas, a color palette, font choice, and a tech setup that fits your situation.
1

Content planning

Figure out which pages your website needs

Your website will consist of pages. Those pages need to help, inform, or convince visitors. But which pages do you need?

Start with your topic or niche. Say you're starting a site about coffee. Then you could think of:

You don't have to write all of this now. The point is to have a picture of what your site could contain — so you build with direction instead of guesswork.

Start with 5-10 page ideas. That's enough to get going. You can always expand later. Perfectionism is the enemy of a good website — it's about getting started.

Interactive

Content Matrix Generator

Enter your topic and get page ideas by content type. Click an idea to copy it.

2

Brand identity

Choose colors and fonts for a recognizable look

Colors and fonts determine how your website feels. Professional or playful. Calm or energetic. You don't need to be a designer — just pick a main color that fits your topic, and the rest follows naturally.

Colors

One main color is enough to start with. The tool below builds a complete palette around it: a dark variant for headings, a light background, and an accent color that stands out.

Fonts

Choose one style that fits your site. Want to look professional? Modern? Classic? The combination of heading and body font makes the difference.

What about a logo? Don't need one to start. Use your site name in a nice font — that works perfectly as a logo. Design a professional logo later, once you know what your site has become. Many successful sites started with just text.

Social media

Claim the same username on Instagram, LinkedIn, X (Twitter) and Facebook early — even if you don't do anything with them yet. Otherwise someone beats you to it and you'll need a different name.

Interactive

Brand Identity Builder

Pick a primary color, see your palette, choose a font combo, and preview live.

Live preview
Home About Blog

Welcome to MySite

A short description of what you do and why visitors are here.

Discover more
3

Tech stack

Decide which tools and hosting fit your needs

To get your website online you need four things:

  1. Hosting — the place where your website lives (think of it as renting space on the internet)
  2. A CMS — the software you use to manage your site (we recommend WordPress)
  3. A theme — the design of your site
  4. Plugins — extensions for extra functionality

Why WordPress?

WordPress is by far the most popular CMS in the world — more than 40% of all websites run on it. It's free, flexible, and you'll find tutorials and help everywhere. For beginners, it's the safest choice: no vendor lock-in, endlessly extensible, and you can literally build any type of website with it.

WordPress.org vs WordPress.com: We're talking about WordPress.org — the free software you install on your own hosting. Not WordPress.com, which is a more limited hosted version. Confusing, but an important distinction.

The right setup depends on what kind of site you're building, your technical level, and your budget. The tool below gives you a personalised recommendation.

Interactive

Tech Stack Calculator

Answer three questions and get a personalised recommendation.

1. What are you building?
2. How technical are you?
3. What's your budget preference?

What's next?

You have a plan. Now it's time to build. Here are the logical next steps:

Build your WordPress site Take the hosting quiz Check your domain name

Have a planning question?

GeckoBot knows our reviews, tools, and guides. Ask anything about building your website.

Ask GeckoBot →