Farti conoscere · Social content: grafiche, caroselli e video

Animazioni leggere

Uso e formatoIdea di movimentoAnimazione

Cosa ricevi e quanto costa ↓
Farti conoscere · Social content: grafiche, caroselli e video

Animazioni leggere

Piccole animazioni (logo, scritte, icone) che danno vita ai contenuti.

110 € per asset 140 €

Prezzi di lancio, per gli ordini fino al 15 aprile 2027

Prenota

Prezzi finali. Non paghi niente adesso: dal carrello prenoti, ed è gratuito.

Si paga con bonifico, in tre rate: all'ordine, alla prima versione e alla consegna.

È compreso anche nel pacchetto Lead generation e performance marketing · Completo.

Cosa ricevi

  • Un piccolo elemento animato di 2-6 secondi: logo, testo che entra, icone o post animato
  • Leggero e nel formato giusto per dove lo userai: in codice o Lottie per il sito, oppure video corto per i social
  • Fermo per chi chiede al telefono di ridurre il movimento
  • Lo stesso passo per tutte le animazioni del tuo marchio
  • Le istruzioni per inserirlo, in un file con il codice da copiare e il passo del tuo marchio per le prossime animazioni

Come lo faccio

Un'animazione leggera dà vita a un contenuto senza appesantirlo: dura pochi secondi, guida lo sguardo verso il messaggio e sul sito si ferma per chi ha chiesto al telefono di ridurre il movimento.

  1. Uso e formatoDecido prima dove andrà: sito (in codice o Lottie), social (MP4 o GIF), presentazione.Perché conta: Una GIF pesante sul sito rallenta la pagina; un'animazione in codice sui social non si carica.
  2. Idea di movimentoPropongo 2-3 idee: cosa entra, in che ordine, dove si ferma l'occhio. Scegli tu.Perché conta: Un effetto aggiunto senza idea distrae dal messaggio invece di portarci lo sguardo.
  3. AnimazioneAnimo in 2-6 secondi, spesso in loop, con la stessa curva e la stessa velocità delle altre animazioni del tuo marchio, senza lampeggi.Perché conta: Animazioni con passi diversi fanno sembrare il marchio disordinato.
  4. Riduzione del movimentoSul sito preparo la versione per chi ha attivato «riduci movimento» e una pausa se si muove da sola oltre 5 secondi.Perché conta: Per chi soffre di disturbi vestibolari certi movimenti danno fastidio vero.
  5. Esportazione e provaEsporto nel formato scelto con peso basso e lo provo sul posto: sito, telefono, presentazione.Perché conta: Un'animazione che a schermo grande va bene può scattare su un telefono vecchio.

Le tecniche che uso

Lottie
Un formato di animazione leggero, che sul sito pesa molto meno di un video o di una GIF.
prefers-reduced-motion
L'impostazione del telefono o del computer con cui una persona chiede meno movimento. L'animazione la rispetta.
Easing
Movimenti con accelerazioni morbide, uguali in tutte le animazioni del marchio.
Loop
L'animazione che riparte senza stacco visibile.
WCAG 2.2.2 e 2.3.1
Pausa se il movimento dura oltre 5 secondi, e niente lampeggi oltre tre al secondo.

Cosa comprende il prezzo

Sempre: Per ogni animazione: la scelta del formato, 2-3 idee di movimento, l'animazione di 2-6 secondi, la versione a movimento ridotto se va sul sito, l'esportazione leggera, la prova sul posto e le istruzioni per inserirla.

Fino a: Un elemento (logo, testo che entra, icone o post animato) in un formato; un giro di revisione.

Se serve di più: Un video animato che spiega un concetto è il servizio Motion graphics; il post fermo Graphic design per social; il banner Banner web. L'inserimento nel sito rientra in Aggiornamento contenuti.

La modifica compresa: Ogni servizio comprende un giro di modifiche: guardiamo insieme la prima versione, mi scrivi in un elenco quello che non va e lo riadatto. Le modifiche in più, o le cose aggiunte dopo, si pagano a parte, con il costo scritto prima, nella lettera d'incarico.

La call di presentazione: Una call di presentazione per ordine, che presenta tutte le animazioni insieme: dove si usano e come inserirle.

I controlli prima della consegna
  • La durata è di 2-6 secondi, con il loop pulito se previsto.
  • Nessun lampeggio oltre tre al secondo.
  • Sul web c'è la versione a movimento ridotto e la pausa se dura più di 5 secondi.
  • Il peso è basso e il formato è giusto per l'uso.
  • Il passo è coerente con le altre animazioni del marchio.
Gli errori che evito
  • GIF da 5 MB sul sito: rallenta la pagina.
  • Animazioni diverse per ogni contenuto: il marchio sembra disordinato.
  • Movimento infinito senza pausa su una pagina web.
  • Effetti che distraggono dal messaggio.

Della stessa categoria