# Moli Creative Studio

- Autor: Alex Cantón
- Rol: Desarrollo web frontend
- Periodo: 2023-09 a 2023-12
- Tecnologías: Next.js, Ficheros JSON estáticos, Vercel
- URL canónica: https://alexcantongarcia.es/proyectos/moli-creative-studio
- Sitio: https://www.molicreativestudio.com/

> Web portfolio de una agencia creativa 360 con foco en sostenibilidad, creada desde cero con Next.js a partir del diseño en Figma de la diseñadora.

## Contexto

Moli Creative Studio es una agencia creativa 360 con foco en sostenibilidad. Necesitaba una web portfolio que mostrara su trabajo y su forma de entender el diseño.

## Qué hice

Construí la web desde cero a partir del diseño en Figma de la diseñadora. El proyecto se desarrolló entre septiembre y diciembre de 2023.

## Decisiones técnicas

- **Componetización de páginas y secciones**: cada bloque del diseño se convirtió en un componente reutilizable, para que la web fuera fiel al Figma y fácil de mantener.
- **Contenido en ficheros JSON estáticos**: la web es Next.js con los contenidos en JSON y se despliega en Vercel.
- **Fidelidad al diseño** como criterio principal: el trabajo consistió en traducir con cuidado el diseño original a código.

## Medición propia

Medido con Lighthouse 13.5.0 el 11 de octubre de 2026 sobre la portada de [molicreativestudio.com](https://www.molicreativestudio.com/), con la mediana de tres ejecuciones. Es una medición propia del estado actual de la web, no un dato aportado por el cliente.

| Dispositivo | Rendimiento | Accesibilidad | Buenas prácticas | SEO |
| --- | --- | --- | --- | --- |
| Móvil | 99 | 87 | 100 | 100 |
| Escritorio | 100 | 94 | 100 | 100 |

En móvil, el contenido principal tarda 2,0 s en pintarse (LCP) y el desplazamiento de diseño acumulado (CLS) es 0.