giu 2025・ancora in corso・83 visualizzazioni
Green Media Lab: sito in tre lingue con portfolio su Payload
Frontend・
Headless CMS
Tecnologie:
Next.js
Tailwind CSS
Payload CMS
GSAP
Shadcn UI
tRPC
Vercel
Tanstack Query
Zod
Typescript
MongoDB
Resend
Internationalization
Case study
- Il mio ruolo
- Ho sviluppato la nuova versione del sito in Next.js e Payload CMS, con il team di sviluppo di Ride On.
- Durata
- Iniziato a giugno 2025
Il problema
Green Media Lab voleva un sito nuovo in tre lingue, con un portfolio che il team aggiorna e ordina da solo, senza perdere le visite che arrivavano ai vecchi indirizzi.
Cosa ho fatto e perché
- Portfolio su Payload: lavori, categorie e unità operative dal CMS, con un ordine manuale che si riallinea da solo quando un lavoro si sposta o si elimina.
- Tre copertine per lavoro: quadrata, orizzontale e verticale, scelte in base al layout.
- Tre lingue con URL tradotti: next-intl, con percorsi diversi per ogni lingua.
- Redirect dal vecchio sito per gli indirizzi già indicizzati.
- Animazioni GSAP allo scroll e sulla griglia dei partner.
Risultati
- 3 lingueitaliano, inglese e spagnolo
- 3 formatidi copertina per ogni lavoro
- Ordine manualedei lavori deciso dal team
Stack in evidenza
- Next.js
- Payload CMS 3
- MongoDB
- tRPC
- next-intl
- GSAP
- Resend
- Tailwind CSS
Hai un progetto simile? Parliamone.
ScrivimiIl team di Green Media Lab pubblica i lavori dal CMS e decide l'ordine in cui compaiono. Ogni lavoro ha tre versioni della copertina (quadrata, orizzontale e verticale), così la griglia resta ordinata su ogni schermo. Le pagine hanno indirizzi tradotti nelle tre lingue, e i vecchi URL reindirizzano a quelli nuovi per non perdere il posizionamento.
Cosa porto a un'agenzia o a una PMI da questo progetto
- Un sito multilingue con URL tradotti e redirect dal sito precedente.
- Un portfolio che il cliente ordina e aggiorna da solo.
- Animazioni allo scroll con GSAP, dalla griglia dei partner alle transizioni tra le sezioni.
Realizzato per Green Media Lab in collaborazione con Ride On
Visita:
