Observación
- SmartMap
- Viewer
Panóptico · 2017—2018
Diseñando un sistema para entender y operar una ciudad conectada.
Panóptico era una plataforma de monitoreo urbano diseñada para integrar cámaras, dispositivos, eventos, operadores y datos territoriales dentro de una misma experiencia operativa.
- Conceptualización de producto
- Product Design
- UX/UI
- Branding
- Front-end
[MOCK — panoptico-hero]
Composición del ecosistema Panóptico
La infraestructura ya existía.Lo que faltaba era integrarla.
Durante años, municipios y organismos incorporaron cámaras, centros de monitoreo, móviles, sistemas de alerta y otras tecnologías. Pero gran parte de esa infraestructura funcionaba como piezas separadas.
Panóptico nació como una capa común capaz de conectar esos recursos y convertirlos en una operación integrada.
[MOCK — ecosystem-diagram]
- Cámaras
- Alertas
- Personas
- Vehículos
- Organismos
- Centros de monitoreo
- Datos
Panóptico
- Observar
- Operar
- Analizar
Diseñar para un sistema, no para una pantalla.
Panóptico combinaba herramientas de monitoreo de video, visualización territorial, registro y gestión de eventos, administración de dispositivos, analítica, roles y permisos.
El desafío era construir coherencia entre productos con objetivos, información y contextos de uso diferentes.
El problema no era resolver una pantalla.
Era definir una lógica que pudiera sostener a toda la suite.
-
Territorio
-
Dispositivos
-
Monitoreo
-
Eventos
-
Gestión
-
Analítica
De una herramienta a una familia de productos.
Junto con el equipo participé en conceptualizar Panóptico como una suite de herramientas especializadas conectadas por un mismo modelo de producto, identidad y lenguaje de interacción.
[MOCK — product-family]
Panóptico
Operación
- Regis
- RegAdmin
- Ediv
Inteligencia
- Command
- GeoData
Administración
- Usuarios
- Roles
- Zonas
- Dispositivos
Una suite necesitaba comportarse como una suite.También necesitaba parecer una.
Diseñé la identidad de Panóptico y un lenguaje visual que permitiera reconocer cada producto como una herramienta específica sin perder la pertenencia al sistema.
[MOCK — brand-system]
Panóptico
Panóptico
- SmartMap
- Regis
- RegAdmin
- Viewer
- Command
- GeoData
-
Familia
Una marca madre y herramientas reconocibles como parte del mismo sistema.
-
Función
Cada producto se diferencia por su tarea, no por un lenguaje visual aparte.
-
Reconocimiento
Iconografía y tratamientos compartidos para sostener la pertenencia a la suite.
Diseñar todas las interfaces significaba definir reglas, no pantallas.
Las herramientas tenían tareas distintas —explorar territorio, observar video, registrar eventos, administrar dispositivos o analizar información— pero necesitaban compartir una estructura reconocible.
[MOCK — interface-smartmap]
SmartMap
[MOCK — interface-viewer]
Viewer
[MOCK — interface-regis]
Regis
[MOCK — interface-regadmin]
RegAdmin
[MOCK — interface-admin]
Administración
[MOCK — interface-dashboard]
Command / analítica
- Navegación coherente
- Jerarquía operacional
- Contexto territorial
- Paneles contextuales
- Iconografía compartida
- Estados del sistema
El territorio como interfaz.
SmartMap es un buen ejemplo de cómo las decisiones de sistema se materializaron en una herramienta concreta.
v0.5
[MOCK — smartmap-v05]
SmartMap · v0.5
v1.0
[MOCK — smartmap-v10]
SmartMap · v1.0
[MOCK — smartmap-navigation]
SmartMap · navegación contextual
-
01
Navegación contextual
Acercar las herramientas al lugar donde sucede la operación.
-
02
Jerarquía
Reducir elementos secundarios para que territorio y dispositivos sean protagonistas.
-
03
Consistencia
Aplicar el lenguaje de la suite sin perder las necesidades específicas de SmartMap.
Observar era solamente el comienzo.
Las distintas herramientas existían porque la operación no terminaba en la imagen: había que detectar, registrar, gestionar, analizar y decidir.
[MOCK — operational-flow]
-
Territorio
-
Detectar
cámara / alerta
-
Observar
Viewer / SmartMap
-
Registrar
Regis
-
Gestionar
RegAdmin
-
Analizar
Command / GeoData
-
Decidir
El modelo podía crecer más allá de las cámaras.
Una vez definido un modelo basado en territorio, actores, dispositivos, eventos e información, podían incorporarse nuevas fuentes sin replantear conceptualmente todo el producto.
[MOCK — extensibility]
- Partes Urgentes
- Alertas
Panóptico
- InfoCar
- Sensores
Estas extensiones son evidencia de que el modelo podía absorber nuevas fuentes. No son casos adicionales.
Diseñar el producto significó diseñar el sistema.
Mi trabajo en Panóptico abarcó desde la conceptualización de la suite y su arquitectura de producto hasta la identidad visual y el diseño de sus interfaces.
El desafío más importante no fue resolver una pantalla individual, sino encontrar una lógica capaz de conectar territorio, dispositivos, operadores, eventos y datos dentro de una experiencia coherente.
[MOCK — panoptico-closing]
Composición de cierre
Siguiente proyecto
KIU
Product Design para un ecosistema de aerolíneas: reservas, check-in, operaciones y servicios al pasajero.