top of page
B238F3A5-F7D3-4665-BB2E-1F6FD34A94B8.png
The Doll PeopleSOFIA ISELLA
00:00 / 03:26

Esqueleto de la web-art

Este proyecto es una experiencia web interactiva que invita a reflexionar sobre el machismo interiorizado, los dobles raseros y las contradicciones que muchas personas mantienen entre sus valores declarados y sus reacciones cotidianas. Así mismo, trata de hacer de altavoz para una situación muy real y frecuente en las vidas de muchas mujeres: los pensamientos intrusivos sobre la imagen que reflejan inseguridades, dudas o autoexigencias que nacen de un entorno cultural marcado por el machismo, la misoginia y la presión social por ser una mujer (o feminista) coherente con su discurso. Estos pensamientos funcionan como un espejo de dinámicas ámpliamente normalizadas: la necesidad de justificarse, el miedo a ser juzgada, la culpa por ocupar espacio o el constante cuestionamiento de las propias decisiones. 

A través de una mujer ficticia, el usuario experimenta una serie de cuestiones relacionadas con su apariencia, que pueden parecer ligeras pero esconden una realidad mucho más profunda.

Además, se presentará un cuestionario con un fin didáctivo que plantea una serie de cuestiones que no buscan ser “correctas” o “incorrectas”, sino invitar a la introspección de nuestra propia moral sin caer en lo que consideraríamos más "moralmente correcto". 

El proyecto no señala individuos concretos, sino que plantea una crítica al sistema y a las estructuras mentales que este genera. Aborda también el fenómeno del feminismo "performativo": aquel que defiende la igualdad de forma abstracta, pero que vacila cuando se trata de mujeres cercanas o de situaciones que interpelan directamente a los propios privilegios.

En conjunto, la propuesta busca generar incomodidad productiva, fomentar la empatía y abrir preguntas que no siempre tienen respuestas inmediatas. Más que ofrecer conclusiones cerradas, el proyecto aspira a dejar resonando una reflexión: cómo pensamos, cómo juzgamos y desde dónde construimos nuestra idea de igualdad.

Para la elavoración del juego, necesité, en primer lugar, generar unas imágenes con una estética determinada. En este caso, decidí inspirarme de mi propia página web "Control + F: Bias": fondo negro, letras blancas en Times New Roman, colores neon para resaltar algunas imágenes y texto... Además decidí inspirarme estructuralmente de los juegos infantiles, generalmente de público femenino, cuya problemática consiste en vestir y preparar para una ocasión a una mujer. 

Para la elaboración de estas imágenes utilicé una plantilla de referencia de un cuerpo femenino en la aplicación Procreate. Decidí ensanchar un poco sus rasgos sexuales para representar a una mujer modélica que cumple con los cánones de belleza establecidos, a nuestros ojos (nunca a los suyos). Seguidamente, y basándome en ese cuerpo, fui creando diversos conjuntos de ropa genéricos para conseguir así que cualquier mujer se pueda llegar a sentir representada tanto por la estética, como por los comentarios que irían apareciendo por cada conjunto. 

Para la elaboración del juego y, debido a que las herramientas gratuitas de wix no me permitían recrear lo que yo quería, tuve que utilizar el "Modo desarrollador" para implementar código en la página de wix. Para esto, ya que mis conocimientos de programación son extremadamente básicos, me serví de la herramienta de la IA ChatGPT:

Sin título.png
Sin título.png

Para la elaboración del cuestionario fue necesario recurrir nuevamente a la programación, ya que las herramientas gratuitas de Wix no se ajustaban a las necesidades del proyecto. Estas presentan un número muy limitado de preguntas y muestran el contenido de forma vertical, lo que no permitía desarrollar la experiencia de manera progresiva ni controlada, tal y como se había planteado desde el inicio.

Por este motivo, el cuestionario fue programado para que las preguntas aparezcan una a una, favoreciendo una lectura individual y reflexiva de cada afirmación. El sistema se compone de un cuadro de texto que contiene un total de 29 frases, las cuales van apareciendo de forma secuencial cada vez que el usuario selecciona una respuesta.

