Sitio web

Claro-Sat

G Id

Diseñamos un portal de soporte técnico capaz de salvar operaciones marítimas críticas. Optimizado para conectividad satelital de bajo ancho de banda y uso rudo en alta mar.

El objetivo de la estrategia UX/UI fue ofrecer respuestas funcionales en milisegundos, garantizando que las tripulaciones puedan resolver problemas técnicos incluso con señal intermitente y pantallas táctiles mojadas.

Mockups Transparentes Claro-Sat

Detalle del Servicio: Soporte Satelital

Una solución robusta y de carga ultraligera diseñada para asistir a las tripulaciones marítimas en entornos extremos y sin conectividad.

Carga Ultra-Ligera

Arquitectura libre de recursos pesados. Garantiza el despliegue del portal con mínima señal satelital.

🛠️

Diagnóstico Offline

Caché local con árboles de decisión precargados para solucionar problemas de hardware sin internet.

👆

Interacción Táctil

Botones sobredimensionados para evitar toques accidentales en pantallas húmedas y con el oleaje del barco.

☀️

UI Alto Contraste

Paleta de colores optimizada para evitar reflejos solares directos sobre los monitores de cubierta.

Comprender los problemas y los usuarios

Metodología aplicada para entornos de Alta Mar:

01 Identificar

Limitantes Técnicas

Análisis de la latencia satelital y tiempos de carga con menos de 100kbps disponibles.

02 Entender

Contexto Marítimo

Entrevistas a capitanes y tripulación sobre estrés visual por el sol y el oleaje continuo.

03 Definir

Reducción de Carga

Los manuales PDF pesan mucho. Se necesita un árbol de decisiones visual e interactivo offline.

04 Idear

Prototipado "Fat-Finger"

Diseño de interfaces con áreas de toque grandes para compensar el movimiento del barco.

Diagrama UX

Asignación de recursos y tiempos para el equipo de diseño.

Q1Q2Q3Q4
Investigación y Entrevistas
Wireframes & Tree Testing
Desarrollo & Lanzamiento

Resultados de Investigación

Métricas Clave

  • 17 Entrevistas a tripulación
  • 2 User Personas creados
  • 8 Pains & Needs identificados

El 79% de los usuarios necesitan:

  • Un menú de navegación que simplifique el contacto técnico a un solo clic.
  • Acceso rápido a tutoriales de auto-reparación y resolución de problemas offline.
  • Visibilidad clara de la pantalla bajo la intensa luz solar directa del mar.
  • Una plataforma que cargue incluso con la velocidad limitada de la red satelital en altamar.

Benchmarking

Competidor Ventajas / Pros Puntos de dolor / Cons Nuestra Oportunidad
Starlink Maritime Conexión rápida y portal moderno. Dependencia excesiva de red activa. Si la antena falla, la web no carga. Crear un diagnóstico de caché local (Offline-first) para fallas de hardware.
Iridium Support Soporte telefónico global efectivo. Las llamadas satelitales son costosas y tienen alta latencia de voz. Portal de auto-reparación visual que evite la necesidad de hacer llamadas.
Claro-Sat (Nuestro) - - Arquitectura Ultra-Ligera en Vectores, botones para uso en oleaje (Fat-Finger Design) y modo offline nativo.

Customer Journey Map

Etapa 1. Falla Técnica 2. Intento de Contacto 3. Troubleshooting 4. Restablecimiento
Acción La antena satelital pierde conexión en medio de un frente frío. Accede al portal de Claro-Sat desde la tablet de cubierta, bajo la lluvia. Sigue las instrucciones visuales en pantalla para reiniciar el módulo físico. La luz del módem vuelve a verde. Envía reporte de log al corporativo.
Pensamiento "¡Perdimos el GPS! Estamos ciegos en altamar." "Ojalá la página de soporte cargue con esta conexión intermitente." "Los botones son grandes, puedo tocarlos incluso con el barco moviéndose." "Resuelto en 5 minutos sin tener que esperar en la línea telefónica."
Emoción 😨 😐 😲 😌
Touchpoints Hardware del Barco Portal Web (Caché Offline) UI Interactiva Dashboard de Conexión
Oportunidad UX Pantallas de error amigables que no induzcan al pánico ni usen lenguaje técnico confuso. "Offline-First Design" usando Service Workers para guardar el manual localmente. "Fat-Finger Design" con áreas seguras entre botones para prevenir toques accidentales por el oleaje. Ilustraciones de alto contraste para combatir el resplandor solar marino en las tablets.

Puntos de Dolor y Necesidades

Las 6 áreas principales identificadas en la evaluación cualitativa:

Pains

Tiempos de Carga

Las páginas de soporte normales pesan demasiado para el ancho de banda marítimo.

Pains

Entorno Extremo

Oleaje fuerte y luz del sol directa impiden leer textos pequeños.

Pains

Falta de Señal

El soporte tradicional requiere llamadas telefónicas imposibles en altamar.

Needs

Despliegue Rápido

Interfaces limpias, sin imágenes pesadas y basadas en vectores.

Needs

Diseño Accesible

Botones masivos y alto contraste para pantallas táctiles de barcos.

Needs

Troubleshooting Offline

Manuales técnicos en caché para diagnosticar fallas de hardware locales.

Arquitectura y User Flow

1. Abrir Portal (Caché Local)
2. Seleccionar Error ("No GPS")
3. Seguir Paso a Paso Interactivo
4. Restablecer Señal

Wireframes y Diseño UI

Construcción de alta fidelidad iterando la lectura táctil y el uso rudo nocturno del diseño.

Diseño de Interfaces UI Proyecto 4

Accesibilidad y Detalles Finales

Las entregas finales aseguran la compatibilidad total con pantallas táctiles capacitivas expuestas al agua salada, usando áreas de toque ("touch targets") de mínimo 48x48px.

El modo de "Alto Contraste Marino" fue probado en monitores de cubierta bajo luz solar directa, garantizando legibilidad técnica sin causar fatiga visual en los navegantes.