Website Design

Dashboard interactivo

Diseño + Dev

scroll

Cliente

Vulnmaster

Año

2025

Rol

Diseño + Dev

Ver sitio

// overview

Convertir datos de seguridad complejos en decisiones claras

Diseñé y desarrollé el dashboard interno de Vulnmaster: la interfaz donde los equipos de seguridad gestionan vulnerabilidades, priorizan riesgos y toman acción. La plataforma centraliza escaneos automáticos con herramientas como Burp Suite, NMAP y OpenVAS, matrices de riesgo basadas en OWASP, recomendaciones generadas por IA y reportes exportables en Excel, PDF y HTML. El reto fue hacer que toda esa densidad de datos fuera legible, accionable y sin fricción.

// stack
Next.js90%
Tailwind CSS85%
Figma80%
OWASP70%
SaaS75%
// proceso

01

Arquitectura de datos

Mapeo de todos los tipos de dato (resultados de escaneos, niveles de riesgo, planes de acción, historial) y definición de jerarquía y agrupación.

02

Diseño UI

Diseño de componentes para matrices de riesgo, tarjetas de vulnerabilidad y paneles de reporte. Prototipado interactivo en Figma.

03

Desarrollo

Implementación modular en Next.js con visualización de datos dinámica, integración de IA y exportación en múltiples formatos.

// resultados

IA

Recomendaciones

3x

Formatos de exportación

OWASP

Estándar de riesgo

// galería
Dashboard interactivo — 1
Dashboard interactivo — 2
Dashboard interactivo — 3
Dashboard interactivo — 4
Dashboard interactivo — 5
Dashboard interactivo — 6
Dashboard interactivo — 7
Dashboard interactivo — 8