Las respuestas se realizan mediante cinco botones numerados (1, 2, 3, 4 y 5), que representan distintos niveles de acuerdo o desacuerdo con la afirmación mostrada. De este modo, la interacción se mantiene constante y sencilla, evitando distracciones y permitiendo que el usuario se centre únicamente en el contenido de cada pregunta.

Una vez completado el cuestionario, los botones de respuesta y los textos de referencia desaparecen, y el contenido de la página se modifica para mostrar el mensaje “Cuestionario finalizado”, junto con un nuevo botón que permite continuar a la siguiente sección del proyecto.

En la última página, en lugar de presentar los resultados del cuestionario —como cabría esperar en un formato convencional— se plantea una ruptura intencionada con la lógica habitual. Aparece primero la pregunta “¿Qué estabas esperando?” y, un segundo después, la frase “El cuestionario es para ti.”. De manera simultánea, comienza a sonar la canción The Doll People de Sofia Isella.

Esta decisión busca cerrar el proyecto de forma simbólica y emocional, conectando el cuestionario con el primer juego —en el que el usuario viste a una “muñeca”— y reforzando la idea central del proyecto: no se trata de evaluar respuestas ni ofrecer conclusiones externas, sino de generar una reflexión personal en quien participa.

CÓDIGO JUEGO

// OCULTAR TODO AL INICIAR

$w.onReady(() => {

 

    // LATERAL (clicables)

    const clothesStart = [

        "#dress1Start", "#dress2Start", "#dress3Start", "#dress4Start", "#dress5Start"

    ];

 

    // SOBRE LA MUJER (se muestran al vestir)

    const clothesOn = [

        "#dress1On", "#dress2On", "#dress3On", "#dress4On", "#dress5On"

    ];

 

    // TEXTOS

    const phrases = [

        "#phrase1", "#phrase2", "#phrase3", "#phrase4", "#phrase5"

    ];

 

    // Ocultar: ropa ON y frases

    clothesOn.forEach(id => $w(id).hide());

    phrases.forEach(id => $w(id).hide());

 

    // Activar cada prenda cuando se hace clic en la lateral

    $w("#dress1Start").onClick(() => activarConjunto(1));

    $w("#dress2Start").onClick(() => activarConjunto(2));

    $w("#dress3Start").onClick(() => activarConjunto(3));

    $w("#dress4Start").onClick(() => activarConjunto(4));

    $w("#dress5Start").onClick(() => activarConjunto(5));

 

    // Quitar prenda si se hace clic en la que está sobre la mujer

    $w("#dress1On").onClick(() => quitarConjunto());

    $w("#dress2On").onClick(() => quitarConjunto());

    $w("#dress3On").onClick(() => quitarConjunto());

    $w("#dress4On").onClick(() => quitarConjunto());

    $w("#dress5On").onClick(() => quitarConjunto());

});

// EFECTO TYPER

function typeWriter(text, elementId, speed = 40) {

    let i = 0;

    $w(elementId).text = "";

    function typing() {

        if (i < text.length) {

            $w(elementId).text += text.charAt(i);

            i++;

            setTimeout(typing, speed);

        }

    }

    typing();

}

// ACTIVAR UN CONJUNTO

function activarConjunto(num) {

 

    // Ocultar todas las prendas "ON" y frases

    for (let i = 1; i <= 5; i++) {

        $w(`#dress${i}On`).hide();

        $w(`#phrase${i}`).hide();

    }

 

    // Mostrar solo la prenda ON seleccionada

    $w(`#dress${num}On`).show("fade", { duration: 300 });

 

    // Mostrar texto

    $w(`#phrase${num}`).show();

 

    const textos = {

        1: "...Se_me_ven_demasiado_las_piernas..._van_a_pensar_que_busco_algo...",

        2: "...Esto_está_muy_escotado...Me_van_a_mirar_el_pecho...",

        3: "...Parezco_gorda...",

        4: "...¿Me_cubro_por_ellos_o_por_mí?...No_me_veo_guapa...",

        5: "...¿Parezo_un_hombre?...¿No_me_van_a_respetar_si_visto_más_femenina?..."

    };

 

    typeWriter(textos[num], `#phrase${num}`, 40);

}

// QUITAR PRENDA (cuando se clic en la imagen ON)

