( 3d · built live )
3D websites, built live in the browser.
EVOKE is a studio in Mumbai that designs and builds 3D websites: real-time scenes drawn in the browser with WebGL and Three.js, not videos of 3D. This site's homepage and the KP Studios portfolio are both built this way. The 3D is used where it says something, and the page shows a still of the scene first, so it stays fast on a phone.
What is a 3D website?
A website where part of the page is a real three-dimensional scene, drawn by the visitor's own device as they look at it. Because it is drawn live rather than played back, it can answer the pointer, react to scrolling and stay sharp at any screen size. On the web this is done with WebGL, usually through a library called Three.js. EVOKE builds with Three.js inside React, through React Three Fiber.
Real-time 3D, a video, or a frame sequence?
All three can look like 3D. A video is the lightest to build and cannot react to anything. A frame sequence, hundreds of stills scrubbed as you scroll, reacts to scrolling but not to the pointer, and gets heavy quickly. Real-time 3D reacts to everything and stays sharp, but it has to be engineered to load quickly. The right one depends on what the scene has to do, and a good studio will say when the cheaper option is the better one.
| Real-time 3D (WebGL) | Pre-rendered video | Frame sequence | |
|---|---|---|---|
| Reacts to the pointer | Yes | No | No |
| Reacts to scrolling | Yes | Only by playing | Yes |
| Sharp at any size | Yes | At the size it was rendered | At the size it was rendered |
| What loads | Code and a 3D model | A video file | Hundreds of images |
| Best for | Objects and scenes people should play with | Atmosphere that does not need to respond | One scripted move tied to the scroll |
Do 3D websites hurt SEO?
They can, for two reasons: the words end up inside a canvas that search engines and AI assistants cannot read, and the 3D code is so heavy that the page is slow to show anything. Google uses page experience signals, including Core Web Vitals, in ranking. Both problems are solvable. On an EVOKE site every word is real HTML outside the canvas, and the 3D loads after the page, not before it.
How does this site stay fast?
The homepage shows a still of the 3D wordmark, captured from the real scene and placed in exactly the same position, as soon as the page arrives. The 3D code loads in the background, and the live scene fades in over the still in the same pixels, so nothing jumps. Measured in Chrome with a 4G connection and a phone-class processor, a returning visitor sees the page and the logo in about half a second and the live 3D in about two, with no layout shift.
Do 3D websites work on phones?
The good ones are designed for the phone rather than shrunk onto it. That means framing the scene for a tall screen, keeping geometry and textures light, using touch instead of hover, and showing a still immediately while the scene loads. EVOKE designs every site for the phone first.
When is 3D the wrong call?
When it is decoration. If a 3D object does not say something the brand needs said, such as the shape of a product, the feel of a place or the idea behind a name, a photograph or a line of type will do the job faster and for less. EVOKE uses 3D where it earns its place and says so when it does not.
Where you can see it
This site opens on a 3D scene of the EVOKE wordmark that sways, answers the pointer and hands over to a cube of the projects as you scroll. KP Studios, an industrial designer's portfolio, opens on a 3D wordmark dusted with particles, drawn live in the browser and framed for the phone.
The work
- Break of Dawna plant-based dairy brand in Mumbai
- Reckona diagnostics manufacturer in Vadodara
- Gathera day-use space in Mumbai
- KP Studiosan industrial designer's portfolio
- Hýdora hotel concept in Santorini
Questions people ask
Can you build a 3D website in India?
Yes. EVOKE builds 3D websites from Mumbai for clients in India and abroad. This homepage and the KP Studios portfolio are both real-time 3D, drawn in the browser.
What do you build 3D websites with?
Three.js, through React Three Fiber, inside a React site. Models are prepared as glTF files and kept small so they load quickly.
Is a 3D website bad for SEO?
Not if it is built properly. The words must be real HTML outside the canvas, and the 3D should load after the page rather than block it. Built that way, a 3D site can pass Core Web Vitals like any other.
How much does a 3D website cost?
It is quoted after one call, because one 3D hero on a small site and a site that is a 3D world are different jobs. The page on what a website costs explains what moves the number.
What happens on a phone that cannot run the 3D?
The page and its words always work, and the still of the scene stays in place of the live one.
Sources
One call is usually enough to know whether it is a fit.