Amor no es Control
Amor No Es CTRL es un proyecto conceptual desarrollado como campaña digital de sensibilización contra la violencia de género en relaciones jóvenes y entornos digitales.
El objetivo del proyecto era crear una plataforma visual e informativa capaz de comunicar señales de alerta, recursos de ayuda y contenido de apoyo mediante una experiencia accesible, cercana y emocionalmente impactante.
La propuesta combina diseño visual, experiencia de usuario y comunicación social para transformar información sensible en una navegación clara, comprensible y orientada a la concienciación.
UX/UI Designer — investigación, arquitectura de información, UI y sistema de diseño
8 semanas
Proyecto individual
Investigación · Arquitectura de información · Flujos · Wireframes · Sistema de diseño · Prototipo de alta fidelidad
El problema
Desde el usuario
Las señales tempranas de control en una relación no se reconocen como violencia. Revisar el móvil, exigir ubicación en tiempo real o decidir con quién se puede hablar se interpretan como muestras de interés, no como abuso.
Eso genera un problema de entrada: la persona que más necesita esta información no se identifica con la palabra «víctima» y, por tanto, no busca ayuda. Llega buscando respuestas a una duda concreta, no un recurso contra la violencia de género.
A eso se suma una barrera crítica: muchas de estas consultas se hacen desde un dispositivo al que la pareja tiene acceso. Informarse conlleva un riesgo real.
Desde el negocio
Una campaña de concienciación solo cumple su función si la persona permanece el tiempo suficiente para llegar al contenido útil. El reto no era comunicar la gravedad del problema —eso ya lo hacen las campañas institucionales— sino conseguir que alguien que no se reconoce en el mensaje no abandone en los primeros segundos.
El objetivo era maximizar la permanencia y la profundidad de lectura de un público que llega dudando, no buscando ayuda, y hacerlo sin comprometer su seguridad.
Restricciones del proyecto
- Proyecto conceptual: sin acceso a analítica real ni a datos de usuarias
- Tema sensible: las pruebas con usuarias reales tenían límites éticos claros
- Sin presupuesto para investigación formal ni incentivos a participantes
- Requisito autoimpuesto: la plataforma debía funcionar sin pedir ningún dato personal
Necesidades del cliente
Comunicar de forma clara y accesible
Diseñar una experiencia capaz de transmitir información sensible de manera comprensible, visual y fácil de navegar para diferentes perfiles de usuario.
Generar impacto emocional
Construir una dirección visual que conectara emocionalmente con el público joven manteniendo equilibrio entre estética, legibilidad y usabilidad.
Facilitar acceso a ayuda y recursos
Organizar contenidos, señales de alerta y contactos de apoyo de forma rápida e intuitiva para priorizar accesibilidad y orientación al usuario.
Investigación
Análisis de 6 plataformas de referencia (institucionales y del tercer sector) y revisión de guías de seguridad digital para víctimas.
Sara González, 17
EstudiantePerfil
Compagina sus estudios de Bachillerato con actividades de evasión saludables como la lectura y el deporte (correr). Su entorno familiar está fuertemente fragmentado por una dinámica de hostilidad, y de forma paralela experimenta una relación sentimental cbasada en el control digital y conductual.
Puntos de dolor
Pánico constante a que su pareja o su entorno familiar detecten el historial de navegación, mensajes o el uso de plataformas de ayuda, lo que podría desencadenar una reacción violenta o un mayor aislamiento. El novio actúa como el principal obstáculo psicológico; el miedo a las consecuencias de romper la relación o a enfrentarse a su reacción directa anula su iniciativa.
Víctor Aranda, 21
EstudiantePerfil
Estudiante universitario con un perfil analítico y un entorno social saludable e independiente. Actúa como un sensor externo dentro del círculo de la víctima. Es capaz de identificar micro-señales de alerta (cambios de humor, dependencia del teléfono, aislamiento social de su amiga) y asume la responsabilidad moral de intervenir de forma segura.
Puntos de dolor
Falta de certeza sobre cómo intervenir correctamente. Teme que una acción errónea o demasiado directa alerte al agresor, ponga en peligro a su amiga o provoque que ella se distancie definitivamente de él.
La decisión difícil
La decisión más difícil fue renunciar al impacto visual inmediato.
Una campaña de concienciación se juzga, casi siempre, por lo contundente que resulta su imagen. La paleta oscura y el alto contraste funcionan muy bien en un porfolio y en redes sociales. Pero en las pruebas, ese mismo impacto delataba el contenido de la pantalla y hacía que la plataforma no se pudiera abrir en público, que es justo donde muchas usuarias la necesitan.
Prioricé la seguridad y la permanencia sobre la contundencia visual. Es una decisión que hace el proyecto menos espectacular en una captura y más útil en uso real, y la defiendo: una campaña que no se puede abrir no comunica nada.
Sistema visual
Estados contemplados
Fijo y visible en todas las pantallas; un clic lleva a una página neutra y sustituye la entrada del historial
El contenido esencial de recursos de ayuda se mantiene accesible; el resto avisa sin bloquear la pantalla
Nunca deja la pantalla vacía: ofrece las situaciones más consultadas y el acceso directo a recursos
Placeholders con la estructura del contenido, sin animaciones llamativas que atraigan la atención ajena
Accesibilidad
- Contraste verificado contra WCAG AA en todas las combinaciones de texto y fondo, incluida la paleta suave.
- Salida de emergencia accesible por teclado y primera en el orden de tabulación: si el riesgo es real, no puede depender del ratón.
- Jerarquía de encabezados correcta para permitir la navegación por lectores de pantalla y el salto entre secciones.
- Áreas táctiles de 44px mínimo, pensadas para uso con una mano y con prisa.
- Sin contenido que dependa solo del color para transmitir su significado.
- Animaciones respetuosas con prefers-reduced-motion.
Resultado
Al tratarse de un proyecto conceptual, no hay datos de producción. Lo que sí se validó en pruebas con usuarias:
- La salida de emergencia pasó de no encontrarse a localizarse de forma inmediata tras sacarla del menú.
- Reorganizar la home por situaciones reconocibles eliminó la reacción de «esto no va conmigo» que aparecía con el manifiesto inicial.
- Eliminar el registro previo retiró la barrera que más desconfianza generaba en las pruebas.
En plataformas comparables, retirar el registro previo al primer contenido de valor es una de las intervenciones con mayor impacto sobre la retención de primera visita.
Del diseño al desarrollo
Documenté el sistema en Figma con componentes, estados (normal, hover, focus, error) y tokens de color, tipografía y espaciado. El contraste se verificó contra WCAG AA en todas las combinaciones de texto y fondo, incluida la paleta suave, que es donde más fácil es fallar.
Al trabajar habitualmente con HTML y CSS pude anticipar el comportamiento responsive y la jerarquía de encabezados desde el propio diseño, en lugar de dejarlo como una decisión de implementación. La salida de emergencia se especificó también a nivel de comportamiento —foco, orden de tabulación y sustitución del historial— porque su valor depende por completo de cómo se construya.
Qué aprendí
Diseñé las pantallas antes de entender del todo el contexto de uso. La salida de emergencia, que acabó siendo la decisión más importante del proyecto, apareció tarde, cuando la arquitectura ya estaba cerrada, y obligó a rehacer la navegación.
Hoy empezaría por mapear el contexto de riesgo —dónde, con quién y en qué condiciones se usa el producto— antes de abrir Figma. En productos sensibles, el contexto de uso es una restricción de diseño tan dura como cualquier requisito técnico, y tratarlo como un detalle de implementación sale caro.
También asumí durante demasiado tiempo que el lenguaje institucional era el correcto por ser el estándar del sector. Cuestionarlo antes me habría ahorrado una iteración completa.
SG Gallery
