The Complete Web Design Guide
Web design expertise since 1997 — from initial planning through to launch and beyond. Everything you need to build a website that performs.
Web design expertise since 1997 — from initial planning through to launch and beyond. Everything you need to build a website that performs.
The Foundation
Great websites are not accidents. They are the result of deliberate decisions made at every stage — from planning to pixel.
3s
The 3 Second Rule
Your page must load within 3 seconds or the majority of visitors will leave before they see a single word.
94%
Design-Driven First Impressions
94% of first impressions are directly related to design — before a visitor reads a word, they have already judged you.
75%
Credibility by Design
75% of users judge a business's credibility by its website design alone. A poor design signals a poor business.
88%
Won't Return
88% of online consumers won't return to a site after a bad experience. You rarely get a second chance.
A great website starts with clarity of purpose. Before any design work begins, you must understand exactly what the website needs to achieve, who it needs to serve, and what success looks like in measurable terms.
Too many businesses commission websites without answering these fundamental questions. The result is a site that looks acceptable but fails to deliver business value — attractive but ineffective.
At Kentmedia, I've spent the years since 1997 refining my discovery process so that every website I build starts from a position of strategic clarity. The pages that follow walk you through the same framework I use for every client engagement.
Step 1: Planning
The websites that fail to deliver results almost always share a common flaw: they were designed before they were planned. Strategy first, aesthetics second.
Establish clear, measurable objectives before a single wireframe is drawn. Define your traffic targets, lead volumes and sales figures. Vague goals produce vague results — specificity is the foundation of measurable success.
Understand exactly who you are designing for. Analyse demographics, the devices your audience uses, their pain points and their search behaviour. A website that tries to speak to everyone ends up speaking to no one.
Examine your competitors objectively. Identify what is working well for them, understand where they are falling short, and determine the gaps you can exploit. Differentiation is not accidental — it is engineered.
Map your site structure before you design it. Define the site map, chart user journeys from arrival to conversion, and establish a clear content hierarchy. Structure determines how easily visitors find what they need.
A thorough brief saves time, money and frustration. Share this list with your team and any agency you engage.
Step 2: UX
User experience design is not about how a website looks — it is about how it works. Every element must serve the user's journey toward a clear goal.
Guide the eye deliberately through the page using size, weight and contrast. Users should instinctively know where to look next — this is engineered, not left to chance.
Generous white space is not wasted space — it is breathing room that improves comprehension and focuses attention. Cluttered pages overwhelm visitors and reduce conversions.
Consistent patterns, components and behaviour reduce cognitive load and build trust. When users can predict how your interface works, they can focus on your content instead of decoding your navigation.
Typography choices directly affect how long visitors stay on your page. The right typeface, size, line height and contrast can increase reading comprehension and time on page significantly.
Colour communicates emotion and intent before a single word is read. Strategic colour choices reinforce brand values, direct attention to calls-to-action and build subconscious trust with your audience.
Subtle animations, hover states and feedback responses make an interface feel alive and responsive. Well-crafted micro-interactions delight users and confirm that their actions have been registered.
Step 3: Mobile
Mobile is no longer a secondary consideration. It is where the majority of your visitors will encounter your brand for the first time.
Mobile-first means writing your base CSS for small screens and layering complexity for larger viewports using min-width breakpoints.
Step 4: Performance
Every 100ms of latency costs you conversions. Google uses performance as a ranking signal. Your visitors use it as a proxy for professionalism.
Core Web Vital
Under 2.5 seconds
Largest Contentful Paint — measures when the largest visible content element loads. This is the primary perceived load speed metric and must be under 2.5 seconds to pass Google's threshold.
Core Web Vital
Under 200ms
Interaction to Next Paint — replaced FID in 2024 and measures responsiveness across all user interactions throughout the page lifecycle, not just the first input.
Core Web Vital
Under 0.1
Cumulative Layout Shift — quantifies unexpected visual movement during page load. Content that jumps around as images load destroys user trust and harms your score.
Convert to WebP/AVIF, compress without quality loss, implement lazy loading and correct sizing
Minify CSS, JavaScript and HTML; tree-shake unused code; eliminate render-blocking resources
Set appropriate cache headers so repeat visitors load assets from local cache rather than the server
Serve assets from a global Content Delivery Network so files are always delivered from a server near the user
Step 5: SEO
SEO is not a bolt-on afterthought. It must be woven into the architecture, content and technical structure of your website from day one.
Step 6: Accessibility
Web accessibility is not optional in the United Kingdom. The Equality Act 2010 requires that digital services be accessible to disabled users, and organisations that fail to comply risk legal action and reputational damage.
Beyond the legal imperative, accessibility makes commercial sense. Approximately one in five people in the UK has a disability — designing accessibly means designing for a larger audience, improving usability for everyone and signalling that your business is inclusive and ethical. Search engines also benefit from many of the same improvements that accessibility requires.
All content must be presentable to users in ways they can perceive. This means providing text alternatives for images, captions for video, sufficient colour contrast (minimum 4.5:1 ratio) and content that can be resized without loss of functionality.
All interface components and navigation must be operable without a mouse. Keyboard accessibility, sufficient time to interact, no seizure-inducing content, and skip navigation links are all essential components of an operable interface.
Information and interface operation must be understandable. This means readable text, predictable navigation patterns, clear error messages, and input assistance that helps users avoid and correct mistakes throughout the journey.
Content must be robust enough to be reliably interpreted by a wide variety of user agents, including assistive technologies such as screen readers. Valid HTML, ARIA landmarks and semantic markup are all components of a robust implementation.
Step 7: CRO
Conversion Rate Optimisation is the discipline of systematically improving the percentage of visitors who take a desired action. It is the highest-leverage activity in digital marketing.
23%
Average CRO improvement from structured testing programmes
🔥
Heat map insights reveal where users actually click, scroll and focus
15—30%
A/B testing uplift achievable through systematic variant comparison
📍
CTA placement matters — above the fold outperforms by up to 40%
Pre-Launch
Launching a website with basic errors damages your brand and search rankings. Use this checklist before every launch.
Frequently Asked Questions
Website costs vary considerably depending on scope, complexity and your specific requirements. A professional brochure website typically starts from £1,500, whilst a bespoke web application or large e-commerce platform can run to £20,000 or more. The most accurate way to receive a figure is to share your brief with us — we will provide a detailed, itemised quote with no obligation. We believe in transparent pricing with no hidden costs.
You do not need to provide finished content, but it is helpful if you have a clear idea of your messaging, key services and tone of voice. Kentmedia offers a full copywriting service — our team can research, write and optimise all copy for SEO and conversion. If you prefer to supply your own content, we will provide a content guide to help you structure it correctly for each page.
Launch is the beginning, not the end. We offer ongoing maintenance plans that cover security updates, performance monitoring, content changes and technical support. We also offer SEO retainers, Google Ads management and conversion rate optimisation programmes to help your website grow its contribution to your business month on month. You will never feel like you are on your own after the project closes.
Absolutely — redesigns are one of our most common project types. We begin every redesign engagement with a thorough audit of your current site: performance data, Google Analytics insights, Search Console health, existing rankings and conversion rates. This ensures we preserve what is already working whilst improving everything that is not. We never redesign for the sake of it — every decision is evidence-led.
Every website we build is technically optimised for search engines — clean code, fast performance, proper meta data, schema markup and mobile compliance are all standard. However, ranking for competitive search terms requires an ongoing SEO programme beyond the build itself. We are honest about what the website can achieve on its own versus what requires sustained SEO effort. We will never promise specific rankings — no ethical agency will — but we will give you the strongest possible technical foundation.