Skip to content
3D Web Catchers

Services

Design. Build. Immerse.

Three ways to work with us. Most projects combine the first two; the third is for brands that want their site to be the demo.

Web Design

Design starts with the question templates skip: what is this page supposed to make someone do? We settle that first — who is deciding, what they need to believe, and the one thing your site has to communicate before anyone scrolls.

You see the work before it becomes code. Wireframes settle structure, then visual design settles voice: type, colour, spacing, imagery, and the motion that connects it. Nothing moves into development until you have approved it, because that is the cheapest possible moment to change your mind.

We design a system rather than a stack of separate pages. The components on your homepage are the components on every other page, so the site stays coherent as it grows and you are not paying for a redesign the first time you need a new section.

  • Discovery: goals, audience, competitors, and the single job the site has to do.
  • Structure: sitemap and a page-by-page content plan before any visuals.
  • Design: wireframes, then full visual design of every unique template.
  • Motion: studies for the interactions that carry the most weight.
  • Handoff: a design system, not a folder of disconnected screens.

Web Development

Builds are Next.js and React with server-side rendering, and that choice has a direct consequence for search: your copy is present in the HTML the server sends, so Google reads it on the first pass instead of waiting for JavaScript to execute. Sites rendered entirely in the browser routinely get indexed late, partially, or not at all.

Performance is a budget rather than an aspiration. Images are sized and deferred below the fold, fonts are self-hosted so there is no third-party round trip before text appears, and anything that would delay your headline from painting gets moved off the critical path. The hero on this site animates with CSS instead of JavaScript for exactly that reason — the words are readable before the scripts finish loading.

Accessibility happens in the same pass, not as a plugin bolted on afterwards: semantic headings in a real hierarchy, labels on every field, focus states you can see, navigation you can reach with a keyboard, and contrast that survives daylight.

  • Build: the designed components, responsive from phone to desktop.
  • Content: a CMS wired up when your team needs to publish without a developer.
  • Search: metadata, canonical URLs, sitemap, robots rules, and structured data.
  • Measurement: analytics with conversion tracking on the actions that matter, so you can tell traffic from leads.
  • Delivery: deployment, TLS, security headers, caching, and a support window after launch.

3D & Interactive

Real-time 3D is one of the few things left on the web that a competitor cannot replicate over a weekend. It earns its place when the thing you sell benefits from being turned around and examined, when the experience itself is the argument, or when you need a first impression that survives being scrolled past.

It does not earn its place on every site. If your goal is to explain a service plainly and get a phone call, 3D usually gets in the way of that, and we would rather say so on the first call than after invoicing for it.

When it is warranted, every scene gets a device budget. The woven web on our homepage renders as a single merged geometry rather than hundreds of separate objects. Lighting comes from an HDRI on our own server, so there is no third-party request in the critical path. Low-powered devices are detected and given a lighter scene automatically.

  • Configurators: let people turn, open, and recolour a product before they buy it.
  • Hero scenes: a live object instead of a stock photograph.
  • Scroll storytelling: a sequence that advances as the visitor reads.

Our homepage dream catcher is a working example — see it full-screen and uncropped, or read the full build breakdown.

How a project runs

Four phases, each with something concrete at the end of it. You always know what you are approving and what happens next.

  • 01 Map: a call, then a written scope with a flat price. If the budget and the ambition do not match, this is where we say so.
  • 02 Design: wireframes, then full visual design. Nothing gets built until you sign off.
  • 03 Build: production code, content, integrations, then dedicated performance and accessibility passes.
  • 04 Launch: deployment, analytics, a walkthrough of how to run it, and support after you are live.

What drives the price

Projects are quoted as a flat price after a scoping call, so you are never exposed to an hourly meter. What moves that number is worth knowing before you ask:

  • Unique templates, not page count — twenty pages sharing three layouts is a smaller job than six pages that all differ.
  • Design starting point: working inside existing brand guidelines is faster than establishing them.
  • Editing needs: a CMS is worth it when your team publishes regularly, and unnecessary when they do not.
  • Integrations: every external system that has to connect adds its own testing and failure cases.
  • Real-time 3D: the largest single variable, because it carries a performance workload of its own.

If your budget is fixed, say so on the first call. Hitting a specific number by adjusting scope is usually possible, and it is a much better conversation to have before design starts than halfway through the build.

Common questions

Do I need a custom site, or would a template do?

A template is a reasonable choice if you need a simple brochure online quickly and you do not mind resembling every other business that bought the same one. Custom is worth it when the site has a job to do: converting visitors into enquiries, connecting to systems you already run, or looking like nobody else in your market. If a template genuinely serves you better, we will say so rather than sell you a build you do not need.

What is the difference between a website and a web app?

A website presents information: pages, copy, images, a contact route. A web app holds state and does work — user accounts, dashboards, saved data, calculations, configurators, admin tools. Web apps cost more than marketing sites of the same visual polish because most of the effort goes into logic and edge cases a visitor never notices until something breaks.

Why Next.js and React instead of WordPress?

WordPress is a sensible fit for content-heavy publishing with several non-technical editors. It is less good at custom interaction, and every plugin you add is another dependency to update and another potential security hole. Next.js gives faster pages, no plugin sprawl, and no ceiling on what the interface can do. The tradeoff is that arbitrary layout changes go through a developer rather than a page builder, so we wire up a CMS when your team needs to publish independently.

Will 3D slow my website down?

It will if nobody budgets for it. We treat the frame rate as a requirement rather than a hope: geometry is merged so the scene draws in as few passes as possible, lighting is self-hosted rather than fetched from a third-party CDN, and low-powered devices are detected and served a lighter version with the heavier effects switched off. Visitors who have asked their operating system to reduce motion get a calm version by default. And when 3D would not earn its place on your site, we tell you before you have paid for it.

Can you work with our existing brand?

Yes. If you have brand guidelines, typefaces, and colour already settled, we design inside them and the discovery phase gets shorter. If you have a logo and little else, we establish the rest as part of the design phase so the site is not the only place your brand looks resolved.

Do you handle hosting and deployment?

Yes. Sites are deployed to infrastructure we manage and configure, including TLS certificates, security headers, caching, and compression. You are not handed a folder of files and left to work out where they go.

Not sure which you need?

Most people start with a call. Describe the project and we will tell you honestly whether it needs 3D or just a sharp, fast, well-built site — and roughly what each would cost before you commit to anything.

Book a free consult