Cos'è un creative web-developer (e quando serve)

In breve

• Il comportamento della pagina: sviluppo tempo, movimento, 3D e collegamento con CMS e shop.
• Design e sviluppo separati: design e art direction arrivano dallo studio o dal designer; il mio ambito è lo sviluppo, a Milano o da remoto.
• Non installazione di temi: quando il progetto lo richiede, un tema custom lo costruisco sul design.
• La misura giusta: per una presenza chiara e aggiornabile, senza un motion dedicato, un buon tema o un generalista sono la scelta corretta.
• White label: con agenzie e studi lavoro in white label.

Cosa scrivo, in pratica

Il file arriva, di solito da Figma: griglie, tipografia, una sequenza. Il mio lavoro è trasformarlo in un sito che si carica, si legge e si aggiorna. Il comportamento sta nel codice: quando entra un elemento, come lo scroll lega le sezioni, cosa succede al cambio pagina, cosa resta fermo con il movimento ridotto.

L'ordine:

1. layout alle misure del design;
2. contenuti veri appena esistono;
3. motion solo dove il design lo prevede;
4. scena 3D caricata quando serve.

A consegna il codice è del committente, con repository e accessi.

Motion. GSAP è lo strumento con cui scrivo il tempo della pagina: una timeline sul design, non un effetto da catalogo. Approfondimento: GSAP e scroll storytelling e il servizio siti web animati. Il testo resta in HTML, prefers-reduced-motion è rispettato, le immagini hanno misure reali.

3D. Quando l'oggetto va visto nello spazio: Three.js e React Three Fiber. Cosmic Crisp, con uno studio partner, è Next.js con Prismic e una scena R3F. OTRO, con un designer di riferimento, è un sito custom in Three.js e GSAP. Titolo, testo e link restano nel documento. Approfondimento: esperienze 3D e WebGL.

WebAR. Un oggetto nella stanza da un link, senza app, su pochi prodotti con un modello già pronto. Il caso è Brionvega: WebAR per prodotti. Integro la scena; il modello è di un artista 3D (su Brionvega, un artista 3D esterno).

CMS e shop. Il CMS entra quando qualcuno deve cambiare testi senza toccare il codice, con campi del progetto. Approfondimento: aggiornare i contenuti. Shopify tiene prodotti, prezzi e ordini; la vetrina può essere headless, come su Diesel Farm e NAYT, se il tema non regge il design. Approfondimento: Shopify tema o headless.

Stack. Next.js, Three.js, React Three Fiber, GSAP, Shopify, Prismic. WordPress quando editor e struttura lo chiedono, anche come tema custom. Quasi tutti i siti in questo perimetro sono Next.js con un CMS. Il criterio di scelta è in Next.js o WordPress.

Quando un tema o un generalista è la scelta corretta

Molte richieste non hanno bisogno di questo ruolo. Una presenza chiara — chi siamo, cosa facciamo, contatti, pagine aggiornabili — sta in un buon tema configurato bene. Un front-end generalista chiude un sito marketing, un blog, una brochure. È la misura giusta, non un ripiego.

Lo indico prima di proporre un build custom: costa meno, esce prima, non lascia un sistema più grande di chi lo gestisce. Fattori di costo in quanto costa un sito animato, tempi in quanto tempo serve.

Vale anche per lo shop: un catalogo chiaro con un tema Shopify che regge il design resta nel tema. Su Diesel Farm il tema non reggeva il design dello studio; lì l'headless era il requisito.

Costruire un tema WordPress sul file è sviluppo:

• GreenWaves — Uncode con child theme, GSAP, Lenis, Swiper; con un designer di riferimento.
• POLI.design — per uno studio digitale milanese, tema custom con D3.js e GSAP.
• Wolf VA e Colombo New Scal — temi custom con GSAP e gallerie.

Installare un tema, cambiare i colori e consegnare il login è un altro mestiere. Servo quando il comportamento della pagina è parte del design e va scritto in codice.

White label con studi e agenzie

Gran parte del lavoro arriva da studi e agenzie. Il design resta dello studio, lo sviluppo è mio, il cliente finale parla con lo studio.

• Studio partner: il sito dello studio stesso, Frame by Frame, e Diesel Farm per Brave Wine Company.
• Studio partner: Cosmic Crisp.
• Designer freelance: OTRO.
• Designer freelance: GreenWaves, Colombo New Scal.
• Designer freelance: NAYT.

Il mio nome compare solo se il contratto lo prevede; footer, Awwwards e portfolio si decidono prima. Posso firmare un NDA. Approfondimento: white label con agenzie e sviluppo per agenzie.

Il flusso: file, token, breakpoint; poi Next.js, tema o scena; poi CMS, motion, messa online, consegna. Non faccio project management del cliente finale, salvo accordo. Se manca un designer, lo indico prima e si trova un partner.

Milano, remoto, due lingue

Base a Milano, lavoro da remoto con studi e brand in Italia e all'estero, in italiano e in inglese. Per kickoff, review o consegna ci si vede in città, su appuntamento.

Un sito bilingue è una decisione di contenuti e routing: va prevista, pesa in pagine e revisioni, ma non cambia lo stack. WordPress e Next.js la reggono entrambi. Approfondimento: siti multilingua.

La manutenzione dopo il lancio è un accordo a parte: manutenzione dopo il lancio.

Due menzioni, e cosa provano

Nel 2024 due siti hanno ricevuto una Honorable Mention su Awwwards:

• Diesel Farm — Shopify headless, Next.js, Prismic, GSAP; con uno studio partner per Brave Wine Company.
• OTRO — Three.js e GSAP; con un designer di riferimento.

Due forme diverse: una vetrina e-commerce con il racconto della tenuta, un'esperienza di brand. Una menzione è il giudizio di una giuria su quel sito. Non è una promessa sul progetto successivo né un motivo per aggiungere WebGL a un sito istituzionale. POLI.design era il progetto giusto in WordPress, con D3 e GSAP, senza bisogno di quel tipo di premio.

Domande frequenti

Ti occupi anche del design?

No, dello sviluppo. Il design arriva da studi e designer con cui lavoro. Se manca, si trova un partner prima di partire.

Sei un illustratore, o qualcuno che installa temi?

Nessuno dei due. Scrivo il movimento in codice, sul design di altri. Un tema custom, se il file lo chiede, lo costruisco.

Lavori solo con chi è a Milano?

No. Base a Milano, progetti spesso da remoto, in italiano o in inglese.

Un'agenzia può tenerti white label?

Sì. Crediti, nome in pagina e NDA si fissano prima.

Quando è meglio non scrivermi?

Quando basta un buon tema, quando manca il design e si spera che lo sviluppo lo sostituisca, quando lo shop vive bene nel tema Shopify.

La mia scelta

Il contatto ha senso quando esiste un design, o uno studio, e il sito deve comportarsi in modo preciso: una sequenza, una scena, una vetrina che non può essere un tema, un front-end in white label da Figma alla produzione. Oppure quando la scelta tra WordPress e Next.js è ancora aperta.

Nel primo messaggio sono utili tipo di progetto, stato del design, finestra temporale ed eventuali esigenze di white label o NDA. hello@lucalodi.xyz · Contatti.