Case Study / 2026

Atlas del Cine: La Enciclopedia Visual de la Historia del Cine.

Sistema de conocimiento visual con pipeline automatizado (React, TypeScript, Wikidata API, TMDb): Movimientos, directores, películas en red navegable con datos siempre actualizados.

Client_

Internal Project

Year_

2026

Categories_

Ux/ui

Branding

Web design

Web app

Brief_

El aprendizaje de historia del cine está fragmentado. Necesitaba construir herramienta educativa que hiciera el conocimiento cinematográfico accesible sin perder rigor.

Brief

El aprendizaje de la historia del cine está fragmentado en libros académicos densos y contenido superficial de internet. Necesitaba construir una herramienta educativa que hiciera el conocimiento cinematográfico accesible sin perder rigor, permitiendo explorar movimientos, directores y películas como un sistema interconectado.

Challenge

El proyecto presentaba varios obstáculos críticos:

Fragmentación de información: Los datos estaban dispersos entre múltiples fuentes sin conexión entre sí

Barrera de entrada: El lenguaje académico aleja a quienes quieren aprender por pasión, no por obligación

Falta de contexto visual: La historia del cine se explica con texto, no con su propio lenguaje (imágenes)

Datos desactualizados: Las fuentes estáticas quedan obsoletas rápidamente

Navegación lineal: La mayoría de recursos obligan a recorrer cronologías sin permitir exploración libre

Solution

Construí un sistema de conocimiento visual que transforma datos dispersos en una experiencia interactiva cohesionada:

Arquitectura de información

Diseñé una estructura de tres capas conectadas:

Movimientos cinematográficos como nodos principales

Directores con biografías y filmografías completas

Películas icónicas con análisis contextual

Cada elemento está vinculado a sus influencias y conexiones, creando una red navegable de conocimiento.

Pipeline de datos automatizado

Para resolver el problema de la actualización, desarrollé un sistema que:

Extrae información estructurada de Wikidata

Enriquece con imágenes de alta calidad desde TMDb API

Valida y normaliza datos automáticamente

Mantiene el contenido actualizado sin intervención manual

Stack técnico: React + TypeScript para la interfaz, integración con APIs externas para contenido dinámico.

Diseño visual-first

La interfaz prioriza la imagen sobre el texto:

Timeline histórico con navegación por movimientos

Tarjetas visuales que invitan a explorar

Sistema de conexiones interactivas entre elementos

Búsqueda y filtrado por época, país, director

Responsive design para cualquier dispositivo

Principios aplicados

Progressive disclosure: La información se revela gradualmente para no abrumar

Context-aware navigation: Cada elemento muestra su contexto histórico y conexiones

Visual hierarchy: Las imágenes son la puerta de entrada, el texto es apoyo contextual

Resultado

Un recurso educativo único que democratiza el conocimiento cinematográfico. La plataforma transforma el aprendizaje pasivo (leer cronologías) en exploración activa (descubrir conexiones).

Atlas del Cine está diseñado para ser la referencia visual de historia del cine en español, combinando rigor académico con una experiencia que invita a perderse entre movimientos, directores y películas.

Proyecto: aprender-de-cine.vercel.app

Verified by Notion CMS Ref: 2dea4f30 / 1/10/2026

Next Project_ Back to index