6

Sin identidad

Diseño web

Una experiencia visual que confronta prejuicios y devuelve nombre, voz e identidad a quienes fueron reducidos a siglas

+ Diseño web
+ Edición de vídeo
+ Infografía
+ Ilustración

Este proyecto forma parte de la serie A(cercados), desarrollada dentro de Kiliki Producciones. Su objetivo fue ofrecer una visión informada y comprensible sobre la situación de los MENAS (menores extranjeros no acompañados), a partir de datos oficiales, hechos recientes y testimonios directos.

La propuesta combina diferentes lenguajes visuales y narrativos —como infografía, ilustración, audio y diseño web— para abordar el tema desde distintos ángulos y niveles de profundidad. El resultado fue una web estructurada en tres bloques: contexto (datos), cronología del caso y relatos individuales.

Tráiler del programa Sin identidad, donde me encargé de la edición. 

Contexto

El problema...

Existe una brecha entre la realidad social y la manera en que se comunica.
Esa brecha dificulta la empatía, el conocimiento crítico y el cambio institucional.

línea

La solución

Acercar los problemas sociales a las instituciones para enfrentarlos y conciliarlos a través de:

solución-línea

Diseñé la arquitectura, el flujo de navegación y todo el sistema visual del sitio en coherencia con la identidad de Kiliki Producciones. A pesar de no tener experiencia previa con desarrollo web, me encargué de prototipar, construir y maquetar el sitio completo en Wordpress utilizando Elementor, adaptando cada componente al contenido disponible y al enfoque narrativo.

infografiaproceso

Estructura

La estructura se dividía en tres bloques principales: Datos, Cronología y Personajes.
Esta división no fue estética ni funcional, sino narrativa: buscaba guiar al visitante a través de distintos niveles de comprensión, desde el contexto general hasta las voces individuales.

Estructura_secciones
bocetos_secciones

Diseño

La tipografía principal, Soho Gothic Sans, acompaña la lectura y refuerza el tono documental del proyecto. Usamos la tipografía Gothic Joker por su carácter expresivo en los título. La paleta de colores estructuró la narrativa y guió la lectura del usuario.

diseño_sinidentidad

Desarrollo

Con la estructura definida y el enfoque visual establecido, diseñamos cada bloque del proyecto aplicando los recursos gráficos seleccionados: infografías para los datos, una línea del tiempo para contextualizar el caso mediático y un sistema narrativo ilustrado para las historias personales. 

Cada sección se adaptó a su contenido, buscando claridad, coherencia y equilibrio entre lo informativo y lo emocional.

A continuación, presento diferentes imágenes sobre todos estos elementos. 

Aunque la web original ya no está disponible online, conservo el proyecto en su forma más fiel: a través de imágenes reales del diseño y un vídeo donde se recorre la experiencia completa tal y como fue pensada. Esta última parte permite ver cómo se integran las secciones, cómo respira el contenido y cómo el diseño guía la narrativa sin imponerse.

Para ver el vídeo correctamente, haz clic sobre la imagen.

¡IMPORTANTE! El recorrido incluye sonido que se activa al comenzar el vídeo. La pieza está acompañada por la misma canción escogida para el tráler, pensada para envolver el relato desde la emoción y acompañar el ritmo visual del diseño.

Diario de una bariátricavisualización de datos
Estoy hecho un nidoDiseño gráfico
Vivo con un animalDiseño editorial
Sin identidadDiseño web
40 años Emilio ArrietaDiseño gráfico
Kiliki produccionesIdentidad Visual
View