The Surface Studio
Crafting a premium identity for a leader in architectural surfaces
Our services
Web design
We design websites that help people understand who you are, find what they need and take action with confidence. Whether you are replacing an outdated site, creating a new digital presence or building something more complex, we shape the experience around your goals and your users.
Websites built around people, purpose and performance. A good website is not just a set of pages on a computer or your phone. It is where your brand, content and users meet.
The right platform for your purpose
We bring strategy, content, design and development together from the start, so the final platform is shaped around your organisation, your audience and the way your team needs to work.
For complex, ambitious projects, that might mean a Laravel-based platform with Statamic CMS, built for bespoke functionality, structured content, integrations and long-term growth. For other projects, the right answer might be Shopify, a headless setup, or a clear and manageable WordPress site that gives your team control without overcomplicating the build.
The important thing is choosing the right foundation. We help you understand the options, plan the structure and create a digital platform that feels intuitive for your users, practical for your team and ready to grow with your business.
Brand & Digital
Your website is one of the most important places your brand lives.
We help make sure your identity, messaging, tone of voice and digital experience all work together. Whether you need a full rebrand, a light refresh or stronger alignment with your existing guidelines, we can create a brand system that feels consistent, flexible and built for digital use.
Because the best websites do not just work well. They feel joined up, memorable and unmistakably yours.
Our web design projects
Sorry!
We couldn't find any projects that matched your filter, please adjust your selection.
Our web design process
Our digital process is more than UX and UI design. It is how we think about brands as living systems: flexible, useful, expressive and built to grow.
Define
Work out the story, structure and strategy.
Before we design anything, we need to understand what the website is really there to do.
We start by getting under the skin of your organisation, your audience, your content and your commercial goals. What has changed? What needs to become clearer? Where is your current site holding you back? What do users need to find, understand or do?
This stage gives the project its foundation. It helps us define the narrative, structure the content, map the user journeys and agree the technical direction before design begins.
Website strategy
A successful website needs a reason to exist beyond “we need a new one.” We define what the site needs to achieve, who it needs to serve and how it should support your wider brand and business goals. This might mean improving lead generation, clarifying services, supporting multiple audiences, simplifying content management, increasing enquiries or repositioning your organisation around a more ambitious future. The result is a clear strategic direction for the website, so every decision has a purpose.
Sitemap planning
Your sitemap is the skeleton of the website. We plan how pages, sections and content should sit together, making sure the structure feels natural for users and manageable for your team. This is especially important for organisations with multiple services, audiences, sectors, resources or locations. A good sitemap makes the website easier to navigate, easier to edit and easier to grow.
UX and wireframes
Wireframes help us think before we decorate. We use them to map how key pages should work, what content needs to appear where, and how users move through the site. This lets us test the logic of the experience before we get into full visual design. It also helps everyone focus on the important stuff: clarity, hierarchy, flow, content and action.
Content structure
Content is often where websites become messy. We help organise your content into clear, reusable structures so it is easier for users to understand and easier for your team to manage. That might include page templates, service structures, case study formats, resource hubs, FAQs, landing pages or modular content blocks. The aim is to create a site that tells your story clearly without becoming rigid or repetitive.
CMS planning
The editing experience matters. We plan how your team will actually use the website after launch. What pages need to be updated regularly? What content should be reusable? Who needs access? What needs flexibility, and what needs guardrails? This helps us recommend the right CMS and shape a content management system that feels intuitive, not overwhelming.
SEO foundations
SEO starts with structure. We consider search visibility from the beginning, not as an afterthought. That means planning clear page hierarchies, useful content, metadata, headings, internal links, performance considerations and technical foundations that help users and search engines understand the site. The goal is not to stuff pages with keywords. It is to build a site that is clear, useful and discoverable.
Discover
Turn the strategy into a digital experience.
Once the structure is clear, we explore how the website should look, feel and behave.
This is where brand, UX and interface design come together. We create a visual direction that carries the story of the organisation through the whole user journey. The big idea should be felt in the hero sections, the content blocks, the navigation, the buttons, the transitions and the quiet little details that make the site feel considered.
This is also where the website becomes more than a set of layouts. It becomes a flexible design system.
Interface design
Interface design is where strategy becomes visible. We design the key pages and components that shape the user experience, making sure the site feels clear, distinctive and easy to use. The interface should express the brand without getting in the way of the task. That means strong hierarchy, thoughtful layouts, useful interactions and a visual system that helps users move through the site with confidence.
Design systems
A website should not rely on one-off page designs. We create design systems made from reusable components, patterns and rules. These might include buttons, cards, forms, navigation states, content blocks, case study modules, service panels, icons, calls to action and page templates. This gives your team flexibility without chaos. New pages can be created with consistency, while still leaving room for personality and expression.
Responsive layouts
People do not experience your website on one perfect screen size. We design for desktop, tablet and mobile, making sure content, navigation and interactions work properly across devices. Responsive design is not just about stacking things neatly. It is about making sure the story, usability and performance survive wherever the site is viewed. A good mobile experience should feel considered, not compressed.
Animation and interaction
Motion should help the experience, not decorate it for the sake of it. We use animation and interaction to guide attention, create rhythm, support storytelling and make the site feel alive. That might mean subtle transitions, scroll-based reveals, hover states, micro-interactions, animated diagrams or more immersive moments where the project calls for them. The rule is simple: if it helps users understand, feel or move, it earns its place.
User-centred storytelling
Your audience is not just looking. They are participating. We use UX strategy to understand what users need from your site and how your brand can meet them at the right moment. That might mean helping a marketing director compare services, a parent find key information, a donor understand impact, or a customer complete a purchase. Every journey should have a thread. Every thread should lead somewhere useful.
Deliver
Build the platform, properly.
Once the strategy, structure and design system are agreed, we turn everything into a working website.
This is where the design becomes something real: developed, populated, tested, refined and prepared for launch. We build the pages, connect the CMS, add content, optimise performance and make sure the experience works properly across devices.
Every detail is checked against the original thinking, from the way pages load and respond to the way users move through the site. The goal is not just to make the website look like the design, but to make sure it feels smooth, performs well and gives your team the control they need after launch.
Front-end development
We build the interface so it feels as good in use as it looked in design. That means translating the design system into responsive, accessible, performant front-end components. Pages should load quickly, behave consistently and support the brand experience across devices. The craft is in the details: spacing, movement, interaction, hierarchy and performance.
CMS development
We configure the CMS around how your team works. Rather than handing over a confusing back end, we create a clear editing experience with structured fields, reusable components and sensible permissions. Your team should be able to create, edit and manage content confidently without needing a developer for every small change. The system should give you control without letting the site fall apart.
Content population and migration
Content needs care. For new websites, we help populate pages in a way that follows the agreed structure and design system. For rebuilds, we can migrate existing content into a cleaner, more scalable format, making sure important pages, SEO value and useful assets are preserved where possible. This is where old content becomes part of a better system.
SEO implementation
We build SEO into the final site. That includes metadata, heading structure, clean URLs, redirects where needed, image optimisation, internal linking, schema where relevant and technical checks before launch. The aim is to protect existing search performance while creating a stronger foundation for future visibility.
QA and testing
Before launch, we test properly. We check browsers, devices, forms, links, navigation, CMS editing, page speed, accessibility basics and content accuracy. We look for the small things that can damage confidence, because users notice when something feels unfinished. A smooth launch depends on disciplined checking.
Launch and handover
Once everything is ready, we manage launch carefully. We deploy the site, monitor the basics, support your team and provide guidance on how to use the CMS. We can also continue working with you after launch through hosting, support, optimisation and ongoing improvements. A website should not stand still the moment it goes live. It should have the structure to keep moving.
Enterprise digital platforms, built around you.
As your business grows, your website will often need to work harder. More pages, more audiences, more content, more integrations, more pressure to perform. At that point, a website stops being a simple marketing tool and becomes part of how the organisation operates.
For ambitious or growing businesses, we create digital platforms that bring structure, speed and flexibility to that complexity. Built with Laravel and Statamic, they give your team the familiar control of a CMS, while giving the website the stronger foundations it needs to scale, adapt and perform.
WordPress, done right.
WordPress is a strong choice for many organisations. It is familiar, flexible and easy for teams to manage. But there is a big difference between a quick template build and a properly planned WordPress website. The perfect brochure site CMS for making an impact for your brand and business.
We use WordPress where it makes sense and we have done it over 150 times for clients over the years. We build sites around clear content structures, reusable components, considered UX and a manageable editing experience.
Web apps
When your website needs to do something.
Some websites need more than pages. They need tools that help users search, book, calculate, compare, submit, manage or interact. We build web app interfaces for portals, dashboards, directories, calculators, booking journeys, resource hubs and bespoke website functionality. That means clear UX flows, intuitive screens and reusable components that make complex tasks feel simple.
Hosting, maintenance and ongoing improvement
Keep the site moving.
A website should not stand still after launch. We can support hosting, maintenance, performance reviews, content updates, landing pages, new components and UX improvements, keeping your site secure, stable and aligned with your brand as it grows.
Launch is not the finish line. It is when the website starts doing its job.
Shopify and e‑commerce design
Good e-commerce design makes the path from browsing to checkout feel effortless. We design Shopify and WooCommerce stores with clear product journeys, strong navigation, persuasive content and branded checkout experiences that build trust and support conversion. Online stores should look good, sell well and be easy to manage.
Product design
Got the idea, but need the interface?
If you are building an app, platform, SaaS product or internal tool, we can help shape the experience before it goes into development. We design user journeys, wireframes, prototypes, UI systems and development-ready screens that your team or developers can build from. The focus is on making the product clear, usable and properly thought through before code is written. Bring us the rough idea, feature list or messy workflow, and we’ll turn it into something users can understand and developers can build.
UX, integrations and connected journeys
Designed for the systems behind the site.
Modern websites do not work alone. They connect to CRMs, email platforms, booking tools, payment systems, analytics, product feeds, ticketing platforms and third-party APIs. We design those journeys from the start, so forms, data capture, dashboards and conversion points work properly behind the scenes.
Already have the design? We can build it.
If you have a design, prototype or Figma file ready to go, our development team can turn it into a working website or digital platform. We build across Laravel, Statamic, WordPress, Shopify, Webflow and bespoke front-end development, making sure the final site is responsive, performant, easy to manage and faithful to the design. Good design deserves a good build.
Web Design FAQ's
Are you a digital agency, creative agency or design agency?
We are a digital and creative agency, which means we combine brand thinking, design craft and technical development. We can support the whole journey, from brand strategy and visual identity to websites, digital platforms, campaigns and production assets.
What is brand and digital?
Brand and digital is the process of building the brand and the digital experience together. It connects strategy, identity, tone of voice, UX, content, web design and development so your website does not feel separate from the brand.
Why should branding and web design be done together?
Your website is often the most important place people experience your brand. By building branding and web design together, we make sure your identity, content, tone of voice, UX and digital platform all work as one joined-up system.
Do we need a full rebrand or just a brand refresh?
A brand refresh is usually right when your existing brand still has value, but needs to feel sharper, more consistent or more current. A full rebrand is better when the strategy, name, positioning, messaging or identity no longer reflect the organisation.
What is the difference between brand identity and visual identity?
Visual identity is the visible part of your brand: logo, colour, typography, imagery, graphics, illustration and layout style. Brand identity is broader and includes positioning, messaging, tone of voice, audience strategy and the wider system that guides how the brand behaves.
Can you help with naming?
Yes. We can help name businesses, products, campaigns, services and sub-brands. Naming works best when it connects back to the wider brand strategy, tone of voice and visual direction.
Can you design a logo?
Yes. We design logos and logo systems for startups, small businesses and established organisations. A logo might include a primary mark, wordmark, icon, monogram, secondary lockup, social avatar or responsive versions for digital and print.
What makes a good website?
A good website helps people understand who you are, find what they need and take action with confidence. It needs clear structure, strong messaging, considered UX, responsive design, good performance, SEO foundations and a CMS your team can actually use.
Can you design a website if we already have developers?
Yes. We can provide UX, wireframes, interface design, prototypes and development-ready design systems for your own developers to build from. This is useful if you have an in-house team but need stronger design thinking or a more polished interface.
Is Laravel better than WordPress?
Laravel is not automatically better than WordPress. It depends on what the website needs to do. WordPress is great for many content-led websites. Laravel is usually better for larger, more complex, functionality-led platforms that need bespoke features, integrations or stronger scalability.
