Website design basics

What is website design?

Website design is planning how a website looks, reads and works for the people using it: its layout, colours, typography, images, navigation and the words on each page. Good design balances strong visuals with usability, so visitors can find what they need and take the next step on any screen size. Design usually comes before development, when developers turn the approved design into working pages. On most business projects it also covers the page structure and copy, not just the visuals.

What does a web design agency do?

A web design agency plans, designs, builds and launches websites for businesses, and usually looks after them afterwards. A typical agency team includes a project manager, copywriters, designers, developers and someone who tests the site before it goes live. With one team covering all of it, the words, design and build are planned together rather than handed between suppliers. Any good agency should also offer ongoing support after launch.

What are the 7 C's of website design?

The 7 C’s of website design are context, content, community, customisation, communication, connection and commerce. Jeffrey Rayport and Bernard Jaworski described them in their 2000 book E-Commerce as the seven design elements of a website’s customer interface. They were written for online stores, but still work as a checklist for any business site: context, for example, is the layout and design, and connection is how well the site links to other sites. Some agencies use a different set of 7 C’s borrowed from writing advice, so check which list you’re reading.

What are the 5 elements of good website design?

There’s no official list of five elements, and each source picks a different five. The ones most lists share are a clear purpose and message, easy navigation, useful content, a consistent visual style, and good usability. The clear message matters most: Nielsen Norman Group found visitors often leave a page within 10 to 20 seconds, so your value has to come across in the first 10. For an established checklist, usability specialists use Jakob Nielsen’s 10 usability heuristics.

What is UX design, and how is it different from UI design?

UX (user experience) design is about how using a website works and feels: whether people can find what they need, understand it and finish a task. UI (user interface) design is the visual layer they interact with, such as buttons, menus, typography and colour. UI is part of UX, so a site can look polished and still frustrate people if pages load slowly or a simple task takes too many steps. On a business website, UX decides whether visitors become enquiries, and UI makes the business look credible while they do.

What is a wireframe?

A wireframe is a simple, mostly black-and-white layout of a page that shows where the headings, content, images and buttons will go, before any colour, fonts or code. It’s the skeleton of the page, so you can agree the structure and the order of information first. Changing a wireframe is much quicker and cheaper than changing a finished design or a built page. When you review one, focus on what’s on the page and in what order, not on how it looks.

What is a design system, and does a small business need one?

A design system is a set of reusable components, patterns and rules, such as colours, type, buttons and page sections, that keeps every page of a website consistent. A full design system with its own team suits large organisations with years of ongoing design work, which is more than most small businesses need. A lightweight version is still worth having: a defined set of sections and styles your team can reuse to add pages that stay on-brand. Our own website is built that way, so adding a page doesn’t mean designing from scratch.

Does my website need to match my brand guidelines exactly?

Your website should clearly look and sound like your brand, but it doesn’t need to copy your print guidelines exactly. Screens have rules print doesn’t: under WCAG, normal text needs a colour contrast ratio of at least 4.5:1, brand fonts may need web versions, and layouts have to work on a phone. Your logo is exempt from the contrast rules, so the brand stays intact while the rest adapts. We check your colours and fonts against these rules at the start, so nothing has to change late in the project.

What makes a website look trustworthy?

A website looks trustworthy when it’s well designed, upfront about who you are and what you offer, kept current, and connected to the rest of the web, the four factors Nielsen Norman Group has used since 1999. In practice that means a real address and phone number, named people, recent work, and reviews on Google, which people trust more than testimonials on your own site. Businesses that hide basic information, such as prices or how they work, get ruled out quickly. Typos and broken links undo the rest, because they signal a lack of care.

Designing for enquiries

What makes a website convert visitors into enquiries?

A website converts visitors into enquiries when it quickly makes three things clear: what you do and who it’s for, proof that you can do it, and an easy next step. Lead with that message: visitors decide quickly whether a page is worth their time. Proof means specific results, case studies, reviews and real photos, placed close to the call to action. Keep forms short, because every field you remove increases the number of people who finish them.

Will a new website actually get us more leads?

Not on its own. A new website converts the traffic you already have, but it doesn’t create demand, and search results can take weeks or months to respond to changes. It gets you more leads when it fixes the real problem, such as pages that don’t match what people searched for, a weak offer, or a form that’s hard to use on a phone. When we built dedicated service landing pages for GeoSurv, their form submission rate went from 0.61% to 2.47% in three months.

