3D website design that still loads fast

What a 3D website can do for you

A 3D website is not a gimmick when it has a job. It can explain a product faster than a photo, make a brand feel physical, or turn a list of projects into something people actually explore. Everything on this site is built that way — scroll the home page to see it.

Interactive, not just animated

Animation plays at the visitor. Interaction answers them. On a WebGL website the scene can react to the cursor or a finger, follow the scroll position exactly and open real content on click.

• Particles that move out of the way of the cursor.
• A globe that follows the pointer, with arcs drawn from a real location.
• Project screens that open the live website when you click or tap them.
• Liquid chrome that ripples when a card melts into it.

Built so it still loads fast

The usual worry about a 3D website is speed and SEO. Both are part of the build from the first day, not something fixed at the end:

• All text stays in plain HTML. Search engines read every word, and the page still works with JavaScript switched off.
• Content first, 3D second. The text is visible immediately; heavier scenes prepare in the background.
• No stutter while scrolling. Shaders and textures are prepared ahead of time instead of the moment they appear.
• Adapts to the device. Resolution adjusts automatically when a device is slow, and phones get lighter versions of the same scenes.
• A fallback for every visitor. If a device cannot run WebGL, a clean static version is shown. The “reduce motion” setting is respected.

This website itself, measured with Google Lighthouse before launch: 100 for performance on desktop and 87–88 on mobile, and 100 for accessibility, best practices and SEO on both.

Who it is for

• Manufacturers and product brands that need to show how something is built or how it works.
• Construction, engineering and architecture firms with projects that deserve more than a photo grid — see websites for construction and engineering.
• Launches and campaigns — a landing page people remember and share.
• Creative studios and agencies that need a WebGL and Three.js developer for a client project, including white-label work under your name.

Real work

I only show what exists. Concepts are marked as concepts.

• This website — particles, liquid chrome, a 3D gallery and a real-time globe, built with Three.js. Scroll through it.
• PPG — redesign concept, not client work: an engineering company website with a particle tunnel and scroll scenes. Read about the concept.
• Class’Mat® — client project in Luxembourg: the multilingual website (French, German, English) you see on the 3D laptop at the top of this site. Read the case study.

Timeline, price and what is included

A first version in days, not months. A 3D or interactive website typically takes up to 7 days once your texts and images are ready; a landing page 2–4 days. Larger projects and online shops are planned together. These are estimates, not guarantees.

Price by agreement — you get a free estimate within 24 hours.

Included in every project:

• Custom design and hand-written code — no templates, no page builders.
• Built for phones first, tuned for speed.
• Basic SEO: clean HTML, titles and descriptions, sitemap, structured data.
• Several languages if you need them, each with its own address for Google.
• Help with domain and hosting.
• 30 days of fixes after launch.

You provide the texts and images — and product photos or 3D models, if you have them.

How it works

1. 01

   Conversation

   What should the 3D do — explain a product, set a mood, guide a story? We agree on that before any code.

2. 02

   First scene

   One scene is built first, so you can see and feel the motion early, on your own screen.

3. 03

   Build

   The full site, with previews you can open on your own phone along the way.

4. 04

   Launch

   Domain, hosting, speed and SEO checks — then it goes live, followed by 30 days of fixes.