När behöver en webbplats 3D?
En realtidsscen är värd sin kostnad när besökarens val förändrar vad hen lär sig: att vrida en produkt för att se hur den hänger ihop, att röra sig genom en byggnad eller ett landskap, att jämföra platser sida vid sida eller att utforska ett system som är lättare att förstå i rymden. Om perspektiv och ordning är fasta är en renderad film eller bildsekvens enklare att producera och testa, och den kan ändå kännas filmisk.
3D passar ofta för produktpresentationer, rumsliga och arkitektoniska berättelser, vetenskaps- och forskningskommunikation samt immersiva varumärkesvärldar inför en lansering. Räcker rörelse och scrollberättande utan en navigerbar scen är creative development det lättare alternativet; kartor och dashboards byggda på data hör till datavisualisering.
Vad ett 3D-webbprojekt omfattar
Offerten anger vilka leveranser som ingår, vem som skapar eller tillhandahåller 3D-tillgångarna och hur varje del godkänns.
- Berättelse- och interaktionsbrief: vad besökarna utforskar, i vilken ordning och vad de gör härnäst
- Plan för 3D-tillgångar som omfattar modeller du levererar, licensierade tillgångar eller ny modellering, förberedda som komprimerade glTF-filer
- Prototyp i webbläsaren med mus-, touch- och tangentbordsstyrning på en överenskommen mobil och dator
- Läsbart HTML-innehåll och en väg genom samma berättelse med reducerad rörelse
- Godkännande av prestanda, enheter och reservlösningar samt överlämning av källfiler och licenser för tillgångar
Janus Observatory: ett 3D-gränssnitt för tio möjliga framtider
Janus Observatory är ett projekt som utvecklats med Blue Marble Space, där Dardo förvandlade en spekulativ forskningsstruktur till en filmisk resa i webbläsaren. Tio framtider skapar ett omedelbart navigeringsproblem: en enkel lista skulle förlora den rumsliga grundidén, och en lång 3D-sekvens skulle göra jämförelser svåra. Därför är upplevelsen uppbyggd i lager. En filmisk inledning sätter stämningen, en atlas visar hela urvalet och ett observatorium stöder närmare läsning, med vägar tillbaka som inte spelar upp introduktionen igen.
3D-lagret etablerar skala och skillnader mellan världarna, medan etiketter, navigeringsstatus och skriftliga förklaringar bär fakta utanför den renderade scenen. Godkännandet frågar om en besökare kan säga vilken värld hen befinner sig i, gå tillbaka till atlasen och fortsätta efter en renderingsreserv; enbart bildfrekvens kan inte svara på det. Bygget hålls inom budgetar för paketstorlek och webbläsartestas, och releaser kontrolleras för visuella regressioner. Scenarierna är utforskande, inte prognoser, och ingen uppmätt inlärning eller något engagemang görs gällande.
Prestanda och SEO för 3D-webbplatser
Sökmotorer kan inte läsa det som ritas i en canvas, så rubrik, text, länkar och metadata renderas som HTML innan scenen laddas. En affischbild håller scenens plats, utrymmet reserveras så att inget hoppar, och 3D-koden laddas efter att det första innehållet visats. När ett läge i upplevelsen förtjänar att hittas i sök får det en egen URL.
Prestanda mäts på de faktiska tillgångarna och målenheterna i stället för att utlovas som en universell bildfrekvens. Vi dokumenterar laddningsförloppet, en representativ interaktion, minnesanvändning där det är relevant och eventuell godtagbar visuell nedgradering på svagare mobiler, med målet att nå Googles gränsvärden för Core Web Vitals. Vi garanterar inga placeringar; vi ser till att 3D-lagret aldrig står mellan ditt innehåll och sökrobotarna.
Reservlösningar, reducerad rörelse och tillgänglighet
En besökare ska fortfarande förstå erbjudandet när rörelse är reducerad, grafikkontexten har gått förlorad eller en enhet inte klarar scenen. Reservlösningen kan vara en stillbild, en kort video eller en vanlig innehållslayout, och den ska hålla beslutet tillgängligt i stället för att visa ett fel. Vid reducerad rörelse blir kameraflygningar klipp eller steg som besökaren styr, och interaktiva delar får tangentbordsstyrning och synlig fokusmarkering.
Vad avgör kostnaden för en 3D-webbplats?
Kostnaden för en 3D-webbplats styrs av framtagning av egna tillgångar, antalet skilda scener och interaktionslägen, animation, grafikprogrammering, enhetsstöd och testning. En levererad produktmodell och en skräddarsydd miljö är mycket olika utgångspunkter även om båda hamnar på samma sida, så offerten skiljer på art direction, modellering eller licensierade tillgångar, animation, programmering, innehåll, ljud och stöd vid lansering.
Den första milstolpen är en liten fungerande del på en överenskommen mobil och dator, med riktig text, en representativ tillgång och den faktiska interaktionen. Den blottlägger problem med navigering, filstorlek och bildtid innan resten produceras. Offerten anger också vem som kan byta ut innehåll och modeller efter lanseringen. Dardo är ett team på tre personer i Bogotá, lett av grundaren Nicolás Cerón, som arbetar på engelska eller spanska under amerikansk östra och centrala tid.
Frågor inför ditt val
Vad kostar en 3D-webbplats?
Det beror främst på produktionen av tillgångar och antalet scener. En 3D-leverans prissätts när vi vet om det finns modeller, hur många olika scener och interaktionslägen som behövs och vilka enheter som ska stödjas. Budgetintervallen i förfrågningsformuläret, från under 5 000 USD upp till 60 000 USD och mer, hjälper oss att dimensionera det första förslaget.
Är 3D-webbplatser dåliga för SEO?
Inte när innehållet finns i HTML. Sökmotorer kan inte läsa det som ritas i en WebGL-canvas, så rubrik, text, länkar och metadata måste renderas som vanligt sidinnehåll, med scenen inladdad efteråt. Byggd så genomsöks en 3D-sida som vilken annan sida som helst. Kvarstående risker är långsam laddning och layoutförskjutningar, som vi testar före lansering.
Fungerar Three.js-webbplatser på mobiler?
Ja, när scenen byggs för mobiler i stället för att skalas ned från en skrivbordsdemo. Det innebär komprimerade modeller och texturer, begränsad renderingsupplösning, rendering bara när något ändras och en lättare version för enheter med lägre prestanda. Vi testar på en överenskommen mobil från den första fungerande delen, så att mobilens begränsningar styr designen i stället för att överraska dig vid lansering.
Kräver en interaktiv 3D-webbplats alltid WebGL?
Nej. Tekniken styrs av uppgiften. Om människor ska kunna ändra perspektiv eller manipulera ett objekt är realtidsgrafik med WebGL oftast rätt val. En fast berättelse kan använda renderade bilder eller video med ett lättare innehållslager, vilket är billigare att producera och lättare att hålla snabbt. Ibland räcker bilder i lager och noggrant utförd rörelse.
Vem skapar 3D-modellerna?
Någondera sidan kan göra det, och offerten anger vilken. Du kan tillhandahålla befintliga produktmodeller som behöver förberedas för webben, vi kan använda licensierat material, eller så kan uppdraget omfatta ny modellering. Varje väg påverkar kostnad och tidplan. Oavsett källa kommer vi överens om filformat, budgetar för polygoner och texturer samt vem som äger de slutliga källfilerna och licenserna.
Hur lång tid tar det att bygga en 3D-webbplats?
Det finns ingen fast tidsåtgång; det beror på produktionen av tillgångar, antalet scener och granskningsrundor. Vi sätter tidplanen i offerten efter att ha avgränsat den första fungerande delen, eftersom den visar vad som brukar flytta datum, till exempel tunga modeller eller interaktioner som måste tänkas om för touch. Berätta om ett lanseringsdatum redan i början så att arbetet kan faseras kring det.
Kan ni lägga till en 3D-scen på vår befintliga webbplats?
Ofta, ja. En enskild 3D-sektion, som en produktvisare eller en öppningsscen, kan läggas till på en befintlig webbplats om dess teknikstack låter scenen laddas efter sidans innehåll. Vi granskar först den nuvarande lösningen och avgränsar sedan scenen, dess reservlösning och dess prestandabudget som ett avgränsat arbete som kan godkännas separat.
