6 lahedat interaktiivse veebisaidi tausta ja kuidas neid luua

Pange oma külastajaid 25% kauem teie lehel püsima, vähendage põrkemäära ja pange inimesed tänu interaktiivsele veebisaidi taustale teie veebisaidile tagasi tulema.

Teie veebisait on teie peamine väljapanek ja see peaks kajastama teie kultuuri parimal võimalikul viisil. Lisaks on see ka teie peamine eesmärk meelitada külastajate tähelepanu, innustada neid, meelitada neid teie ettevõtte vastu huvi tundma, tutvustades samal ajal oma tooteid ja / või teenuseid. Selle olemasolu jaoks on mitu võimalust ja üks neist on interaktiivse veebisaidi tausta loomine. Tõepoolest, sellisel efektil on mitu eelist: suurendades lehele kulutatud aega 25%, vähendades keskmist põrkumismäära kuni 35% ja seega pannes inimesi teie veebisaidile tagasi tulema (+ 40% tagasipöördunud kasutajate määr).

Selles artiklis keskendume 6 näitele, kasutades veebisaitide suurepäraseid ja tõhusaid interaktiivseid taustu ning ehitame neid erinevate meetoditega. Avastame nad!

1. Veritystudios, helendavad osakesed

Brändide universumi loomine on tänapäeval nii B2C kui ka B2B äri üks peamisi prioriteete ja enne kui agentuuris liiga palju kulutate, saate oma universumile anda ainest, millel on lihtsalt taust.

Veritystudios veebisait, kasutades Three.js

Verity ei müü ainult siseruumides kasutatavaid droonilahendusi, vaid ka maagiat. Nad kujundasid interaktiivse tausta, kasutades kohandatud koodi, et külastajad seda tunnetaksid. Osakesed liiguvad ja valgus sünkroniseeritakse, andes laheda sügavusefekti ja hiire liigutamisel taustal kerge animatsiooni. Koodkeelte (nt BabylonJS või Three.js) kasutamine võimaldab luua oma kogemuse, mis sobib ideaalselt atmosfääriga, mida soovite pakkuda, kuid nõuab rohkem tehnilisi võimeid.

2. HD Rain paneb vihma ️

Tavaliselt on taustad abstraktsed, kunstiteosed ja kujundid. Kuid mõnikord muutub see reaalsemaks ja kui see sobib ettevõtte tegevusega, loob see hämmastava kogemuse.

HD-Rain pakub oma veebisaidil Naker.Backi vihmase efekti

HD Rain on ilmaprognoosiga startup, mis asub Pariisis StationF-is ja tahtis nende veebisaidile kogemusliku tõuke anda, et ilm jälle jahedaks muutuks!

Kasutades meie sõlme ja tasuta tööriista Naker.Back interaktiivse tausta loomiseks lihtsalt ikoonist, sadas vihm vähem kui 5 minutiga loomisest kuni manustamiseni ja selle tulemusel suurenes kulutatud aeg ja kasutajate naasmine!

3. Fabio Lamanna võrgud

Veebisaidi on loonud Fabio Lamanna, kasutades rakendust Particle.js

Logo kasutamine oma tausta inspiratsioonina on alati hea mõte. Suur veebikogemus ei ole mitte ainult erinevate asjade summa, vaid ka ühtne kombinatsioon. Sel juhul kasutas Fabio lamanna osakeste efektide loomiseks hästi JS-i teeki Particle.js, mis on tuntud oma toredate võrguefektide poolest.

See on ülitõhus eelkõige seetõttu, et Fabio töötab transpordivõrkude valdkonnas. Interaktiivne taust on tema veebisaidi / portfelli koogi jäätumine!

4. Lenda taevas!

2020. aastal veebis liikudes vajate mõnikord pausi. Kõik need välimuselt sarnased veebisaidid, kõik need turundus-hüpikaknad ja kõik… Nii et sulgete silmad, olete pilvede kohal ja lendate taevas!

Interaktiivne taevas, kasutades Vanta.js

Kuid võite külastada ka veebivooga tehtud interaktiivset taevast koos Vanta.js-ga! See hämmastav lavastus on poeetiline paus, mis näitab teile, kui kaugele me võime taustaga minna. Vanta.js oli Strikingly kuttide tehtud projekt ja see on mallide loetelu, nagu see, mille manustate mõne rea koodiga.

5. Minu mullid, mu mullid! 🧼

Kui olete kunagi näinud Nemo leidmist, teate mõnda kala (ma arvan, et see on sama ka inimestele) armumullid. Miks mitte neid oma veebisaidil kasutada?

DDNA, kasutades kohandatud koodi nende interaktiivseks taustaks

DDNA on juveeliettevõte, kes otsustas mängida kuju ja värviga, et saada väga minimalistlik, kuid tõhus veebisaidi taust. Mullid, kes suudavad mingil moel kujutada tulevaste juveelide vaimu, hõljuvad mõnusate värvide ja laheda varjeefektiga ekstaasis (nii et ÄRGE JÄTKE MITTE NÜÜD). Tegelikult pole see tavaline juveelide veebisait, mida olete harjunud külastama, sellepärast mäletate neid!

6. Damiani e universum

Tavaliselt öeldakse, et kogemuse loomine tähendab universumi loomist. Võib-olla on astronoomia paljude disainerite jaoks üsna tavaline inspiratsiooniallikas.

Damian Devosi ruumiline kujundus, hoides selle taustpilti Naker.Backi osakestega

Kuid silma paistmiseks otsustas Damian Devos anda oma tähtedele interaktiivse tõuke, luues kohe wow-efekti ja andes oma kodulehel sügavustunde. See on ka viis sellisel portfellil näidata disainerite tehnilisi võimalusi. See taust tehti ka Naker.Backi abil, kasutades tärnikooni, neile kahte erinevat suunda ja hiire tundlikkuse lisamist - seda kõike ülikiirelt ja tasuta.