3D spletno oblikovanje · Slovenija
3D spletna stran.
Pod eno sekundo.
Oblikujemo cinematična 3D spletna doživetja, ki si jih obiskovalci zapomnijo — brez počasnosti, ki jo 3D običajno prinese. Three.js + Astro + Cloudflare. Scena, ki jo gledate, je naš dokaz.
- 0,0 s
- LCP — prikaz vsebine
- 0 KB
- celoten JS s 3D sceno
- 0 fps
- animacija scene
// meritve te strani — odprite orodja za razvijalce in preverite
Problem
Zakaj je večina 3D strani
neuporabnih.
- 10–50 MB težki 3D modeli in teksture, ki se nalagajo deset sekund
- Telefoni se segrevajo in sesuvajo — polovica obiskovalcev odide
- Vsa vsebina zaklenjena v WebGL platno — Google vidi prazno stran
- Brez fallbacka: šibka naprava = črn zaslon
- Efekti zaradi efektov — 3D, ki ne pove nobene zgodbe
3D na spletu ima slab sloves, ker ga večina dela narobe: najprej spektakel, potem (mogoče) uporabnost. Mi obrnemo vrstni red — najprej hitra, berljiva, dostopna stran, nato 3D kot režirana plast, ki nosi zgodbo.
Tehnologija
Trije stebri: Three.js + Astro + Cloudflare
Vsak steber reši eno tretjino problema — skupaj omogočijo 3D doživetje, ki se obnaša kot statična stran.
Three.js — scena
Ročno režirana WebGL scena brez težkih modelov: točke, črte, svetloba. Scroll je kamera, ne pomikanje strani.
Astro — ogrodje
Vsa vsebina je statičen HTML, 3D pa izoliran otok. Stran deluje tudi brez JavaScripta — Google in AI vidita vse.
Cloudflare — dostava
Stran čaka na 300+ strežnikih po svetu. Obiskovalec jo dobi z najbližjega — gostovanje je brezplačno.
Proračun zmogljivosti
Trda meja: celoten JS s 3D knjižnico pod 150 KB. Vsak efekt se tej meji podredi ali izpade.
Fallback za vse
Šibka naprava, izklopljen JS, »manj animacij« — vsakdo dobi delujočo, berljivo stran.
SEO + AI vidnost
Schema.org, OpenGraph, llms.txt. 3D plast je nevidna za iskalnike — vsebina pa popolnoma vidna.
Primerjava
Tipična 3D stran proti naši
| Kriterij | Tipična 3D stran | Segetic |
|---|---|---|
| Teža strani | 10–50 MB | < 1 MB |
| Prikaz vsebine (LCP) | 4–15 s | < 1 s |
| Na telefonu | pregrevanje, sesutja | prilagojena scena |
| Brez WebGL / JS | črn zaslon | polna vsebina |
| SEO | prazna stran za Google | popoln HTML + schema |
| Gostovanje | poseben strežnik | Cloudflare, 0 € |
Demo
Ta stran je naš portfelj.
Scena za tem besedilom je živo omrežje ~1200 točk. Med drsenjem ne premikate strani — premikate kamero: ob »problemu« se mreža zaplete v rdeč vozel, ob rešitvi se razplete v red.
Vse skupaj — knjižnica, scena, animacije — tehta manj kot ena običajna fotografija na Instagramu.
- scroll = kamera skozi zgodbo
- zaznava naprave: manj točk na mobilnih
- pavza, ko zavihek ni viden
- »manj animacij« → statičen kader
- brez WebGL → CSS fallback
- brez JS → vsa vsebina berljiva
Za koga
Kdaj se 3D splača
Lansiranje produkta
Ko mora nov produkt v treh sekundah narediti vtis — in ga obiskovalec ne sme čakati.
Blagovne znamke
Ko je »še ena predloga« škoda za znamko, ki gradi prepoznavnost in premium občutek.
Portfelji in studii
Ko je stran sama po sebi izkaz sposobnosti — arhitekti, oblikovalci, agencije.
Agencije (white-label)
Vaša stranka, naš 3D inženiring. Scena po vaši oblikovalski viziji, izvedba po našem proračunu zmogljivosti.
Proces
Od ideje do objave v štirih korakih
- 01
Povpraševanje
Opišete znamko in cilj. Ponudbo s konceptom scene dobite v 48 urah.
- 02
Zgodba in scena
Določimo zgodbo, ki jo scroll pripoveduje — vsak efekt dobi svoj namen.
- 03
Izdelava
Zgradimo, merimo, optimiziramo. Proračun zmogljivosti je del pogodbe.
- 04
Predaja
Koda, dostopi in Cloudflare račun so vaši. Brez vezanosti.
Vprašanja
Pogosta vprašanja
Koliko stane 3D spletna stran?
Odvisno od obsega scene in števila sekcij — enostranska 3D predstavitev je bistveno ceneje kot večstranska izkušnja z lastnimi 3D modeli. Plačate enkrat, za izdelavo; gostovanje na Cloudflare je brezplačno. Konkretno ponudbo pošljemo v 48 urah.
Ali 3D ne upočasni strani?
Če je narejen po tipičnem receptu (težki modeli, ogromne teksture, cel framework za vsak gumb) — da. Mi delamo obratno: statičen Astro HTML se naloži takoj, 3D scena pa se doda kot otok s strogim proračunom. Ta stran je dokaz — celoten 3D vključno s knjižnico tehta manj kot ena fotografija.
Kaj se zgodi na telefonu ali šibkem računalniku?
Scena zazna napravo: na mobilnih teče z manj točkami in nižjo ločljivostjo, brez WebGL podpore se prikaže statična grafika, pri vklopljeni nastavitvi »manj animacij« pa miren kader brez gibanja. Vsebina je vedno berljiva — tudi brez JavaScripta.
Kako je s SEO? Google ne vidi 3D scene.
Zato vsebina nikoli ne živi v 3D sceni. Vse besedilo je pravi HTML s pravilno strukturo, meta oznakami, schema.org podatki in llms.txt — scena je samo vizualna plast za obiskovalca. Google in AI iskalniki vidijo popolno stran.
Imam obstoječo stran. Lahko dodate samo 3D?
Če je stran na Astro ali drugem modernem ogrodju, lahko 3D sceno vgradimo kot otok. Če je na WordPressu, se pogovorimo o selitvi — to pokriva naš matični studio Segentic.