Prototipar Dashboard Siniestros Viales por Elementos de Seguridad

[mateovlz]

Prototipar Dashboard Siniestros Viales por Elementos de Seguridad

Se requiere prototipar una interfaz donde se despliegue todos los resultados de los análisis realizados por el producto de datos acerca agrupados por elementos de seguridad en esta interfaz se encontraran los gráficos generados donde el usuario podrá realizar análisis en los datos presentados.

En esta interfaz se encontraran los siguientes gráficos 📊📉📈

1. Cantidad de Personas Involucradas en Siniestros Viales Uso de Casco.
2. Cantidad de Personas Involucradas en Siniestros Viales por Uso de Chaleco.
3. Cantidad de Personas Involucradas en Siniestros Viales por Uso de Cinturón.

Estructura de la interfaz: ⭐

La interfaz debe contar con lo siguiente:

• El header de la interfaz debe contener lo siguiente:

  • En la parte izquierda superior el icono del menú tipo hamburguesa
    • 
  • En el centro se deberá ubicar el logo del aplicativo ISeverity
    • 
  • En la parte izquierda debajo y con espacio de ancho del icono de hamburguesa se debe ubica un hipervínculo que redireccione al menú principal con el siguiente texto < Inicio
  • El color de fondo de toda la interfaz deberá ser #FFFFFF

• El contenido principal de la interfaz deberá tener lo siguiente:

  • El estilo genérico de los cardspara las interfaces sera el siguiente:
    • Estilos de Bordes: box-shadow: 2px 2px 19px rgba(0, 0, 0, 0.25); border-radius: 15px;
  • Deberá tener un titulo justificado en el centro el cual tendrá el siguiente
    • Color de fuente Color: #000000
    • Fuente: Montserrat
    • Tamaño: 24
    • Texto: Siniestros Viales por Elementos de Seguridad
  • Se deberá tener una card en la cual se hará una corta descripción de lo que se encontrara en la interfaz y tendrá lo siguiente.
    • Color de fondo: #FFE5B1
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 20
    • Texto: En este tablero se podrá observar todos los gráficos y resultados generados a través del producto de datos de los siniestros viales por elementos de seguridad. (Para observar los gráficos de mejor manera dar click en el grafico)
  • Se deberá tener tres secciones donde tendrá lo siguiente:
  • La primera sección deberá ser una card el cual tendrá un titulo justificado hacia el centro en la parte superior y después tendrá la imagen del grafico 1 en formato .png y tendrá lo siguiente:
    • Color de fondo: #FFFFFF
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 24
    • Texto: Cantidad de Personas Involucradas en Siniestros Viales por Uso de Casco.
    • Grafico: No 1
    • La segunda sección deberá ser una card el cual tendrá un titulo justificado hacia el centro en la parte superior y después tendrá la imagen del grafico No 2 en formato .png y tendrá lo siguiente:
    • Color de fondo: #FFFFFF
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 24
    • Texto: Cantidad de Personas Involucradas en Siniestros Viales por Uso de Chaleco.
    • Grafico: No 2
    • La tercera sección deberá ser una card el cual tendrá un titulo justificado hacia el centro en la parte superior y después tendrá la imagen del grafico No 3 en formato .png y tendrá lo siguiente:
    • Color de fondo: #FFFFFF
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 24
    • Texto: Cantidad de Personas Involucradas en Siniestros Viales por Uso de Cinturón.
    • Grafico: No 3

• Al finalizar el contenido principal en la parte del footer se deberá tener lo siguiente:

  • Color de fondo: #000000.
  • Color fuente: #FFFFFF
  • Texto: Powered By ISeverity (Mateo Vélez - Santiago Leon)

Prototipado 👍

[mateovlz]

Documentación del requerimiento completa APROBADO 🔥

[mateovlz]

Prototipado realizado acorde al requerimiento APROBADO 🔥