Maoten
Sito di una rete creativa e piattaforma di candidatura per i talent: archivio, profili, servizi.
Next.js, Prismic, Three.js / React Three Fiber, GSAP, Lenis. Italiano e inglese.
Scheda.
Maoten, sito in Next.js e Prismic per una rete creativa
Archivio, profili e pagine in italiano e inglese, da Prismic. Elementi 3D e transizioni di pagina.
Contesto & brief
Sito di Maoten (maoten.global), rete creativa multidisciplinare con base a Milano, che mi ha contattato in diretto. Il sito riunisce archivio, profili, servizi e cultura, in italiano e inglese.
Cosa ho sviluppato
- Contenuti in Prismic: home, archivio, progetti, talenti, servizi, cultura, contatto.
- Multilingua: italiano e inglese con slug tradotti (
/it/talenti,/en/talents;/it/archivio,/en/archive). - Archivio filtrabile e schede progetto. In sitemap: 66 progetti e 28 profili freelance.
- Elementi 3D in Three.js con React Three Fiber: esperienze 3D e WebGL.
- Navigazione e motion: transizioni di pagina senza ricaricamento, motion in GSAP, scroll Lenis.
- Admin su misura per la gestione delle candidature dei freelance.
Servizi: Next.js e CMS headless, siti multilingua, siti web animati.
Altri siti in Next.js e Prismic: Villa Brasini. Altro sito in italiano e inglese: Contraste Milano.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js, React |
| CMS | Prismic |
| Motion e 3D | GSAP, Lenis, Three.js, React Three Fiber |
| E-commerce e pagamenti | — |
| Analytics / osservabilità | — |
| Servizi e hosting | Vercel, Cloudflare |
Decisioni chiave & trade-off
Slug tradotti
Un URL dedicato per ogni lingua, non le stesse stringhe sulla stessa pagina.
Navigazione senza ricaricamento
Il passaggio tra le pagine resta fluido e continuo.
Area riservata esclusa dall'indice
I contenuti per gli utenti registrati sono protetti, non solo nascosti nell'interfaccia.
Crediti & riconoscimenti
Cliente: Maoten. Sito e piattaforma talent: Luca Lodi.
maoten.global — Next.js, Prismic (maoten), Three.js, React Three Fiber, GSAP, Lenis, Vercel, Cloudflare.
Servizi collegati: Next.js e CMS headless · siti multilingua · siti web animati · esperienze 3D e WebGL · Guida: quanto costa un sito web animato o 3D
Stack
Next.js, Prismic, Three.js, React Three Fiber, GSAP, Lenis