How many pages does a business website need?

Most small business websites have between 5 and 10 pages, but the right number comes from what you offer: home, about, contact, your work, and one page for each service you want to be found for. Dedicated service pages help visitors find exactly what you do and give Google a clear page to rank for each search. Location pages only help if each one has genuinely local content, because Google treats near-identical pages for different suburbs as doorway spam. Start with the pages people need to make a decision, then add more when you have something real to say.

What should go on a homepage?

A homepage should tell visitors at a glance who you are, what you do and who it’s for, then show proof and give them a clear next step. At the top, that means a short headline that says what you do and one main call to action. Below it, add your key services, evidence such as results, clients or reviews, and simple paths to the pages people came for. Not everyone arrives on the homepage, but many return to it when they get lost, so keep the navigation clear.

What makes a good landing page?

A good landing page has one goal, matches the ad or link that brought people there, and makes the next step easy. Google judges landing page experience on how useful and relevant the content is, how easy it is to get around, how many links it has, and whether it meets the expectation set by the ad, and it’s one of the three parts of a Google Ads Quality Score. In practice that means a headline that repeats the ad’s promise, proof close to the form, and few links leading away. Then test versions of the page against each other and keep what turns more clicks into enquiries.

Do you design landing pages for ad campaigns?

Yes, we build landing pages for service businesses running Google, Meta and LinkedIn ads. They sit outside your current website, on a subdomain or their own domain, so your site stays exactly as it is while campaigns run. Landing pages start from $3,500 at a fixed price, including the copy, design and build, tracking (GA4, Tag Manager and ad pixels), testing versions of the page and hosting, and most go live in 1 to 2 weeks. See our landing pages for paid ads.

Costs and quotes

How much does website design cost in Australia?

At Webhaus, website design and development projects start from $10,000, and a business website with 10 to 30 pages, a CMS, forms and analytics is usually $25,000 to $60,000, all excluding GST. That covers strategy, copywriting, design and development, quoted as a fixed price for an agreed scope. The biggest things that move the price are the number of page templates, integrations, how much copy and content needs writing or moving, the platform and any custom features. Hosting and maintenance after launch are separate, from $550 a month.

How much does it cost to build a custom landing page?

Our landing pages start from $3,500, and typically cost $3,500 to $7,500 for the first page and $1,500 to $3,000 for each extra variant (ex GST). That includes the copy, design and build, tracking setup, testing versions of the page, and hosting outside your current website. Lower-priced landing pages often leave the copywriting to you, and the copy is what makes a landing page convert. Before you compare quotes, check whether copy, tracking and hosting are included.

How much does a website redesign cost in Australia?

Our redesign projects start from $10,000 ex GST, and redesigning a business website with 10 to 30 pages is usually $25,000 to $60,000. Staying on your current platform generally costs less than moving to a new one. If the redesign moves you to a new platform, SEO migration adds $1,800 to $4,500 to protect your rankings with redirects and checks. Sometimes a few new pages fix the problem without a full redesign, and we’ll tell you if that’s the case.

Why do website quotes vary so much?

Website quotes vary because agencies are rarely quoting for the same work, even from the same brief. One quote might cover a template filled with copy and photos you supply, while another includes strategy, copywriting, accessibility, SEO setup, analytics and support after launch. Three quotes of $6,000, $32,000 and $60,000 can each be fair for what they include. Compare scope against scope, and add a price for anything left out that you’ll need anyway.

How do I compare website design quotes?

Compare what’s included, not the total. Put the quotes side by side, list the pages, copywriting, design rounds, integrations, SEO and redirects, hosting and support each one covers, and add a price for anything a quote leaves out that you’ll need anyway. Check the revision rounds and how extra changes are charged, because that’s where most disputes start. Our guide to questions to ask website design services includes a simple 0 to 2 scoring system for comparing answers.

Choosing a web design agency

How do I know when my website needs a redesign?

