Moli Creative Studio
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.
- Rol
- Desarrollo web frontend
- Periodo
- septiembre de 2023 – diciembre de 2023
- Next.js
- Ficheros JSON estáticos
- Vercel
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 (se abre en una pestaña nueva), 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.