Caso de estudio / Archivo fotográfico editorial
Un archivo fotográfico bilingüe donde obras individuales y series curadas forman un recorrido con interacción accesible.
Resumen
raw.vives convierte una colección fotográfica en un producto editorial estático. La home ordena el relato, el archivo facilita encontrar imágenes y las series mantienen continuidad entre páginas sin sacrificar URLs reales ni navegación directa.
Las fotografías se percibían como piezas aisladas, con repeticiones y una entrada visual demasiado uniforme. El reto fue dar función a cada imagen y construir continuidad sin convertir el sitio en una demostración de efectos.
Diseño de interfaz, dirección de arte, arquitectura frontend, modelado de contenido, curación, interacción, accesibilidad, SEO localizado, tests y CI/CD.
Stack verificado
01 / Editorial
Una dirección editorial en negro y marfil deja que la fotografía sea la interfaz. La curación asigna una función exclusiva a hero, historia, capítulos y trabajo seleccionado; una gramática limitada de máscaras, escala suave y transiciones contextuales aporta ritmo sin ocultar contenido.
Next.js App Router genera rutas localizadas y estáticas. Los datos centrales resuelven fotografías, series y navegación; el archivo combina búsqueda, categorías y orden editorial; las fichas mantienen fullscreen, anterior/siguiente y contexto ?series= con fallback global.
Tres secuencias manuales agrupan relaciones auténticas o afinidades editoriales documentadas. Cada fotografía conserva su ficha y, cuando se abre desde una serie, anterior, siguiente y retorno siguen ese orden.
GitHub Actions valida tipos, lint, 67 tests, build y exportación antes de desplegar el sitio estático en Cloudflare Workers con un token limitado al Worker y su ruta.
Producto publicado
Accesibilidad, rendimiento y SEO
Retos, decisiones y compromisos
Se priorizaron relaciones fotográficas verificables, una única configuración por sistema y progressive enhancement. Se descartaron carruseles, scroll horizontal, nuevos shaders y efectos por tarjeta para proteger claridad, memoria y restauración de navegación.
Resultados medidos
El archivo bilingüe publica obras individuales y series curadas mediante rutas estáticas. La validación automatizada cubre 67 tests, y no se atribuyen tráfico, conversiones ni feedback no medidos.
Siguiente caso
Un producto full-stack para organizar el trabajo profesional de fotografía.