Your website needs a redesign when it gets in the way of your marketing: it gets traffic but few enquiries, every campaign needs a workaround, simple updates need a developer, or it no longer describes what you do. Technical signs include a poor experience on phones and slow loading; Google’s target is for the main content to load within 2.5 seconds, and it ranks sites on their mobile version. A common rule of thumb is a refresh every 2 to 3 years, but age alone isn’t the test. If the site already brings in steady leads, fixing specific pages is often better than starting again.

How do I choose a web design agency?

Choose a web design agency on fit with your goals, relevant work you can click through, and what the price includes. Decide what the website needs to achieve first, then test each agency’s own site in Google PageSpeed Insights and ask for a quote that separates design, development and ongoing costs. Check their reviews on Google, not only the testimonials on their own website. Ask whether one team handles strategy, copy, design and build, and whether they’ll recommend the platform that suits you rather than the one they always use.

What questions should I ask a web design agency?

Ask what’s included and what isn’t, who writes the copy, how many rounds of changes you get, what happens to your SEO and old URLs, who owns the site and accounts, and what support costs after launch. Ask for every cost up front, plus a checklist of what you need to supply, because content is the most common cause of delays. Ask to see live examples on the platform they’re recommending. Our article on 10 questions to ask website design services covers each one and what a good answer sounds like.

Custom design or a template: which should I choose?

Choose a template if you need a simple site quickly on a small budget and a well-built template fits your content; choose custom design if your website is how customers judge your business. Thousands of other businesses can buy the same template, so it’s hard to stand out, but a poorly built custom site can also perform worse than a good template. A middle path is a custom design on a platform like Webflow, or a reworked Shopify theme. As our Core Visuals case study puts it, when your website looks like a template, clients assume your films will too.

Can we see examples of websites you've designed in our industry?

Yes. Our work page has case studies across 15 industries, including a wedding videographer (Core Visuals), a natural skincare brand (Olieve & Olie), a women’s strength studio (Studio Montel), a marketing agency (Vonnimedia) and a garden maintenance business (Whipper Landscapes). If your industry isn’t there, ask us, and we’ll show you the closest projects and what carries over.

Working with us on a design project

What do you need from us to start a website design project?

Less than you might think: your brand guidelines (or your logo, colours and fonts), access to your current website, and any photos or video you already have. We’ll also ask for access to your domain, hosting, Google Analytics, Search Console and Google Business Profile, and send you a simple checklist so nothing is missed. Most of all, we need your knowledge of the business and your customers, and your decisions at key points. Send what you have, and we’ll work out the gaps together at kickoff.

Do you write the copy, or do we?

We write it. Copywriting is included in our website projects: we send you a questionnaire to capture what you know, write the draft, then refine it with your feedback, so you never start from a blank page. We map the pages and write the message before design starts, so the design is built around real words rather than placeholder text. You review and approve every page before it goes live.

Do I need professional photography for my website?

Not always, but real photos of your team, work and premises almost always beat stock photos. Nielsen Norman Group’s eyetracking research found people ignore stock photos of generic people but look closely at real ones; on one team page, users spent 10% more time on the portraits than on the biographies. For trades and service businesses, well-lit phone photos of your work can do the job, while brands that sell on looks usually need a professional shoot. We recommend booking it once the page structure is agreed, so you shoot what the design needs.

How many design concepts and rounds of changes do we get?

Two rounds of feedback are built in, and the design is based on the strategy and wireframes you’ve already approved, so changes stay focused. You review the work on a live staging link and comment directly on the page, and we work through each round before moving on. If your feedback is delayed, the timeline moves with it.

How involved does our team need to be during the design process?

You’ll be most involved at the start and at sign-off points, not day to day. We need your knowledge of the business and customers at kickoff, feedback on the page structure, copy and design, and a final sign-off before launch; in between, we keep things moving and send you a short update every week. Most projects take around 6 to 8 weeks. You make the important decisions, and you won’t need to manage the project for us.

Can you redesign my website without changing the platform?

Yes. We’re platform-agnostic, so we can redesign a Webflow, Shopify, WordPress or custom-coded site without moving it, and staying on your current platform usually costs less than migrating. We start with an audit, and if your site has good bones, a refresh or a few new pages may be all you need. And if the main problem is campaign pages, we can add landing pages beside your current site without touching it.

A hand holding up a smartphone

Still wondering

Have a question we haven’t answered?

Tell us what you’re trying to work out.

We’ll give you a straight answer.