05
UX / UI·Product Design · UX Research · UI·2025

Lágrimas de Caucho

Web platform that reframes La Vorágine by José Eustasio Rivera through interactive comics, reading missions and community.

scroll

Lágrimas de Caucho is a web platform that transforms La Vorágine by José Eustasio Rivera into a visual and interactive experience. It combines interactive comics, weekly reading missions and community to bring classic Colombian literature to audiences who don't enjoy traditional reading.

Category
UX / UI
Role
Product Design · UX Research · UI
Year
2025
Arquetipos de usuario
E
Erika Alejandra
23 años · Busy reader

Prefiere contenidos breves. Se siente más atraída por resúmenes y análisis concisos que por textos largos.

Needs
  • Contenidos multimedia de consumo rápido
  • Pódcast, resúmenes en video e infografías interactivas
  • Conocer la obra y su impacto cultural sin invertir horas
Frictions
  • Los textos largos la agotan
  • No tiene tiempo para lecturas extensas
  • La literatura clásica le parece lejana y sin contexto
P
Pedro Juan
21 años · No lector

Si le toca leer, prefiere que sea con dibujos o sobre cosas que le gusten. Necesita una motivación para animarse.

Needs
  • Cómics e ilustraciones que cuenten la historia
  • Contexto histórico-cultural de forma visual
  • Una razón para querer seguir explorando
Frictions
  • La lectura tradicional no le llama la atención
  • Siente que la literatura clásica no es para él
  • Los sitios educativos son aburridos y poco interactivos
Hallazgos de entrevistas
"
Me gustó la parte del cómic, pero le faltó más animación o sonido.
Usuario · Prueba 1
Insight

El formato visual engancha, pero la interactividad profunda (audio, movimiento) es el siguiente escalón para retención.

"
Si tuviera más opciones de interacción, lo vería más tiempo.
Usuario · Prueba 1
Insight

La disposición a consumir está ahí — el límite no es el interés, sino la profundidad de la experiencia ofrecida.

"
Fácil de navegar, pero me costó encontrar la sección de personajes.
Usuario · Prueba 2
Insight

La arquitectura general es sólida, pero el naming de algunas secciones necesita revisión para reducir fricción.

05
Challenge

72% of Colombians say they read, but only 26% do so by choice. La Vorágine is a canonical work but perceived as distant and difficult. The challenge was to reframe it as an experience — accessible, visual and emotionally connected — without reducing it to a simple summary.

Outcome

Users spent 15 minutes in the comics section vs 35 seconds with traditional text. 75% explored the comics for more than a minute. Navigation was intuitive with an average of 3 clicks to find key information.

Process
01
Problema & Contexto

Análisis del bajo índice de lectura voluntaria en Colombia. Identificación de La Vorágine como obra con alto potencial narrativo visual pero sin plataforma digital dedicada que la resignifique.

02
Benchmark

Análisis comparativo de Harry Potter (experiencia), Wattpad (comunidad) y Shire Post Mint (estética). Gap identificado: ninguna plataforma combina narrativa visual + educación + comunidad en un mismo espacio.

03
Usuarios & Taskflow

Definición de dos arquetipos: Busy reader y No lector. Diseño del flujo de navegación para reducir fricción: 5 pasos desde la entrada hasta lectura activa o misiones semanales.

04
Pruebas & Validación

Dos rondas: cómic vs texto (15 min vs 35 seg) y prueba de navegabilidad (32 seg para encontrar información, 3 clics promedio). Iteración sobre el naming y la profundidad interactiva del cómic.

Software & tools
Figma
Figma
Diseño UI · Prototipado · Sistema de diseño
Illustrator
Illustrator
Ilustraciones · Cómic · Assets vectoriales
Framer
Framer
Sitio web interactivo · Animaciones
Notion
Notion
Documentación · Research · Benchmarking
FigmaUX ResearchNarrativa VisualCómicWeb
View on Behance
Camilo Seguro© 2026