Portal de computación remota para equipos geotécnicos
Una herramienta interna para una empresa constructora, diseñada para que los equipos geotécnicos soliciten y gestionen el acceso a computadoras remotas de alto rendimiento. UX/UI completo más identidad visual y sistema de diseño creados desde cero.
Una herramienta interna de autoservicio para acceder a computación de alto rendimiento
Los equipos geotécnicos de una empresa constructora necesitaban una forma confiable de solicitar y gestionar el acceso a computadoras remotas de alto rendimiento, sin depender del soporte de IT para cada transacción. El portal centraliza las solicitudes de máquinas, la gestión activa, el estado del servicio y una sección de aprendizaje en una única web app interna.
El proyecto requirió diseñar el UX/UI completo del producto desde cero, junto con una identidad visual y un sistema de diseño. El equipo no contaba con marca ni librería de componentes preexistente.
Homepage, tres puntos de entrada que guían a los usuarios a la sección correcta según su necesidad inmediata. Estado del servicio persistente en el nav para que los equipos conozcan la disponibilidad del sistema sin tener que navegar. Chatbot de FAQ integrado directamente en la homepage.
Diseñadora de Producto única, responsable del diseño end-to-end 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 gestionaban las máquinas en su día a día.
- Diseño completo del UX/UI del portal: homepage, About, Learning, Resources, FAQ, Service Status y el flujo de solicitud de máquinas
- Creación de la identidad visual, sistema de color, tipografía e iconografía, construidos como un sistema de diseño pequeño para garantizar consistencia en todas las secciones. La identidad quedó limitada a una sigla por el sistema corporativo, sin logo personalizado permitido.
- Diseño del flujo de checkout de máquinas en pasos con filtros de ubicación en cascada, estados de confirmación y feedback de éxito/error
- Diseño del dashboard de estado del servicio con métricas de uptime en tiempo real, outages planificadas y registro de incidentes con niveles de severidad
- Diseño de acciones de gestión de máquinas (check in, reinicio, extensión, reasignación) con patrones de confirmación apropiados para acciones irreversibles
- Integración de un chatbot conversacional de FAQ para reducir la carga de soporte, luego adoptado como modelo por otros proyectos de la misma organización
Las curvas de nivel de la cartografía topográfica se usaron como textura y motivo visual principal, conectando la interfaz con el contexto geotécnico de las personas que la usan.
La paleta de color se construyó en la intersección de ambos campos: azules oscuros y cyans 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 una sigla sin logo personalizado. El sistema de diseño compensó con tipografía consistente, iconografía y el lenguaje gráfico topográfico para crear una identidad de producto coherente.
Página About, comparación lado a lado de máquinas dedicadas y on-demand con casos de uso y acciones de solicitud directas, permitiendo a los usuarios autoseleccionar el servicio correcto sin contactar soporte.
Flujo de solicitud de máquinas en dos pasos con filtros de ubicación en cascada y una card de confirmación antes de confirmar. El diseño original incluía un dropdown numérico largo para la duración de la solicitud que no reflejaba las restricciones reales del sistema. Al identificar que el sistema solo soportaba 2 o 3 días, el dropdown fue reemplazado por una elección binaria simple, eliminando la necesidad de un email correctivo después del envío.
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, outages planificadas y registro de incidentes concluidos con niveles de severidad (Mínimo, Medio, Alto) y duración. Diseñado para que los equipos evalúen la disponibilidad del sistema de un vistazo sin contactar soporte.
Las decisiones que dieron forma al producto
Sin marca preexistente como referencia, la identidad se construyó desde el contexto de las personas que la usan. Las curvas de nivel de la cartografía topográfica se convirtieron en el lenguaje gráfico, dando al portal una conexión visual con el trabajo geotécnico mientras se mantiene como una herramienta de IT. El resultado es una identidad que pertenece a este equipo específico y no a un portal enterprise genérico.
La página About presenta una comparación directa de máquinas dedicadas y on-demand con casos de uso y acciones de solicitud inline. Los usuarios pueden entender la diferencia y actuar de inmediato sin navegar a una página separada 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 dropdown numérico largo para seleccionar cuántos días solicitar una máquina. Al identificar que el sistema solo soportaba 2 o 3 días, el dropdown fue reemplazado por un toggle simple entre esas dos opciones. Esto eliminó una clase de errores donde los usuarios seleccionaban duraciones no soportadas y luego recibían un email correctivo.
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 visibilidad inmediata sin requerir un paso de navegación adicional. El dashboard de estado cubre el estado actual, historial de uptime, outages planificadas e incidentes concluidos con niveles de severidad.
Se integró un chatbot conversacional en la homepage para responder preguntas frecuentes sin derivar a los usuarios al soporte de IT. El patrón funcionó tan bien que fue adoptado 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 del acceso a máquinas (solicitar, gestionar, 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 intencional en lugar de ensamblado. Entregado con una recepción muy positiva del PM y el equipo geotécnico, y con el patrón del chatbot de FAQ adoptado como modelo por otros proyectos de la organización.