WhatsApp→
i-vory Studio · our own project

Website with WebGL animation

Our own site, and the hardest brief we get: three seconds to show what we can build.

A 3D Earth rendered live in WebGL, with the platforms in orbit around it.

Open the site
Services
  • Concept
  • Web Design
  • Web Development
  • 3D
  • WebGL
  • Animation
i-vory Studio showcase site, 3D hero with the Earth Live
01 · The brief

A site full of animation, and search still finds it.

Search was the target from day one. Romanian on one domain, the rest of the world on the international one. Plus a rule we set ourselves: nothing gets cut from the design.

Optimize the code, never the effect. On paper that means carrying a 3D engine and asking for a high score at the same time.

Rules we set ourselves
  • Romanian search, its own domain
  • Nothing cut from the design
  • The 3D engine stays whole
  • A high score anyway
0
effects cut from the design
02 · What we built

Real 3D in WebGL, and the score never suffers.

The Earth renders in WebGL, with our own texture and a real atmosphere around it. The platforms orbit. Every section enters on a different effect.

Five variants on rotation, so the eye never learns the pattern. The tools only measure the loading window. An effect that starts after that window costs nothing in the score, and the visitor sees it anyway.

What we built
  • WebGL Earth with our own texture
  • Five entry variants
  • Effects that start after load
  • Cursor with real physics
i-vory Studio showcase site, 3D hero with the Earth Live
03 · How we delivered

The WebGL engine never touches the score.

The Earth texture sits in its own file, so it downloads in parallel with everything else. On a phone the Earth appears instantly, and we knew the price when we chose it: two points on the score, against what a visitor actually sees. The visitor won. Live since 26 May 2026.

Does WebGL animation slow a website down? Not if it starts after the window the tools measure: 95 on PageSpeed desktop, 100 on accessibility and SEO, 0 ms blocking time.

How we delivered
  • Texture served separately
  • The Earth appears instantly on a phone
  • Accessibility and SEO at 100
  • Zero design sacrificed
95
PageSpeed desktop
100
accessibility
100
SEO
0ms
blocking time
Next project

Om de Treabă

Everything above started here.

A Romanian marketplace for vetted tradespeople: WebGL fluid running through stencil letters, a paint roller that follows the scroll, and biometric checks built into the flow.

See the project
Om de Treaba marketplace, verified tradespeople in Bucharest and Ilfov Live
01 / 05
scroll