Web Design
Web Design That Serves the Decision, Not the Portfolio
Vedixx designs websites around what a visitor is trying to do and what the business needs them to do next. Structure, hierarchy and the conversion path are decided before any visual work begins, and on a redesign, protecting existing rankings is a project requirement rather than something handled afterwards.
What does a web design agency actually do?
A web design agency decides what a website contains, how it is structured, and how a visitor moves from arriving to taking action — then designs the interface that delivers it. The visual work is the last stage rather than the first. On an existing site, the agency is also responsible for preserving the rankings, links and traffic the current site has already earned.
What's included
Structure before styling
What each page contains and in what order, decided before anything is designed. A page that looks excellent and buries the thing a visitor came for is a design failure, however good the visual work is.
Conversion path design
The route from arrival to enquiry, mapped deliberately. Most sites lose people not because a button is the wrong colour but because the next step is unclear at the moment they were ready to take it.
Content-first layouts
Designed around real content wherever it exists. Designing around placeholder text and fitting words in later is how pages end up with headings nobody would write and sections nobody needed.
Ranking preservation on redesigns
URL mapping, redirect planning and content auditing done before design starts. A redesign that loses the traffic the old site earned has cost more than it delivered, and the loss surfaces weeks later.
Design system, not one-off pages
Components defined once and reused, so page fifty looks like page two and nobody has to reinvent a layout under deadline. This is what makes a site maintainable after the project ends.
Built for the people maintaining it
Designs your team can actually populate without a designer. A layout that only works with perfectly cropped photography and exactly forty-two characters of heading text will not survive contact with real content.
Where it pays for itself
A site that gets traffic but few enquiries
- The problem
- Visitors arrive and leave without acting. Rankings are fine; the conversion rate is not.
- What we build
- Audit the path from arrival to action, identify where intent is lost, and redesign the hierarchy and calls to action around the decision the visitor is actually making.
- The result
- More of the existing traffic converts, without spending anything more on acquisition.
A redesign that must not lose rankings
- The problem
- The current site performs in search but looks dated and is hard to update.
- What we build
- URL inventory and mapping first, content audit second, design third. Every existing URL either survives or gets a planned redirect, and content that earns rankings is preserved rather than trimmed for aesthetics.
- The result
- A modern site that keeps the search performance the old one built.
A team that cannot update their own site
- The problem
- Every change needs a developer, so the site slowly stops reflecting the business.
- What we build
- A component-based design that maps onto a content system, with layouts that hold together whatever real content is put into them.
- The result
- The team publishes without waiting, and the site stays current.
How it works
- 1
1. Understand the commercial job
What the site is for, who it serves, and what a visitor should do. Without this the rest is decoration with a budget.
- 2
2. Audit what exists
On a redesign: every URL, what ranks, what earns links, what converts. This is the stage that determines whether the project protects or destroys existing performance.
- 3
3. Structure and hierarchy
What each page contains, in what order, and how pages relate. Decided in outline form before anything is designed.
- 4
4. Design the system
Components, typography, spacing and states defined once. Pages are then assembled from a system rather than drawn individually.
- 5
5. Design the pages
Real content, real constraints, mobile first. Reviewed against the conversion path rather than against taste.
- 6
6. Build and verify
Implementation, then verification that redirects resolve, canonicals are correct, and performance has not regressed. On a redesign this stage decides whether the rankings survive.
Design-led versus template-led
Both are legitimate. The right answer depends on how much the site has to do commercially, not on which sounds more impressive.
| Custom design | Template or theme | |
|---|---|---|
| Upfront cost | Higher | Lower |
| Time to launch | Longer | Faster |
| Fit to your business | Built around your actual offer | You adapt to the template |
| Performance control | Full — nothing shipped that is not needed | Limited — themes carry weight you cannot remove |
| Differentiation | Distinct | Recognisably the same as others |
| Best when | The site is a primary sales channel | Speed and budget matter more than fit |
Technologies we build on
Design
- Figma
- Design systems
- Component libraries
Build
- Next.js
- React
- Tailwind CSS
- Semantic HTML
Performance
- Core Web Vitals
- Responsive images
- Font optimisation
Accessibility
- WCAG 2.1 AA
- Keyboard navigation
- Screen-reader testing
What drives the cost
Design work is priced by scope — how many distinct page types, how much content needs creating, and whether an existing site has to be preserved through the change. We do not publish a price list because a five-page brochure site and a fifty-page service architecture are not the same project.
Number of distinct page types
Not page count. Twenty pages built from four templates is a smaller job than eight pages that each need their own layout.
Whether content exists
Designing around real content is faster and produces a better result. Writing it is a separate workstream with its own cost.
Redesign versus new build
A redesign carries audit, URL mapping and redirect planning that a new build does not. That work protects existing traffic and it is not optional.
How much your team absorbs
Content, photography, and fast approvals reduce cost meaningfully. Waiting for decisions is a real cost that appears as timeline rather than invoice.
Project
A defined build or redesign with a clear finish line.
Design system
Component library and standards, with your team building pages from it.
Ongoing
Continuous improvement against conversion data once the site is live.
Common mistakes
Redesigning without a URL map
Every changed URL without a redirect discards the ranking and links that URL had earned.
Do this instead: Inventory every existing URL before design starts, and decide for each whether it survives, redirects, or is deliberately retired.
Cutting content because it looks dated
Length is often what makes a page rank. Trimming it for visual balance can remove the reason it performs.
Do this instead: Audit which pages earn traffic and links, and treat their content as a constraint on the design rather than material to be edited down.
Designing around placeholder text
Real content never matches the shape of the placeholder, so layouts break at exactly the point the project is meant to be finishing.
Do this instead: Design around real content wherever it exists, and design for variable length where it does not.
Treating performance as a build problem
Large hero images, heavy fonts and animation are design decisions with a measurable performance cost that developers cannot undo later.
Do this instead: Set a performance budget at the design stage and hold the design to it.
Judging the design by how it looks in review
A review meeting on a large monitor is nothing like a visitor on a phone with one specific question.
Do this instead: Review on the devices your visitors actually use, against the task they are actually trying to complete.
What you end up with
- A site structured around what visitors are trying to do
- A conversion path that is deliberate rather than accidental
- Rankings preserved through a redesign, not rebuilt afterwards
- A component system your team can extend without a designer
- Performance budgets set at design time and held
Key takeaways
- Structure decides more than styling. A beautiful page that buries the answer still fails.
- On a redesign, the URL map is the single most important document in the project.
- Content length is often the reason a page ranks — treat it as a constraint, not a draft.
- Design decisions carry performance costs that development cannot reverse.
- A design nobody on your team can populate will stop reflecting your business within a year.
Further reading
Website redesign checklist: keeping the rankings you already have
A redesign checklist ordered by when the damage happens — most ranking loss is decided before design starts, and is invisible until weeks after launch.
Read the guideUI vs UX: what the difference actually costs you
The distinction only matters when it changes a decision. Where each one fails, which problems get misdiagnosed as the other, and how to tell them apart.
Read the guideRelated services
AI Automation
Automations that keep running after the engagement ends.
Read moreSEO Services
Technical, content and authority work as one system.
Read morePPC & Paid Ads
Paid acquisition measured on profit, not clicks.
Read moreWeb Development
Fast, maintainable sites that survive their own growth.
Read moreEcommerce & CMS Solutions
Storefronts built to convert, on Shopify and WooCommerce.
Read moreCMS Development
Content systems your team can operate without a developer.
Read moreQuestions? Answered.
Design decides what the page contains, how it is structured and how a visitor moves through it. Development builds it. On a small project the same people do both; on a larger one the split matters, because a design signed off without a developer in the room routinely produces something slow, awkward to maintain, or impossible to build as drawn.
Let's Turn Your Traffic
Into Revenue.
Book a free 30-minute strategy call. We'll audit your current growth, spot the biggest opportunities, and map a clear plan, no pressure, just value.
Free audit · Custom plan · Clear pricing & timelines