Portview
Smart Port Ecosystem
Rol
Product Designer & UX Writing
Client
Portview / Pandora
Year
'24
Consolidación de una Super-App náutica. Transformamos la gestión portuaria en una experiencia móvil moderna. Unificamos la gestión de puertos con una experiencia móvil moderna para crear un ecosistema Smart Port. Diseñamos flujos end-to-end sin fricción que permiten al patrón centralizar desde el registro de su tripulación hasta la reserva y el guiado al amarre en una única plataforma.
© Portview
El Proceso / Estrategia y Arquitectura
Trazando la ruta: Smart Ports, Accesibilidad y UI Táctica Para consolidar la tecnología en una aplicación de alto rendimiento (mapeando más de 60 pantallas y estados lógicos), el diseño se estructuró en cuatro pilares estratégicos:
1. Arquitectura de Ecosistema: El Marketplace Portuario: Transformamos la aplicación en el epicentro del Smart Port. Integramos una vertical de servicios que conecta el tejido comercial local (restauración, hoteles y mantenimiento) con las necesidades del patrón en tiempo real. Esta estructura convierte una herramienta de gestión en un marketplace dinámico que impulsa la rentabilidad del puerto y centraliza la experiencia del usuario en un solo lugar.
2. Ingeniería de Contraste y Legibilidad Táctica: La interfaz se diseñó para sobrevivir a condiciones lumínicas extremas en cubierta. Realizamos un análisis de contraste (WCAG) y saturación para definir una paleta de alta visibilidad. El "Azul Portview" no es estético: es funcional. Está optimizado para reducir el deslumbramiento y garantizar que las alertas críticas sean legibles incluso bajo la incidencia directa del sol.
3. Design System de Balizamiento Marítimo: Se rediseñó desde cero todo el sistema de iconografía técnica. Los vectores genéricos de boyas cardinales, faros y marcas de peligro se sustituyeron por formas sólidas optimizadas para una lectura inmediata e inequívoca sobre el mapa satelital.
4. UX Writing y Prevención de Errores: Inmersión total en el ecosistema náutico. Se redactaron el copy, estados vacíos y alertas adoptando la jerga exacta para hablarle de tú a tú al patrón, transformando una herramienta genérica en un copiloto técnico de máxima confianza.
Impacto y Resultados
El Impacto: La materialización del ecosistema "Smart Port". No es solo un rediseño, es la consolidación digital de Pandora Global. Logramos unificar la gestión B2B con una experiencia B2C fluida, transformando un proceso administrativo estresante en una navegación asistida. El resultado es un producto estratégico que no solo mejora la seguridad del patrón, sino que abre vías de monetización inéditas para la red portuaria mediante la integración inteligente de servicios.
Diseño de Interacción: Next Steps
He diseñado la funcionalidad para que la reserva de servicios sea contextual y sin fricciones. Integrando disparadores de reserva en el mapa y en el sistema de guiado, el usuario puede, por ejemplo, reservar mesa en un restaurante local mientras se dirige a su amarre. Esta capa de diseño transforma los puntos de interés en nodos transaccionales, simplificando la logística del patrón y asegurando un flujo de clientes constante para los comercios del puerto.
Challenge
El reto fue transformar un proceso administrativo fragmentado (gestión de registros, fechas y trámites de atraque) en un flujo transaccional fluido e in-app. El desafío consistió en integrar funcionalidades complejas, como el guiado al amarre, sin saturar la carga cognitiva del usuario. Rediseñamos la arquitectura para garantizar una legibilidad extrema bajo el sol cegador, asegurando cero distracciones al timón.
Service
Diseño de Interacción, Arquitectura de Información y Accesibilidad UI.
Blind Access