Editor web interactivo para crear croquis de emergencia y evacuación con herramientas gráficas especializadas.
EvacuaPlan Studio busca trasladar a la web un proceso que normalmente requiere herramientas gráficas generales o trabajo manual. El objetivo es ofrecer un editor especializado, comprensible y preparado para documentos imprimibles.
Rol
Diseño de producto y desarrollo Full Stack
Periodo
2026–actualidad
Plataforma
Escritorio y tablet
Estado
Prototipo técnico funcional
El problema
Los croquis de emergencia combinan estructura arquitectónica, simbología, rutas, textos y requisitos de impresión. Las herramientas genéricas pueden ser demasiado complejas para usuarios que solo necesitan producir un documento claro y normativamente útil.
El desafío consiste en reducir esa complejidad sin perder precisión, capacidad de edición ni compatibilidad con distintos dispositivos de entrada.
La solución
Diseñé un lienzo fijo por nivel con herramientas específicas para paredes, puertas, ventanas, áreas, textos, escaleras y símbolos de emergencia.
La interfaz combina edición directa sobre el lienzo con un panel contextual de propiedades, historial de cambios, selección múltiple y controles adaptados a mouse, touch y lápiz.
Mi participación
Defino el comportamiento de las herramientas, convierto necesidades operativas en reglas de interacción y desarrollo la arquitectura técnica que mantiene objetos, geometría e historial de cambios.
Definición funcional y experiencia de edición
Modelado de objetos y estado gráfico
Herramientas de dibujo y transformación
Interacción con mouse, touch y Apple Pencil
Pruebas visuales, funcionales y responsive
Git, checkpoints y entregas incrementales
Decisiones de ingeniería
La parte visible es el lienzo; la dificultad real está en conservar relaciones coherentes entre objetos y permitir cambios reversibles.
Cada nivel usa un área definida para mantener relación con medidas, orientación y salida final para impresión.
Paredes, aberturas, áreas, textos y símbolos mantienen propiedades y comportamientos propios.
Los cambios se gestionan mediante historial para permitir experimentación sin perder el estado anterior.
Varios elementos pueden moverse y administrarse juntos respetando objetos bloqueados o protegidos.
Las herramientas se validan con mouse, gestos táctiles, pinch-zoom, desplazamiento con dos dedos y Apple Pencil.
Las funciones se incorporan en etapas pequeñas para validar comportamiento antes de ampliar la complejidad.
Capacidades actuales
Creación y edición de paredes, puertas, ventanas, áreas y escaleras.
Biblioteca de elementos que pueden moverse, rotarse, escalarse y bloquearse.
Selección múltiple, copiar, pegar, bloquear, ocultar, eliminar, deshacer y rehacer.
Acercamiento, ajuste de vista, desplazamiento y comportamiento adaptado a dispositivos táctiles.
Base preparada para trabajar con distintos pisos y vistas relacionadas del edificio.
La estructura del editor se diseña pensando en documentos finales claros y listos para impresión.
Recorrido visual
Biblioteca y transformación de símbolos
Elementos de emergencia que pueden moverse, redimensionarse, rotarse, bloquearse y copiarse.
Estado del proyecto
El editor ya permite construir estructuras, insertar símbolos, transformar objetos y trabajar con selección múltiple en escritorio y tablet.
El proyecto continúa en desarrollo y representa una demostración de trabajo con estado complejo, geometría, interfaces gráficas e interacción táctil.
Evidencia verificable
Desarrollo activo
Mouse, touch y Apple Pencil
Selección múltiple
Undo y redo
Arquitectura por niveles
Siguiente paso
Puedo ayudar a convertir reglas de interacción y procesos técnicos en una aplicación web mantenible.
