Sfoglia categorie
Esplora
Fiverr Pro
Italiano
$
USD
Costruirò un sito web animato guidato dallo scroll con gsap e webgl
Ataberk
Informazioni su questo servizio
Traduzione automatica.
LA MAGGIORE PARTE DEI SITI WEB SCORRE. POCHE SI MUOVONO.
Capisci la differenza nel momento in cui ne visiti uno. Una sezione si ferma mentre la storia continua. Un prodotto gira mentre scorri e torna indietro quando scorri verso l'alto. Arriva invece di apparire.
Questo è quello che costruisco. Movimento legato alla posizione dello scroll, non a un orologio, sezioni fissate, timeline scrubbed, gallerie orizzontali guidate dallo scroll verticale, rivelazioni di testo mascherate, WebGL quando l'idea lo merita.
Pila: GSAP + ScrollTrigger, Lenis, Three.js, JS vanilla o Next.js. Niente page builder, niente template.
VIALA PRIMA
In esecuzione qui: ataberkyildiz.netlify.app
Scorri. Questo è il vero lavoro, non un mockup.
PERCHÉ LA MAGGIORE PARTE DEI SITI ANIMATI FALLISCE
Ogni elemento ha la sua rivelazione, cinque effetti si sovrappongono su uno schermo, e sembra solo rumore. Movimento senza gerarchia è solo movimento.
Perciò lavoro entro un limite: due o tre mosse signature per sito, scelte per la storia. Tutto il resto rimane fermo apposta.
Ogni progetto viene consegnato con un budget di performance e supporto completo a riduzione del motion. Il movimento dovrebbe sembrare costoso, non farlo costare caro.
PRIMA DI ORDINARE
Mandami un sito di riferimento che ti piace. Ti dirò come è costruito e quanto costa realmente. È gratuito.
Rispettare i diritti di terzi
Ricorda che è contrario alle politiche di Fiverr per i freelance includere temi, modelli o qualsiasi altro elemento che violi i diritti di terzi o le leggi applicabili nell'opera consegnata. Per saperne di più, consulta Guida alla creazione digitale responsabile.
Scopri di più su Ataberk
Ataberk
I build websites that move when you scroll
- DaTurchia
- Membro dalug 2026
- Tempo di risposta medio1 ora
Lingue
Inglese
I build websites that make people stop scrolling - and then keep scrolling.
Pinned sections that hold while the story moves. Animation bound to scroll position, not to a clock. Smooth inertial scrolling, split-text reveals, horizontal galleries, WebGL scenes that react to the cursor.
Stack: GSAP + ScrollTrigger, Lenis, Three.js / React Three Fiber, Next.js.
Every build ships with a performance budget and reduced-motion support. Motion should feel expensive, not run expensive.
Send me a reference site you like and I'll tell you how it's built.
Traduzione automatica.
Il mio portfolio
Altri servizi della categoria Sviluppo di siti web offerti da me
FAQ
Traduzione automatica.
Funzionerà sui dispositivi mobili?
Sì, e non riducendo la versione desktop. Sequenze di scroll pesanti vengono sostituite con equivalenti più leggere su schermi piccoli — una scena WebGL pinata diventa una composizione statica con una semplice rivelazione. Il movimento che sembra di alta qualità su un laptop sembra rotto su un telefono, quindi sono progettati separatamente.
Tutto questo movimento rallenterà il mio sito?
Solo se è costruito male. Animano esclusivamente transform e opacity, che rimangono fuori dal main thread e non triggerano layout. Le risorse sono dimensionate e caricate lazy. Faccio una verifica delle performance su Standard e Premium e ti mostrerò i numeri.
È necessario fornire contenuti e immagini?
Per il miglior risultato, sì — testi reali e fotografie vere superano sempre i placeholder. Se ancora non li hai, posso costruire con placeholder strutturati e sostituirli in seguito, ma un sito è tanto buono quanto il contenuto che contiene.
Cosa ti serve da me per iniziare?
1. Un sito di riferimento o due che ti piacciono 2. I tuoi contenuti — testi e immagini, o una nota che arriveranno 3. Quali sezioni ti servono 4. Dove sarà ospitato È tutto. Tornerò con il piano di motion prima di scrivere qualsiasi codice.
Cosa succede se un visitatore ha sensibilità al movimento?
Ogni progetto rispetta prefers-reduced-motion. Quando è attivo, il pin e lo scrub si spengono e il contenuto rimane fermo, completo e leggibile. Non è un ripensamento — fa parte del progetto.
Usi AI nel tuo processo?
Sì, come strumento — per scaffolding e iterazione. La direzione artistica, le decisioni sul movimento e la lavorazione finale sono mie, e ogni progetto è fatto apposta per il tuo brand. Felice di mostrarti esattamente dove viene usato.
