Proyecto · Bosque Pixelado
Crear orden sin volver convencional una experiencia artística.
Cómo la jerarquía móvil, el descubrimiento progresivo y un sistema visual consistente redujeron la sobrecarga sin neutralizar el carácter inmersivo del proyecto.
El punto de partida
La abundancia de contenido se había convertido en sobrecarga.
Bosque Pixelado reunía un universo visual rico, simbólico e inmersivo. Sin embargo, la falta de jerarquía hacía que esa riqueza llegara al usuario como una acumulación difícil de interpretar, especialmente en móvil, donde se concentraba la mayor parte del tráfico.
Todo aparecía en la primera lectura
- Primera pantalla saturada.
- Contenido sin una jerarquía consistente.
- Poca separación entre estímulos visuales.
- Abandono antes de comprender la propuesta.
La identidad no funcionaba todavía como sistema
- Iconografía desigual.
- Paleta y estilos aplicados de forma dispar.
- Símbolos sin una leyenda permanente.
- Mayor carga cognitiva para orientarse.
El diagnóstico
La solución no era reducir el universo. Era dosificarlo.
Simplificar la propuesta hasta hacerla convencional habría eliminado precisamente aquello que la hacía valiosa. El problema no estaba en la identidad artística, sino en la ausencia de una estructura que ayudara a entrar, orientarse y explorar. La experiencia necesitaba una puerta de entrada legible, un ritmo de descubrimiento y referencias permanentes para comprender los símbolos sin interrumpir la inmersión.
Diseñar una mejor experiencia no significaba añadir menos personalidad. Significaba crear el orden suficiente para que esa personalidad pudiera ser entendida.
Sistema del proyecto
Decisiones y trabajo realizado
Retícula móvil de cuatro cajas
Organización de la primera pantalla en una estructura de cuatro bloques que equilibra el contenido, facilita la lectura táctil y permite comprender la propuesta sin recibir todos los estímulos a la vez.
Selecciona cada elemento del sistema para consultar la intervención asociada.
Mi contribución
Utilizar el comportamiento para decidir cómo debía respirar la identidad.
Mi trabajo se centró en identificar la causa del abandono, redefinir la jerarquía móvil y convertir los elementos visuales en un sistema consistente que pudiera sostener la experiencia. No se trataba de imponer una plantilla convencional, sino de crear reglas de estructura, progresión e interpretación capaces de proteger la propuesta artística y mejorar al mismo tiempo el comportamiento del usuario.
La pregunta que guio el proyecto fue: ¿cómo conseguimos que el visitante se quede el tiempo suficiente para descubrir el universo sin rebajar su complejidad creativa?
✦
Origen
Primera capa de la obra.
◌
Materia
Un símbolo, un significado.
△
Tránsito
Lectura visual ordenada.
⌁
Memoria
Exploración por capas.
Ver más
✦ origen
◌ materia
△ tránsito
⌁ memoria
◌ materia
△ tránsito
⌁ memoria
La nueva lógica móvil
Una entrada legible que invita a seguir descubriendo.
La retícula crea una primera lectura contenida. El usuario recibe suficientes pistas para comprender el lenguaje visual y decide cuándo profundizar mediante el patrón de descubrimiento progresivo.
01
Cuatro bloques iniciales reducen la acumulación y hacen la lectura escaneable.
Cuatro bloques iniciales reducen la acumulación y hacen la lectura escaneable.
02
«Ver más» transforma la navegación en un descubrimiento progresivo.
«Ver más» transforma la navegación en un descubrimiento progresivo.
03
La leyenda permanece accesible para interpretar la obra sin salir de la experiencia.
La leyenda permanece accesible para interpretar la obra sin salir de la experiencia.
La evolución del comportamiento
El usuario dejó de huir de la primera pantalla y empezó a explorar.
Las métricas apuntan en la misma dirección: menor abandono, más tiempo dentro de la experiencia y mayor profundidad de navegación.
Índice de comportamiento · antes = 100
Representación visual basada en las variaciones documentadas.
Índice anterior
Índice posterior
Índice posterior
Antes y después
El orden no sustituyó la identidad. La hizo explorable.
La transformación puede verse en la forma de entrar, interpretar y avanzar dentro de la experiencia.
Área
Antes
Después
Primera pantalla
Contenido apilado y alta saturación visual.
Retícula móvil de cuatro cajas y una entrada escaneable.
Descubrimiento
Todo el contenido disponible al mismo tiempo.
Exploración progresiva mediante el patrón «ver más».
Iconografía
Tamaños y tratamientos visuales dispares.
Sistema unificado de iconos a 100 × 100 px.
Interpretación
Símbolos sin referencias claras para el visitante.
Leyenda fija y accesible durante la exploración.
Identidad
Paleta y elementos sin una lógica consistente.
Sistema visual coherente sin perder el carácter inmersivo.
Comportamiento
Abandono elevado en la experiencia móvil.
Menor rebote, mayor permanencia y más páginas exploradas.
Qué cambió
La audiencia empezó a comprender el universo antes de abandonarlo.
La mejora no se explica por una simplificación estética, sino por la creación de un sistema que regula la cantidad, el ritmo y el contexto de la información.
Menor rebote móvil
La primera pantalla dejó de actuar como una barrera de entrada para una parte relevante de los visitantes.
Mayor permanencia
El usuario dedicó más tiempo a recorrer y comprender las capas de la experiencia.
Más exploración
El incremento de páginas por sesión indica una navegación más profunda dentro del proyecto.
Orden sin convencionalizar
La propuesta mantuvo su naturaleza inmersiva y ganó una estructura capaz de hacerla comprensible.
Los datos de comportamiento pueden ordenar una experiencia sin dictar su personalidad.
Este proyecto demuestra mi capacidad para utilizar métricas de experiencia como señales de diagnóstico y no como una excusa para homogeneizar el diseño. El objetivo no era conseguir una web convencional, sino una experiencia artística que pudiera ser recorrida y comprendida.
También refleja cómo conecto identidad, jerarquía, interacción y medición: las decisiones visuales se validan por su capacidad para ayudar al usuario a permanecer, orientarse y explorar.
Siguiente proyecto