Cada decisión tiene un por qué.
Esta página es la cocina visible del estudio. La mayoría de los visitantes no la necesitarán. Si has llegado aquí, probablemente trabajas con tecnología y quieres saber cómo está hecho este sitio y qué hay detrás. Aquí lo explicamos sin acrónimos innecesarios.
Sitios estáticos, ligeros y fáciles de mantener.
La web se genera estáticamente: cada cambio compila todos los documentos HTML y los sube al CDN. No hay base de datos, ni servidor que pueda caerse, ni capa de cache que se quede obsoleta. La consecuencia práctica es la previsibilidad: el sitio responde igual a todos, ya sea desde Centelles, desde Madrid o desde Buenos Aires.
Presupuesto de rendimiento.
Ninguna página supera 100 KB de JavaScript ni 250 KB de CSS, y la primera pintura útil debería llegar antes de los 1.5 segundos en conexión 4G de calidad baja. Los objetivos Core Web Vitals — LCP < 2.5 s, INP < 200 ms, CLS < 0.1 — se vigilan en cada publicación con una medida Lighthouse.
La tabla siguiente es una instantánea versionada en el repositorio (API
de PageSpeed, estrategia móvil). Puede regenerarse con pnpm lighthouse:update y la
variable de entorno PAGESPEED_API_KEY
; así las puntuaciones públicas quedan alineadas con la versión de
producción sin depender de este navegador.
| Página | Rendimiento | Accesibilidad | Buenas prácticas | SEO |
|---|---|---|---|---|
| Portada · catalán | 93 | 96 | 100 | 100 |
| Portada · castellano | 92 | 96 | 100 | 100 |
| Archivo fotográfico | 73 | 96 | 100 | 100 |
| Casos web | 93 | 92 | 100 | 100 |
| Colofón | 95 | 96 | 100 | 100 |
Medición vía Google PageSpeed Insights API v5, estrategia mobile . Última actualización: .
WCAG 2.2 AA por defecto.
Cada página cumple los criterios WCAG 2.2 nivel AA: contraste
suficiente, foco visible con anillo bermellón, salto al
contenido, jerarquía única de cabeceras y navegación con
teclado. La API
prefers-reduced-motion
se respeta siempre — si la preferencia es reducida, las
animaciones del slogan, los marquees y el reading mode quedan
inhibidos.
- Modo de lectura disponible en las galerías de fotografía (5 s de inactividad).
- Navegación con teclado completa: Tab, Esc, flechas, Enter.
- Lightbox accesible con diálogos nativos (
<dialog>). - Todos los enlaces externos llevan
rel="noopener".
Dirección humana, ejecución asistida.
Trabajo con asistentes de código y de imagen para cubrir la parte más mecánica de la producción; no para acortar el criterio. El criterio editorial — la voz, la jerarquía, la decisión de qué enseñar y qué quitar — es siempre mío. Ninguna copia se publica sin revisión. Ninguna fotografía firmada como obra mía viene de una IA: las series de fotografía editorial son propias, capturadas con cámara de 35 mm y tratadas con luz presente.
Los casos web etiquetados como Concept · 2026 son propuestas presentadas a los clientes y pendientes de firma. Cuando un proyecto se publique con el cliente, la etiqueta pasará a En producción y se añadirá la URL pública verificada.
Esta división — dirección humana, ejecución asistida — es deliberada. La defensa es sencilla: el resultado lo firmo yo y respondo de él.