function quitarConjunto() {

 

    // Ocultar todo lo que está ON

    for (let i = 1; i <= 5; i++) {

        $w(`#dress${i}On`).hide();

        $w(`#phrase${i}`).hide();

    }

}

CÓDIGO CUESTIONARIO

$w.onReady(function () {

 

  let preguntas = [

    "Una mujer es libre de hacer lo que quiera con su cuerpo",

    "La prostitución es parte de la libertad de una mujer",

    "La venta de órganos no vitales es parte de la libertad de una persona",

    "El hombre es potencialmente violador",

    "La pornografía reduce la violencia",

    "Consumir pornografía no genera ningún problema",

    "El acceso a la prostitución reduce la violencia sexual",

    "La venta de juguetes sexuales de apariencia femenina no necesita ser regulada",

    "No me incomodaría que mi progenitor tuviera un muñeco sexual",

    "Las lolis no fomentan la pedofilia",

    "No me incomodaría que mi pareja haya consumido prostitución",

    "No me incomodaría que mi pareja consuma pornografía",

    "La pornografía no normaliza la sexualización",

    "Los fetiches son sólo una fantasía",

    "Los ojos están para ver",

    "La sexualización ajena es un problema",

    "La venta de juguetes sexuales de apariencia infantil no necesita ser regulada",

    "Al pensar en la palabra 'violencia', me imagino a un hombre",

    "No me incomodaría que mi hija ejerciera la prostitución",

    "Es mejor no vestir provocativa para evitar malos ratos",

    "La pornografía es educación sexual",

    "El acceso a pornografía infantil podría evitar casos de abusos infantiles",

    "El abuso sexual laboral es decisión de dos",

    "Si me quedo encerrado con un desconocido, prefiero que sea un hombre",

    "Que menores consuman pornografía es parte del 'autodescubrimiento'",

    "Querer prohibir la pornografía es una exageración",

    "No existe gordofobia, sólo es una cuestión de salud",

    "Los estándares femeninos están basados en la niñez",

    "La peor enemiga de una mujer es otra mujer"

  ];

 

  let respuestas = [];

  let indice = 0;

 

    // OCULTAR BOTÓN NEXT AL INICIO

  $w("#nextButton").hide();

 

  function mostrarPregunta() {

    $w("#textoPregunta").text = preguntas[indice];

    $w("#contadorPreguntas").text = `Pregunta ${indice + 1} de ${preguntas.length}`;

  }

 

  mostrarPregunta();

 

  $w("#btn1").onClick(() => responder(1));

  $w("#btn2").onClick(() => responder(2));

  $w("#btn3").onClick(() => responder(3));

  $w("#btn4").onClick(() => responder(4));

  $w("#btn5").onClick(() => responder(5));

 

  function responder(valor) {

    respuestas.push(valor);

    indice++;

 

    if (indice < preguntas.length) {

      mostrarPregunta();

    } else {

      // FIN DEL CUESTIONARIO

            $w("#textoPregunta").text = "Cuestionario finalizado";

      $w("#contadorPreguntas").text = "";

 

      // OCULTAR BOTONES

      $w("#btn1").hide();

      $w("#btn2").hide();

      $w("#btn3").hide();

      $w("#btn4").hide();

      $w("#btn5").hide();

 

      // OCULTAR TEXTOS DE LA ESCALA

      $w("#muyDeAcuerdo").hide();

      $w("#muyEnDesacuerdo").hide();

 

        // MOSTRAR BOTÓN NEXT

      $w("#nextButton").show("fade");


 

      console.log("Cuestionario finalizado");

      console.log(respuestas);

    }

  }

 

});

CÓDIGO MÚSICA

$w.onReady(function () {

$w("#audioFinal").hide();

// Delay de 1 segundo

setTimeout(() => {

 

  // Mostrar el texto final

  $w("#textoFinal").show("fade");

 

  // Reproducir audio

  $w("#audioFinal").play();


 

}, 1000);

 

});

1766004808442.jpg
1766004808460.jpg

Perfil de la artista

Canción

1766004675225.png

Perfil personal

¿Qué estabas esperando?

El cuestionario es para ti 

bottom of page