J OAN .
  • About Me
  • Skills
  • Projects
  • Contact
EN ES CA

All Projects

A selection of interactive web experiences I've crafted for clients

29 projects
Featured
Mirades
View Project

Mirades

Client: Ara.cat

Interactive platform exploring diverse perspectives.

Next.jsTailwind CSSTypeScript
2024
Featured
Menja sa i sostenible
View Project

Menja sa i sostenible

Client: Generalitat de Catalunya

Educational tool promoting healthy, sustainable eating.

ReactTailwind CSSSCSS
2024
Featured
Infonet FR
View Project

Infonet FR

Client: Infonet France

Corporate site for IT solutions provider.

PHPSCSSBootstrapTwigSymfonyjQueryJavaScriptTypeScript
2024
Featured
Vins Catalans
View Project

Vins Catalans

Client: Generalitat de Catalunya

Campaign site showcasing Catalan wine culture.

Tailwind CSSSCSSPHPJavaScriptGSAP
2024
Featured
Mapa de districtes de Barcelona
View Project

Mapa de districtes de Barcelona

Client: Ajuntament de Barcelona

Interactive map of Barcelona's districts.

PHPJavaScriptSCSSGSAP
2023
Featured
Qui habita el fons marí del Port de Barcelona
View Project

Qui habita el fons marí del Port de Barcelona

Client: Port de Barcelona

Interactive exploration of marine life at Barcelona's Port.

Astro.jsSCSSGSAP
2024
Memoria Interactiva 2023
View Project

Memoria Interactiva 2023

Client: Greenalia

Interactive sustainability report for Greenalia FY2023.

PHPSCSSJavaScript
2023
Petits negocis, grans xifres
View Project

Petits negocis, grans xifres

Client: CaixaBank

Interactive infographic showing MicroBank's economic impact.

PHPJavaScriptTailwind CSS
2024
Si ets LGTBI tens una xarxa a prop
View Project

Si ets LGTBI tens una xarxa a prop

Client: Generalitat de Catalunya

Interactive map to locate nearby LGBTI+ support networks.

PHPJavaScriptTailwind CSS
2023
Telèfon Asil
View Project

Telèfon Asil

Client: CCAR

Interactive report on asylum seekers' challenges in Catalonia.

PHPJavaScriptTailwind CSS
2023
Saps reciclar bé?
View Project

Saps reciclar bé?

Client: Generalitat de Catalunya

Interactive quiz testing knowledge on proper recycling.

PHPJavaScriptTailwind CSS
2023
Assetjament escolar
View Project

Assetjament escolar

Client: Generalitat de Catalunya

Interactive guide for parents on school bullying.

PHPJavaScriptSCSSGSAP
2023
Tu també pots ser mecenes cultural
View Project

Tu també pots ser mecenes cultural

Client: Generalitat de Catalunya

Interactive campaign encouraging cultural patronage.

PHPJavaScriptSCSSGSAP
2023
Quin és el teu grau de soledat?
View Project

Quin és el teu grau de soledat?

Client: Sant Joan de Déu

Interactive quiz to measure your level of unwanted loneliness.

PHPJavaScriptSCSSGSAP
2023
Presentació CCCB
View Project

Presentació CCCB

Client: CCCB

Interactive site introducing the CCCB's mission and activities.

Astro.jsReactSCSSTypeScript
2024
Així està canviant el Port de Barcelona
View Project

Així està canviant el Port de Barcelona

Client: Port de Barcelona

Interactive report on Port of Barcelona's clean energy transition.

PHPJavaScriptSCSSGSAP
2023
Triar carrera
View Project

Triar carrera

Client: Universitat de Girona

Interactive quiz helping students choose a university degree.

Astro.jsReactTailwind CSSSCSS
2024
Ofimòbils
View Project

Ofimòbils

Client: CaixaBank

Interactive report on CaixaBank's mobile banking offices.

Astro.jsReactTailwind CSSSCSSGSAP
2024
No perquè passi lluny, deixa de passar
View Project

No perquè passi lluny, deixa de passar

Client: CCAR

Interactive campaign against EU border externalization policies.

Astro.jsReactTailwind CSSSCSSGSAP
2024
Cinc remeis a cinc maldecaps
View Project

Cinc remeis a cinc maldecaps

Client: Banc Sabadell

Interactive guide offering solutions to common business challenges.

Astro.jsReactTailwind CSSSCSSGSAP
2024
Digues qui ets i et direm què pots estudiar
View Project

Digues qui ets i et direm què pots estudiar

Client: UOC

Quiz helping students identify suitable studies.

Astro.jsReactTailwind CSSSCSSGSAP
2024
Subscripcions ARA
View Project

Subscripcions ARA

Client: ARA

Page to subscribe to ARA newspaper.

Next.jsReactTypeScriptTailwind CSSSCSS
2024
Mercadona
View Project

Mercadona

Client: Mercadona

Interactive report on Mercadona's local sourcing in Catalonia.

Astro.jsReactSCSSGSAP
2024
Descobreix ARA
View Project

Descobreix ARA

Client: ARA

Interactive subscription page for ARA newspaper.

Next.jsReactTypeScriptTailwind CSSSCSS
2024
Quin tipus de veïna ets
View Project

Quin tipus de veïna ets

Client: Bassols Energia

Quiz to discover your neighbor type and energy habits.

Astro.jsReactSCSSGSAP
2024
Recuperar el lideratge econòmic de Catalunya
View Project

Recuperar el lideratge econòmic de Catalunya

Client: Generalitat de Catalunya

Interactive report on Catalonia's economic recovery strategy.

Astro.jsSCSSGSAP
2024
Guia d'ajuts per a l'habitatge
View Project

Guia d'ajuts per a l'habitatge

Client: Generalitat de Catalunya

Comprehensive guide to housing assistance programs.

Astro.jsSCSSGSAP
2024
Habitatge jove
View Project

Habitatge jove

Client: Generalitat de Catalunya

Interactive tool for young people seeking housing solutions.

Astro.jsSCSSGSAP
2024
Ciberfraus a la gent gran
View Project

Ciberfraus a la gent gran

Client: CaixaBank

Educational campaign on cybersecurity for seniors.

Astro.jsReactSCSSGSAP
2024

No projects found with the selected technology.