Version 1.0 06/04/18
# WIN WIN SECURITY

![login](https://preview.ibb.co/j0UD9x/WINWIN.png)

## ELABORADO PARA [POLICIA FEDERAL](https://www.gob.mx/policiafederal)

### DESCRIPCIÓN GENERAL

Página web responsive dedicada al público infantil y adolescente en la cual el usuario interactúa con diferentes retos presentados en minijuegos, cuya historia y objetivo es concientizar al jugador respecto a los peligros que se corren al interactuar en una red social, creando una cultura de prevención y educación cibernética

### METAS

Lograr una cultura de prevención

### ESPECIFICACIONES

Crear una herramienta tecnologica que resuelva el problema enfocandonos en que sea usable para el publico al que va dirigida

## OBJETIVO SMART

![smart](https://preview.ibb.co/i9mwex/SMART.png)

## INSIGHTS DE INVESTIGACIÓN

![insights](https://preview.ibb.co/eTTL6c/talentland_3.png)

## CUESTIONARIOS

**INSIGHTS**

![insights](https://preview.ibb.co/ih8EXH/info.png)

## PERFIL USUARIOS

![user](https://preview.ibb.co/eZqYRc/USER.png)

## MAPA DE EMPATIA

![mapa](https://preview.ibb.co/hcvpzx/mapa_empatia.png)

## HISTORIA DE USUARIO

![historia](https://preview.ibb.co/fTu8bc/historia_usuario.png)

## DISEÑO

**PALETA DE COLORES**

- 3AB1AE- BOTONES
- 9FDBE0 - FORMULARIO
- 467EA7 - FONDO MENU
- F0F6FA - FONDO GENERAL
- 950675 - SUBTITULO
- 109098 - TITULO
- 978478 - TEXTO
- 950675 - LOGO

## DESCRIPCIÓN DE PÁGINA

**LOGIN**

-La idea es que los usuarios se puedan logear apartir del numero de su tarjeta

![login](https://preview.ibb.co/j0UD9x/WINWIN.png)

**TARJETA DE PUNTOS**

- La tarjeta se pretende donar en centros educativos y lugares como convenciones de comics,
en esta se acumularan sus puntos y podran ser canjeados por premios como entaradas a museos o descuentos de libros

![tarjeta](https://preview.ibb.co/cxs89x/tarjeta.png)

**COMIC**

- El comic se presentara periodocamente para mantener el interes en volver a visitar la página

![comic](https://preview.ibb.co/gvqLpx/wincomic.png)

**JUEGOS**

- Cada que pase de nivel podra acumular puntos que seran guardados en la tarjeta

![juegos](https://preview.ibb.co/eN9kNH/juegos.png)

**ESTRUCTURA DE PÁGINA**

- Tendra videos, infografias que le proporcionaran información y podra compartir con sus contactos
- Tendra a la mano la opción de tener comunicación con las autoridades correspondientes

![pagina](https://preview.ibb.co/gjpkNH/videos.png)


### INTEGRANTES DE EQUIPO

- Front-End Rosa María García
- UI Designer Angelica Fuentes
- UX Designer Maria Cravioto

### HERRAMIENTAS UTILIZADAS

![arquitectura](https://preview.ibb.co/dqRORc/herramientas.png)