Rol: UX/UI Designer
Entender bien el producto, mejorar y fusionar las dos apps.
Shoreview es una app que le ayuda al usuario náutico a identificar que hay en la costa, puerto o alrededor de los mismos, dando a conocer su entorno y avisos en tiempo real de posibles adversidades propias del entorno marino. En cuanto a Portview es otra app que te permite cómo usuario de barco poder hacer un guiado al amarre seguro, donde podrás elegir entre un guiado en RA, satélite o relieve.
La primera fase era entender bien los productos, cómo podía ayudar al usuario naútico mejorar su experiencia a través de la app y mejorar a nivel gráfico las apps existentes porque posteriormente se hará una interacción de unión de los dos productos y que haya una consistencia.
Hice una arquitectura de la información de ambos productos, un inventario de lo que hay. Luego realice una heurística de ambos.
Para crear un fusión de los dos tenía que plantear la hipótesis de que era lo más importante para el usuario y donde plantear esta fusión, sin crear mucho cambio visual en la app y si es preciso iterar.
Tras fusionar las dos apps, se me pidió integrar funcionalidades:
poder crear reservas en los puertos elegidos en el mapa por parte del usuario.
poder hacer el pago online.
poder tener toda la documentación online para agilizar procesos de reservas.
futuribles integración del marketplace
Se plantea varios problemas, uno de ellos es que los procesos de reservas en los puertos hay factores que no dependen de un factor de automatizado, y requiere muchos actores en los que se quiere alinear y que intervengan menos pasos y sea todo más efectivo y rápido para el usuario.
Hight Fidelity
Funcionalidades Rediseñadas
Soft research
empatizar con el usuario, necesidades y buscar nuevas funcionalidades.
Diseño de la web de producto
Diseño de las webs de producto de portview.app y shoreview.app.
Mapa mental app
Hacer un inventario de todo lo que compone la app y su interacción con el user y servicios.
A donde queremos llegar
Fusionar las dos app e integración de un servicio de reservas a través de los puertos ya asociados.
Flowchart
Representa visualmente el flujo de navegación y las interacciones del usuario navegante dentro de shoreview. Este diagrama muestra las diferentes pantallas y cómo están conectadas entre sí a través de acciones del usuario, como tocar botones, deslizar la pantalla o ingresar datos.
Navigation
Lo-Fi, de la tarea de guíado al amarre.
Wireframe low
Como integrar reservas.
Tarea de primera fase de solicitar reserva
La reserva en sí en un puerto requiere un proceso que puede ser rápido y lento dependiendo de cada puerto pero con la app se intenta unificar documentación y procesos para que sea lo más rápido, sencillo y efectivo para el usuario y pueda tomar una decisión más clara y feedback del puerto acorde a sus necesidades.
Design icon
Diseño de iconos de referencia maritima y integrarlo como elemento visual dentro de una jerarquía de elementos ya integrados, para que el usuario tenga un mayor control de situación en el mar y posible acercamiento a la costa con seguridad.
Icon
Los iconos se integran tanto en modo visualización de relieve como en satélite.
Guiado al amarre
Mejora en la visualización de la anterior versión.
Benckmaking
Uno de los retos que me supuso mejorar es el color, en alta mar el grado de luminosidad es muy alta por lo que la visualización de la app requería un alto contraste sin perjudicar a la consistencia, claridad de los elementos visuales del foco de guiado o referencia en cuanto a la costa/puerto.
User persona
Requeria crear un user persona principal para mejorar el producto para identificar pains, futuribles o en que estamos acertando, para una posible iteración del producto y mejorar sobre la competencia.
Benckmaking
Identificar a la competencia directa que es varia para mejorar lo que ellos tenga y ver que podemos diferenciarnos sobre ellos.
Hi-Fi app
Unificación de portview y shoreview.
Hi-Fi portview app
Interacción de todo el proceso del guiado al amarre con sus posibles fallas, visualizaciones y procesos.
Design & Layout
Rediseño de elementos ya integrados para que el usuario pueda seguir con su uso de la app.
Futuribles
Integración de servicio 360º náutico: puerto deportivo + hostelería, hoteles, alquiler + servicio de digitalización.
Hight Fidelity
Todas las interacciones
