Vive Sin Miedo: reconocer la violencia y saber a dónde acudir.
2024 · en línea
La app de CISEP contra la violencia de género en Oruro: un violentómetro de 22 preguntas, las once instituciones que atienden una denuncia, las leyes que protegen a las mujeres y un botón que pide ayuda por WhatsApp con la ubicación exacta.
Tecnología
Angular 17
TypeScript
Firebase Auth
PWA- ECharts
Angular Material- Firebase Hosting
- Google Analytics
- Google Play (TWA)
- SheetJS
Servicios
El proyecto
Cliente e idea
CISEP trabaja hace décadas con mujeres, mineros y barrios de Oruro. Vive Sin Miedo lleva ese trabajo al celular: una app para reconocer la violencia antes de que escale, entender los derechos que la ley ya garantiza y saber exactamente a quién llamar.
Reto y objetivos
Muchas mujeres no reconocen las primeras señales de la violencia, y cuando deciden pedir ayuda no saben a qué institución acudir, qué dice la ley ni qué pasos seguir para denunciar. Esa información existía, pero repartida en folletos, leyes de cientos de páginas y oficinas con horarios distintos.
Solución y resultado
Diseñamos una app que se abre en un toque y habla claro: seis puertas grandes e ilustradas, un violentómetro de preguntas de sí o no y un botón de auxilio que manda la ubicación a dos contactos de confianza por WhatsApp.
Detrás reunimos todo lo que hacía falta para actuar: las once instituciones que atienden, con sus oficinas y su ubicación en el mapa, las guías para denunciar y las leyes completas en PDF. Se instala como app y se publicó en Google Play.
Reconocer la violencia
Un violentómetro para entender lo que pasa.
Saber a dónde ir
Las instituciones que atienden una denuncia.
Ayuda a un toque
WhatsApp con la ubicación exacta, cuando hace falta.
Resumen del proyecto
Funciones principales
Todo empieza en un menú de seis puertas, pensado para alguien que tiene poco tiempo y quizá poca privacidad: Información, Violentómetro, Orientación, Atención, Encuesta y Botón de auxilio, siempre a un toque de la barra inferior.
Un violentómetro que no juzga
Veintidós preguntas de sí o no, de «¿Sientes que tu pareja te controla?» en adelante. Al final, una sola lectura del nivel de riesgo, con una ilustración, una frase directa y el camino a la atención.
Saber a dónde acudir
Las once instituciones que reciben o promueven una denuncia, de la Fuerza Especial de Lucha Contra la Violencia a los Servicios Legales Integrales Municipales, cada una con quiénes son, sus oficinas y cómo llegar.
Pedir ayuda en un toque
El botón de auxilio guarda dos números de contacto y, cuando hace falta, abre WhatsApp con un mensaje de ayuda y la ubicación exacta. Sin cuentas ni formularios.
Conocer para prevenir
Qué es la violencia, sus tipos más frecuentes según la Ley 348, cómo denunciar paso a paso, un glosario y las diez normas que protegen a las mujeres, de la Constitución a los decretos, para leer en el celular.
Desarrollo
Metodología
Construimos la app en Angular 17 con Angular Material, como PWA: se instala desde el navegador y llegó a Google Play como Trusted Web Activity, con el mismo código. Firebase sirve la app y protege el panel de administración, donde CISEP consulta la encuesta en gráficos y la exporta a Excel. Las ilustraciones se hicieron para la app, para que cada tema se reconozca de un vistazo.
Proceso
Mapa de la app
Seis puertas desde el menú y una barra inferior que siempre lleva al violentómetro, al inicio y a la atención. Las fichas punteadas son plantillas: se diseñaron una vez y sirven a cada institución y a cada tipo de violencia.
- Informaciónconocer para prevenir
- ¿Qué es la violencia?
- Tipo de violenciaplantilla × cada tipo
- Leyes10 normas en PDF
- Glosario
- Violentómetro22 preguntas
- Pregunta de sí o no
- Resultadonivel de riesgo
- Orientaciónguías
- Cómo denunciar
- Querella al Ministerio Público
- Qué hacer en flagrancia
- Atención11 instituciones
- Receptoras de denuncia
- Promotoras de denuncia
- Instituciónplantilla × cada una
- Encuesta19 preguntas
- Pregunta por pregunta
- Botón de auxilioWhatsApp + ubicación
- Dos contactos de confianza
Proceso
Hecha para el celular
Quien busca ayuda casi siempre lo hace desde el teléfono, a veces a escondidas. Por eso cada pantalla tiene una sola tarea, botones grandes, colores que separan cada tema y la ayuda siempre a un toque en la barra inferior.
Marca
Tipografía
Una sans redonda y abierta, que se lee bien en pantallas pequeñas y no se siente fría frente a un tema difícil. La acompaña Nunito en los textos largos, y una letra de trazo a mano solo en los rótulos ilustrados.
Readex Pro
MediumBold
Marca
Colores
Colores vivos a propósito, como los del logo: cada tema tiene el suyo para encontrarlo sin leer. El rosa marca lo urgente, el celeste orienta y la tinta azul noche sostiene los textos.
Conclusión
Vive Sin Miedo pone en el bolsillo lo que antes estaba en folletos y oficinas: reconocer la violencia, saber a quién acudir y pedir ayuda en un toque. Es parte del trabajo que hacemos con CISEP, junto a su sitio institucional.
Casos
