Most business owners have a general sense that websites involve code — but very few know what actually happens between “we need a new website” and pressing publish. If you’re about to commission a website, or you’re just curious about what goes on behind the scenes, this guide explains the full process in plain English.
Understanding how websites are made helps you ask better questions, set realistic expectations, and make more informed decisions when working with a web designer or developer.
The Short Answer: What is a Website Made Of?
Every website — from a simple one-page business card site to a complex ecommerce store — is built from the same three fundamental building blocks:
- HTML (HyperText Markup Language) — the structure and content of a page. HTML defines what’s on the page: headings, paragraphs, images, links, buttons, forms. It’s the skeleton.
- CSS (Cascading Style Sheets) — the visual presentation. CSS controls how the HTML looks: colours, fonts, spacing, layout, and how elements are positioned on screen. It’s the skin.
- JavaScript — the behaviour and interactivity. JavaScript makes things happen on a page: menus that open and close, image sliders, form validation, live content updates, animations. It’s the muscles.
Everything else — content management systems, databases, server-side code, APIs — sits around and on top of these three languages. But at the moment a visitor’s browser loads your website, what it receives is HTML, CSS, and JavaScript. The browser reads those files and renders them as the visual page you see.
Where Does a Website Actually Live?
A website is a collection of files stored on a computer called a web server. A web server is a computer that’s permanently connected to the internet and configured to send files to anyone who requests them via a web browser.
When you type a website address into your browser and press enter:
- Your browser sends a request to the internet asking for the files at that address.
- The domain name (e.g. podiumdesign.co.uk) is translated into a server IP address via the Domain Name System (DNS).
- The request reaches the web server hosting that website.
- The server sends back the relevant HTML, CSS, JavaScript, and image files.
- Your browser receives those files and renders them as the webpage you see.
This whole process — from you pressing enter to the page appearing on screen — typically takes between 0.5 and 3 seconds, depending on the server speed, the size of the files, and your internet connection.
The service that stores your website’s files on a server is called web hosting. Hosting is an ongoing cost (typically £5–£50/month depending on the quality and specification) — it’s the rent you pay for keeping your site accessible on the internet.
How are Modern Websites Actually Built?
In theory, you could write a website’s HTML, CSS, and JavaScript files by hand in a text editor and upload them to a server. Some simple websites are still built this way. But the vast majority of websites — and essentially all small business websites — are built using a Content Management System (CMS).
A CMS is software that manages your website’s content and generates the HTML that visitors see, without you needing to write code. The most widely used CMS in the world is WordPress, which powers over 40% of all websites on the internet. For a full explanation of how a CMS works, see my guide to what a CMS is.
The practical benefit of a CMS for a business owner is that once your website is built, you can update the content yourself — edit a page, publish a blog post, add a new product — without touching code or involving a developer.
The Website Creation Process, Step by Step
Here’s how a professionally built website actually gets made, from first conversation to live launch.
Step 1: Discovery and Planning
Before any design work begins, a good web designer will spend time understanding your business: what you do, who your customers are, what the website needs to achieve, and what success looks like. This might be a formal briefing process with a discovery questionnaire, or it might be a single detailed conversation — depending on the scale of the project.
From this, the designer defines the site structure (also called the sitemap) — the list of pages the site will include and how they’re organised. A typical small business site might have: Home, Services (with sub-pages for each service), About, Blog, Contact. An ecommerce site has a more complex structure: product categories, individual product pages, cart, checkout, account area, and so on.
The planning stage also covers technical decisions: which CMS, which hosting provider, whether there are any specific integrations needed (booking system, payment gateway, CRM connection), and the overall project timeline.
Step 2: Design
Website design usually happens in a dedicated design tool — most commonly Figma, which has become the industry standard for UI and web design. The designer creates visual mockups of the key pages: typically the homepage, a representative internal page, and any pages with complex layouts (product pages, contact forms, etc.).
These mockups are static images at this stage — they show exactly how the finished site will look but aren’t yet clickable or interactive. They’re shared with the client for feedback and approval before any development work begins.
A good web design mockup establishes: the visual identity (colours, typography, spacing), the layout and hierarchy of each page, how navigation works, what imagery style is used, and how the site feels on both desktop and mobile. Designing for mobile (sometimes called “responsive design”) isn’t optional — it’s a core part of the process. More than half of all web traffic comes from phones.
Step 3: Development
Once the designs are approved, development begins. For a WordPress site, this means:
- Setting up the WordPress install on a development server (a staging environment that isn’t publicly visible)
- Installing and configuring a theme or page builder as the design foundation
- Building each page design in the CMS — recreating the Figma mockups as live, interactive web pages
- Setting up any plugins needed for specific functionality (contact forms, SEO settings, caching, analytics)
- Adding the client’s content: text, images, videos
- Configuring navigation, footer links, and site-wide elements
This is the most time-intensive phase of most website projects and is where the majority of the designer’s time is spent.
Step 4: Content Population
Content is often the stage that causes the most delays in website projects — and it’s usually the client’s responsibility to provide it. This means: written copy for every page, photography (either custom photography or licensed stock images), any videos or additional media, and product information if it’s an ecommerce site.
Experienced web designers will help clients understand the content requirements early in the project and provide content templates or guidance to make this stage as smooth as possible. But the reality is that most delays in website builds come down to waiting for content.
Step 5: Testing
Before a site goes live, it needs thorough testing. This includes:
- Cross-browser testing — checking the site looks and functions correctly in Chrome, Safari, Firefox, and Edge
- Cross-device testing — checking on desktop, tablet, and various phone sizes
- Functional testing — making sure all forms submit correctly, links work, navigation functions, any ecommerce checkout flow completes without errors
- Performance testing — checking page load speeds and optimising images and code where needed
- Accessibility checking — verifying that the site meets basic WCAG accessibility standards
- SEO technical checks — confirming that page titles, meta descriptions, canonical URLs, and indexing settings are correctly configured
Step 6: Launch
When testing is complete and the client has approved the finished site, it’s time to launch. For a new website, this is usually straightforward: point the domain’s DNS records to the hosting server, and the site becomes publicly visible.
For a website replacing an existing one, the launch process requires more care — ensuring that all old URLs either still work or redirect correctly to their new equivalents, so that any search engine rankings built up by the old site aren’t lost.
After launch, the web designer typically monitors the site for any issues in the first 24–48 hours, checks that Google Analytics and Search Console are tracking correctly, and submits the site to Google for indexing.
Step 7: Ongoing Maintenance
A live website isn’t a finished product — it’s an ongoing one. WordPress sites require regular updates (core, plugins, themes) to stay secure and functional. Hosting needs to be renewed. SSL certificates need to stay current. Content needs to be kept up to date. New pages or blog posts may be added over time.
Most clients either handle routine content updates themselves (one of the core benefits of a CMS) or take out a maintenance retainer with their web designer. For anything more than adding a blog post — technical updates, new page builds, SEO work — the designer’s ongoing involvement is typically needed.
How Long Does it Take to Build a Website?
A professionally built small business website typically takes 4–8 weeks from start to launch. Larger or more complex sites take longer — ecommerce builds, membership sites, or anything with custom integrations might take 8–16 weeks.
The most common cause of delays is content. Projects stall when clients take time to write copy, source photography, or review design mockups. The more prepared you are with your content before the project starts, the smoother and faster the process will be.
For a detailed breakdown of timelines, see my guide to how long it takes to build a website.
How Much Does it Cost to Create a Website?
Website costs vary enormously depending on the complexity of the build, the quality of the designer, and whether you’re using a freelancer, a small agency, or a large digital agency. In the UK in 2026:
- DIY on Wix or Squarespace: £0 upfront + £12–£30/month. You build it yourself using a template. The result is limited in quality and SEO performance.
- Freelance web designer (small business site): £1,500–£5,000. A custom WordPress site with professional design and proper SEO foundations.
- Small agency: £3,000–£15,000. More process, more team involvement, often more polish.
- Large agency: £15,000–£100,000+. For complex builds, bespoke functionality, or large organisations.
For a detailed breakdown by site type and what you should expect at each price point, see my guide to how much a website costs in 2026.
Can I Build My Own Website?
Yes — and for some situations, DIY is the right choice. If you need a very simple site (one page, basic contact information, no blog), have time to learn the platform, and have a realistic sense of the quality ceiling, Squarespace or Wix can produce an adequate result.
The limitations become apparent when you need: strong SEO performance, a design that looks genuinely professional and differentiated, complex functionality, or a site that can scale as your business grows. DIY platforms have low floors and low ceilings — they’re accessible but constrained.
For businesses where the website is a meaningful source of leads or revenue, investing in a professionally built WordPress site consistently produces better commercial outcomes than DIY — more traffic, better conversion, and a platform that grows with you rather than one you outgrow in two years.
Frequently Asked Questions
What language are websites written in?
All websites are built on HTML (structure), CSS (styling), and JavaScript (behaviour). These are the three languages that every browser understands. Back-end functionality — databases, user accounts, dynamic content — typically uses server-side languages like PHP, Python, or Node.js. WordPress, for example, is written in PHP.
Do I need to know how to code to have a website?
No. If you work with a web designer to build your site, they handle all the code. If you build it yourself on a platform like Squarespace or WordPress with a visual page builder, you can create and manage a website without writing a single line of code. Basic content management (editing text, uploading images, adding blog posts) on WordPress requires no technical knowledge at all.
How does a website get found on Google?
Google finds websites by “crawling” the internet — its automated systems follow links between pages and index the content they find. Once your site is indexed, it can appear in search results. Whether it appears prominently depends on SEO — how well your site’s content, structure, and authority match what people are searching for. This is an ongoing process rather than something that happens automatically at launch. For a detailed guide, see my post on SEO for small businesses.
What’s the difference between a website designer and a web developer?
A web designer focuses on the visual and user experience side — layouts, typography, colour, how pages look and feel. A web developer focuses on the technical implementation — writing code, building functionality, managing databases and server configuration. In practice, many freelancers do both, particularly for small business website projects where the build uses a CMS like WordPress. Larger agencies typically have separate design and development teams.
Ready to Start Your Website Project?
If you’re planning a new website for your business — or replacing an existing site that isn’t doing its job — the best starting point is understanding what’s possible for your specific situation.
Every WordPress website I build includes a full discovery process, custom design, professional development, and proper SEO foundations from day one. I offer a free, no-obligation homepage mockup — a custom design concept based on your business so you can see what the finished site could look like before committing to anything.
Or get in touch to talk through your project. I’m happy to walk you through the process and give you a realistic picture of what’s involved.
