Remote Computing Portal para equipos de geotecnia
Herramienta interna para una empresa constructora, diseñada para que los equipos de geotecnia puedan solicitar y gestionar el acceso a computadoras remotas de alto rendimiento. UX/UI completo más identidad visual y design system construidos desde cero.
Una herramienta interna de autoservicio para acceso a computación de alto rendimiento
Los equipos de geotecnia de una empresa constructora necesitaban una forma confiable de solicitar y gestionar el acceso a computadoras remotas de alto rendimiento, sin tener que pasar por soporte de IT en cada transacción. El portal centraliza solicitudes de máquinas, administración de máquinas activas, estado del servicio y una sección de aprendizaje en una única aplicación web interna.
El proyecto requería diseñar el UX/UI completo del producto desde cero, además de crear una identidad visual y un design system. El equipo no contaba con marca ni librería de componentes preexistentes.
Página de inicio, tres puntos de entrada que guían a los usuarios a la sección correcta según su necesidad inmediata. El estado del servicio persiste en el nav para que los equipos siempre sepan la disponibilidad del sistema sin necesidad de navegar. Chatbot de FAQ integrado directamente en la página de inicio.
Diseñadora de producto responsable del diseño completo del portal, desde la arquitectura de información hasta la identidad visual. El discovery se basó en entrevistas con usuarios e inmersión en el contexto geotécnico, trabajando en estrecha colaboración con el equipo para entender cómo accedían y administraban las máquinas en el día a día.
- Diseñar el UX/UI completo del portal: página de inicio, Acerca de, Aprendizaje, Recursos, FAQ, Estado del servicio y el flujo de solicitud de máquinas
- Crear la identidad visual, sistema de color, tipografía e iconografía construidos como un pequeño design system para garantizar coherencia en todas las secciones. La identidad quedó restringida a un acrónimo por el sistema corporativo, sin permitir un logo personalizado.
- Diseñar el flujo de checkout de máquinas paso a paso con filtros por ubicación, estados de confirmación y feedback de éxito/error
- Diseñar el dashboard de estado del servicio con métricas de uptime en tiempo real, interrupciones planificadas y un log de incidentes con código de severidad
- Diseñar las acciones de administración de máquinas (check in, reinicio, extensión, reasignación) con patrones de confirmación apropiados para acciones irreversibles
- Integrar un chatbot de FAQ conversacional para reducir la carga de soporte, adoptado posteriormente como modelo por otros proyectos de la misma organización
Las líneas de contorno de la cartografía topográfica se usaron como textura y motivo visual principal, conectando la interfaz con el contexto geotécnico de quienes la usan.
La paleta de colores fue construida en la intersección de ambos campos: azules oscuros y cianes que se sienten técnicos sin perder la calidez de una herramienta diseñada para una comunidad específica.
Las restricciones corporativas limitaron la identidad a un acrónimo sin logo personalizado. El design system compensó con tipografía, iconografía y lenguaje gráfico topográfico consistentes para crear una identidad de producto coherente.
Página Acerca de, comparación lado a lado de máquinas dedicadas y bajo demanda con casos de uso y acciones de solicitud directas, para que los usuarios puedan elegir el servicio correcto sin contactar soporte.
Flujo de checkout de máquinas, un proceso de dos pasos con filtros de ubicación en cascada y una tarjeta de confirmación antes de proceder. El diseño original incluía un desplegable numérico largo para la duración de la solicitud que no reflejaba las restricciones reales del sistema. Al identificar que el sistema solo admitía 2 o 3 días, el desplegable fue reemplazado por una elección binaria simple, eliminando la necesidad de un email de corrección por selecciones inválidas.
Estados de éxito y error con resultados claros y próximos pasos accionables, evitando callejones sin salida en un flujo donde la disponibilidad depende de un inventario compartido.
Dashboard de estado del servicio: estado actual, métricas de uptime en tres ventanas de tiempo, interrupciones planificadas y un log de incidentes con código de severidad (Mínima, Media, Alta) con duración. Diseñado para que los equipos puedan evaluar la disponibilidad del sistema de un vistazo sin necesidad de contactar soporte.
Decisiones que dieron forma al producto
Sin marca preexistente como referencia, la identidad fue construida desde el contexto de quienes lo usan. Las líneas de contorno de la cartografía topográfica se convirtieron en el lenguaje gráfico, dándole al portal una conexión visual con el trabajo geotécnico sin dejar de sentirse como una herramienta de IT. El resultado es una identidad que pertenece a este equipo específico y no a un portal empresarial genérico.
La página Acerca de presenta una comparación directa de máquinas dedicadas y bajo demanda con casos de uso y acciones de solicitud inline. Los usuarios pueden entender la diferencia y actuar de inmediato sin navegar a otra página ni contactar soporte, reduciendo la fricción para una audiencia técnica que prefiere tomar sus propias decisiones.
El diseño original incluía un desplegable numérico largo para la cantidad de días a solicitar una máquina. Al identificar que el sistema solo admitía 2 o 3 días, el desplegable fue reemplazado por un toggle simple entre esas dos opciones. Esto eliminó una clase de errores en los que los usuarios seleccionaban duraciones no soportadas y luego recibían un email de corrección tras enviar la solicitud.
La disponibilidad del sistema es lo primero que un usuario necesita saber antes de solicitar una máquina. Un indicador de estado persistente en el nav da a los equipos visibilidad inmediata sin requerir un paso de navegación adicional. El dashboard de estado cubre el estado actual, historial de uptime, interrupciones planificadas e incidentes concluidos con niveles de severidad.
Un chatbot conversacional fue integrado en la página de inicio para responder preguntas frecuentes sin derivar a los usuarios a soporte de IT. El patrón funcionó tan bien que fue adoptado posteriormente como modelo por otros proyectos de la misma organización.
Un producto completo, de la marca a la interacción.
El portal cubrió el ciclo completo de acceso a máquinas (solicitar, administrar, monitorear y aprender) en una única experiencia web coherente. Diseñar la identidad visual junto con el UX significó que cada decisión se tomó en contexto, produciendo un producto que se siente diseñado como un todo. Entregado con muy buena recepción del PM y el equipo de geotecnia, con el patrón del chatbot de FAQ adoptado como modelo por otros proyectos de la organización.