Ugrás a tartalomra
← Kísérletek
Példa weboldalon2026

Termékoldal hero részecskefelhővel

Egy szoftver nyitóképe, amelyben maga a termék él.

Nehéz · GPU kísérlet: csak kattintásra indul, hogy ne terhelje feleslegesen a gépedet.

Mozgasd az egeret az oldalon: a felhő követi. Kattints és tartsd lenyomva: magához húzza. A márka és a számok szemléltető minták.

Az árajánlatban

Egyedi animáció / motion design

Egyedi animációk, mozgás és interaktív elemek, amelyek megkülönböztetik az oldalt a sablon-hatástól.

60 000 Ft-tól

Ajánlatot kérek ezzel

Egy szoftvertermék nyitóoldala. A felhő a háttérben, a címsor és a gombok előtte: a kurzor eltolja a részecskéket, lenyomva magához húzza őket. Olyan oldalra való, ahol az első benyomás maga a termék.

Technika
  • WebGL 2
  • GPGPU
  • Hero

Hogyan működik

A hero háttere egymillió részecskéig skálázódó GPU-szimuláció, de az oldal szövege és gombjai közönséges HTML, így a tartalom azonnal ott van, a felhő pedig utána indul. Egy sötét, áttetsző sáv tartja olvashatóan a címet, és a felhő nem fut, amikor nem látszik.

Azért jó nyitóképnek, mert nem kép: a látogató rögtön játszhat vele, és ez megmutatja, hogy a cég képes finom, gyors mozgásra. Nehéz kategória, ezért kattintásra indul, és ha a gép nem bírja, a minőség magától csökken. Ugyanez fut kisebb részecskeszámmal telefonon is.

Szeretnél ilyet a saját oldaladra?

A motion és a WebGL a munkám része. Megbeszéljük, mi férne a te oldaladba úgy, hogy közben gyors maradjon.

Árajánlatot kérek
Következő kísérlet
Termékoldal hero részecskefelhővel | KineticForm