Frame by Frame
Sito di una società indipendente di creatività, tecnologia e media, con oltre 35 anni di esperienza cinematografica.
Next.js e Prismic, GSAP, Lenis, Swiper.
Scheda.
Frame by Frame, sito in Next.js e Prismic
Editoriale, progetti, struttura dello studio e contatti da CMS, su una codebase condivisa da più brand del gruppo.
Contesto & brief
Restyle del sito di Frame by Frame (frame.it), società indipendente di creatività, tecnologia e media. Il sito presenta editoriale, progetti, unit e reparti, e integra un form di contatto. Tutti i contenuti sono gestiti in Prismic (Next.js e CMS headless) e si aggiornano direttamente dai campi (aggiornare i contenuti).
Cosa ho sviluppato
- Struttura dei contenuti: pagine e slice Prismic per home, editoriale, progetti e organizzazione dello studio.
- Form di contatto: smistamento automatico verso i reparti e conferma all'utente, con template email per brand e lingua, inviati tramite l'SMTP del cliente.
- Motion: GSAP, Lenis e Framer Motion (siti web animati) per hero, marquee e transizioni; slider Swiper e video.
- Lingue: inglese pubblico, italiano predisposto. Le traduzioni sono visibili in anteprima e restano escluse dall'indicizzazione fino alla pubblicazione.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js 14 |
| CMS | Prismic |
| Motion e 3D | GSAP, Lenis, Framer Motion, Swiper |
| E-commerce e pagamenti | — |
| Analytics / osservabilità | — |
| Servizi e hosting | Vercel |
Decisioni chiave & trade-off
Una codebase per più brand
Gli altri brand del gruppo condividono lo stesso codice, ciascuno con il proprio progetto Prismic e il proprio deploy. Un unico ciclo di manutenzione.
SMTP del cliente
Al posto di un servizio email esterno: l'invio resta sotto il controllo dell'azienda.
Crediti & riconoscimenti
Sviluppo: Luca Lodi. Cliente: Frame by Frame.
Con lo studio ho sviluppato anche Villa Brasini, Diesel Farm e Josetta Saffirio.
frame.it — Next.js 14, Prismic, Vercel.
Servizi collegati: siti web animati · Next.js e CMS headless · Guida: aggiornare i contenuti da solo
Stack
Headless, Next.js, Prismic CMS, GSAP, Lenis, Framer Motion, Swiper