Home · Web & Design
Servizi

Web, motion, 3D e design.

Un sito non è una brochure digitale: è il primo commerciale che lavora senza pause, di notte e nei festivi. Qui c'è cosa comprende ogni servizio, cosa consegniamo e con quali tecnologie.

01

Web Experiences

Landing page, micrositi, siti corporate con scroll storytelling. Niente template, niente scorciatoie.

Un sito costruito sulla vostra identità si riconosce nei primi tre secondi. Uno costruito su un template si riconosce nei primi due.

Partiamo da come arriva il vostro cliente — una ricerca su Google, un passaparola, un volantino, un profilo social — e da cosa deve trovare subito. Un'officina meccanica e una trattoria hanno bisogni opposti: la prima deve dimostrare capacità produttiva a un ufficio acquisti, la seconda deve far venire fame e far telefonare. La struttura del sito nasce lì, non da una griglia preconfezionata.

Cosa comprende

Design su misura con animazioni legate allo scroll, non effetti applicati sopra
Costruzione mobile-first e ottimizzazione per punteggi Lighthouse elevati
Hosting su CDN globale, HTTPS, impostazione GDPR-ready con privacy e cookie policy
Testi lavorati insieme a voi: scriviamo noi la prima versione, la correggete voi
Formazione all'uso e video tutorial registrati, così non dipendete da noi per una modifica
Supporto post-lancio incluso

Tecnologie

GSAPTHREE.JSNEXT.JSNETLIFYVERCEL
02

Motion Design

Animazioni UI, scroll effects, microinterazioni, transizioni di pagina.

Il movimento racconta il brand prima che il testo convinca.

Una microinterazione ben fatta non è decorazione: riduce il tempo che serve a capire l'interfaccia. Un bottone che reagisce dice che è cliccabile; una transizione morbida dice dove si è finiti; un'animazione d'ingresso stabilisce il tono prima della prima riga di testo. Il confine è la misura — tutto ciò che rallenta la lettura è un errore, non uno stile.

Cosa comprende

Scroll storytelling con GSAP ScrollTrigger, sezioni che si costruiscono mentre si scorre
Animazioni di caricamento e transizioni fra le pagine
Micro-interazioni su bottoni, form, menu e stati di errore
Export Lottie per animazioni leggere anche su connessioni lente
Rispetto delle preferenze di accessibilità: chi imposta la riduzione del movimento vede una versione statica corretta

Tecnologie

GSAPLOTTIEFRAMERCSS
03

3D & WebGL

Scene Three.js, shader personalizzati, particle system, ambienti 3D nel browser.

Tecnologia da videogioco applicata al web, senza far scaricare nulla a chi guarda.

WebGL trasforma il browser in un motore 3D: un prodotto che ruota e si configura, un ambiente in cui entrare, un hero che respira. Ha senso quando il prodotto va capito guardandolo — un componente meccanico, una montatura, un interno — e quando l'obiettivo è restare in mente. Se non aggiunge nulla, lo diciamo e non lo facciamo.

Cosa comprende

Scene Three.js con shader GLSL scritti su misura
Particle system e geometrie procedurali
Asset 3D modellati in Blender e ottimizzati per il peso web
Configuratori di prodotto con varianti di materiale e colore
Compatibilità cross-browser e versione alternativa per dispositivi che non reggono il 3D

Tecnologie

THREE.JSGLSLR3FWEBGPUBLENDER
04

Marketing & Design

Brand identity, materiali pubblicitari, social visual, campagne print e digital.

Un brand coerente su ogni punto di contatto vale più di qualsiasi campagna isolata.

Il sito è un punto di contatto fra molti: il biglietto da visita, il preventivo, l'insegna, il post su Instagram, il catalogo che lasciate al cliente. Se parlano lingue diverse, il messaggio si disperde. Lavoriamo perché siano riconoscibili come la stessa azienda, anche a colpo d'occhio.

Cosa comprende

Logo, palette, tipografia e tono di voce
Brochure, cataloghi, schede prodotto e materiali commerciali
Template social per Instagram, LinkedIn e Meta Ads, pronti da riempire
Creatività per campagne Google Display e Meta, nei formati richiesti
Linee guida scritte, così chiunque lavori con voi resta in linea

Tecnologie

FIGMAILLUSTRATORBRANDPRINTSOCIAL
Il laboratorio

Tre cose che si spiegano meglio toccandole.

Il motion design raccontato a parole è aria. Questi tre riquadri sono gli stessi comportamenti che finiscono nei siti che costruiamo — muovi il puntatore, clicca, guarda come reagiscono.

Puntatore

Bottoni che ti vengono incontro

L'elemento reagisce prima del click. Dice che è vivo, e riduce il tempo che serve a capire dove cliccare.

Le parole entrano una alla volta, e la frase si costruisce davanti a chi legge.
Scroll

Testo che si compone

Lo stesso effetto che usiamo sui titoli di questo sito: l'occhio segue la costruzione invece di subire un blocco di testo.

Campo

Campi che rispondono

Centinaia di elementi che reagiscono al puntatore a sessanta fotogrammi al secondo. È il principio dietro il campo che vedi nella home.

Partiamo da qui

Raccontaci cosa deve fare il sito.

Una call per capire il progetto, poi una proposta a perimetro definito. Nessun impegno fino a quel punto.

KINETIX AI

Ciao! Sono l'assistente di KINETIX.LAB. Raccontami che attività hai e cosa vorresti migliorare: ti dico come possiamo aiutarti.