Manual Usuario Cliente Web - martin-hendricks/MISO-PROYECTO-FINAL-SOLVENTA GitHub Wiki

Manual de Usuario — Solventa Portal Web

Seguros digitales para el cliente asegurado — navegador

Guía de usuario de la Semana 8 (rúbrica Proyecto Final 1, §3.c). Explica el prototipo final del canal web, Screens · S7 validación.

Detalle
Aplicación Solventa — Portal web (cliente asegurado)
Superficie Navegador. Escritorio 1440, tablet 768 y teléfono 390
Audiencia Persona que contrata y consulta sus propios seguros
Fuente Prototipo S7. El código del canal se construye en el Proyecto Final 2
Fecha 2026

Recorrer el prototipo: Abrir el portal web — inicia en Login

Otras guías: App móvil · Back-office · Mapa del prototipo


Tabla de contenidos

  1. Introducción
  2. Requisitos y acceso
  3. Cómo navegar por el portal
  4. Cómo elegir idioma, registrarte e iniciar sesión
  5. Cómo usar Inicio
  6. Cómo cotizar un seguro
  7. Cómo revisar la oferta y emitir la póliza
  8. Cómo consultar tus pólizas y avisos
  9. Cómo reportar un siniestro
  10. Cómo consultar un pago automático
  11. Cómo pedir protección ligada a un crédito
  12. Cómo usar Perfil
  13. Accesibilidad, idioma y ubicación

1. Introducción

1.1. ¿Qué es el portal web de Solventa?

El portal web es el canal en el navegador para cotizar, aceptar una oferta, consultar tus pólizas y reportar un siniestro. Administras tus seguros. La cartera de terceros, las colas de avisos y la decisión de pago pertenecen al back-office.

1.2. ¿Para quién es este manual?

Está dirigido a la persona asegurada que usa Solventa en el navegador, en computador, tablet o teléfono.

1.3. ¿Qué puedes hacer?

  • Elegir idioma y región (es-CO, es-MX, es-CL, es-PE) y ver montos y fechas en ese formato.
  • Crear una cuenta, aceptar el tratamiento de datos (habeas data) e iniciar sesión.
  • Cotizar por ramo. Los datos del riesgo cambian según el producto: dispositivo, viaje, vida, clima y vuelos, pagos o hipotecario.
  • Revisar la prima, aceptar la oferta y ver el resultado de la emisión o el rechazo.
  • Consultar la lista y el detalle de tus pólizas, y leer avisos de vencimiento y renovación.
  • Reportar un siniestro adjuntando un archivo. La ubicación del navegador es opcional.
  • Consultar un pago automático de clima o vuelos.
  • Pedir protección de pagos o vida hipotecario, con el consentimiento de perfilamiento como paso de ese flujo.
  • Cambiar idioma, revisar consentimientos y cerrar sesión desde Perfil.

2. Requisitos y acceso

2.1. Requisitos

Requisito Mínimo
Navegador Navegador actual con JavaScript. No se instala una aplicación.
Pantalla El contenido se adapta a 390, 768, 1024 y 1440 px.
Conectividad Conexión a internet para abrir el prototipo.
Cuenta Figma No hace falta para recorrer el prototipo.

2.2. Abrir el prototipo

  1. Abre el enlace Recorrer el portal web.
  2. El recorrido empieza en Login a 1440 px.
  3. Si no ves las zonas activas, presiona la tecla E.
  4. Haz clic en botones y enlaces para avanzar. La flecha del visor de Figma también cambia de pantalla.

Otros puntos de entrada:

Recorrido Para qué
Idioma y región Primer arranque, paso 1 de 3.
Evidencia del siniestro Adjuntar archivo y ubicación opcional.
Ancho 768 Misma información, márgenes más cortos.
Ancho 390 Menú hamburguesa y una sola columna.

3. Cómo navegar por el portal

3.1. Antes de iniciar sesión

Login, idioma y región, registro y consentimiento de datos se muestran sin la barra de destinos. En escritorio el panel de marca queda a un lado y el formulario al otro. En 390 el bloque de marca queda arriba y el formulario abajo.

Iniciar sesión · portal web

3.2. Barra superior después de iniciar sesión

En Inicio, Pólizas, Siniestros y Perfil la barra muestra:

Elemento Función
Logo Solventa Identifica el portal.
Inicio Resumen de tus objetos: oferta, póliza, siniestro y, si aplica, crédito.
Pólizas Lista y detalle de tus pólizas.
Siniestros Lista de casos y alta de un aviso.
Perfil Idioma, consentimientos y cierre de sesión.
Nueva cotización Botón para cotizar. Es una acción, no un quinto destino.
Avatar Acceso a tu identidad en la barra.

El destino activo queda subrayado. Nueva cotización no se subraya como destino.

En pantallas anidadas (cotización, oferta, detalle, aviso, evidencia) la barra sigue mostrando el destino padre y aparece ← Volver.

Inicio · barra superior

3.3. Teléfono (390 px)

La barra se compacta: logo, botón de menú y avatar. El menú abre la lista de destinos. Ciérralo para volver al contenido. No hay barra inferior: esa navegación es de la app Android.

Menú en 390 px

3.4. Emisión en curso

Mientras la póliza se emite, y en la pantalla de póliza emitida, la barra de destinos se oculta. Sales con Ver mi póliza o Ir al inicio.

Emitiendo Póliza emitida
Emisión en progreso Póliza emitida

4. Cómo elegir idioma, registrarte e iniciar sesión

4.1. Idioma y región (primer arranque)

Es el paso 1 de 3. Elige una región. La opción seleccionada se marca con borde, check y texto.

Región Ejemplo de formato
Colombia · es-CO $48.900 COP · 07/09/2026
México · es-MX $1,234.56 MXN · 09/07/2026
Chile · es-CL Mismo monto, formato de Chile
Perú · es-PE Mismo monto, formato de Perú
  1. Toca la región. El ejemplo de fecha y monto cambia en la misma pantalla.
  2. Pulsa Continuar. El siguiente paso es el registro.

Puedes cambiar la región después desde Perfil. El núcleo entrega la prima y el código de moneda; el portal aplica el formato.

Colombia · es-CO México · es-MX
Idioma y región · es-CO Idioma y región · es-MX

4.2. Registro y consentimiento

  1. Completa el alta (paso 2). Si ya tienes cuenta, usa Ya tengo cuenta para ir al login.
  2. En el consentimiento de datos (paso 3) lee el texto legal enlazado y otorga el tratamiento de datos personales.
  3. Al terminar entras a Inicio.
Registro Consentimiento de datos
Registro Consentimiento de datos

4.3. Iniciar sesión

  1. En Login ingresa correo y contraseña.
  2. Pulsa el botón de ingreso.
  3. Con sesión válida llegas a Inicio.

Si los datos no son válidos, el login muestra el estado de error en la misma pantalla. No es otra sección del menú.


5. Cómo usar Inicio

Inicio agrupa lo que ya tienes, con ramo, estado y siguiente paso:

  • Oferta vigente, si hay una cotización por aceptar.
  • Póliza, con acceso al detalle.
  • Siniestro en curso, si hay un caso.
  • Protección ligada a crédito, si hay una originación hipotecaria.

Nueva cotización está en Inicio y también en Pólizas cuando la lista está vacía (primera póliza).

Inicio · resumen


6. Cómo cotizar un seguro

6.1. Abrir el formulario

  1. Pulsa Nueva cotización en Inicio, o el mismo llamado en Pólizas si aún no tienes pólizas.
  2. Elige el ramo. Hay un solo formulario: al cambiar el ramo cambian la descripción y los datos del riesgo. Los datos de identidad se mantienen.
Ramo Qué te pide Qué no te pide
Dispositivo Valor del equipo, marca y modelo, y si tiene más de 12 meses. Destino de viaje ni datos de crédito.
Viaje Destino y duración. Valor o marca de un dispositivo.
Vida Suma asegurada y edad. Datos de un equipo.
Clima y vuelos Tipo de evento, referencia (vuelo o zona) y umbral. Un aviso de siniestro. El evento dispara el pago.
Pagos Cuota y plazo del crédito de consumo. Datos de un dispositivo.
Hipotecario Valor y plazo del crédito. Sigue en el consentimiento de perfilamiento. Empezar desde Perfil.

Nueva cotización

6.2. Obtener la oferta

  1. Revisa la descripción corta del ramo.
  2. Completa los datos de ese riesgo.
  3. Pulsa Cotizar.
  4. La oferta en firme muestra la prima (el precio del seguro), la moneda y la vigencia. La prima no es el valor del bien.

Ver oferta


7. Cómo revisar la oferta y emitir la póliza

7.1. Aceptar

  1. En Ver oferta confirma ramo, estado, prima y vigencia.
  2. Pulsa Aceptar.
  3. La pantalla Emisión en progreso oculta la navegación mientras se procesa la suscripción.

7.2. Póliza emitida

Si la suscripción aprueba:

  • Ves el ramo y el número de la póliza. La cotización queda creada como póliza.
  • Ver mi póliza abre el detalle en Pólizas.
  • Ir al inicio vuelve al resumen.

7.3. Suscripción rechazada

Si el núcleo rechaza:

  • La pantalla explica el motivo.
  • No se crea póliza.
  • Volver al inicio regresa al resumen para cotizar otro producto.

Suscripción rechazada


8. Cómo consultar tus pólizas y avisos

8.1. Lista

  1. Pulsa Pólizas en la barra superior.
  2. Cada fila o tarjeta muestra ramo, estado y un resumen del tipo.
  3. También verás recomendaciones de siniestro propias de ese ramo.
  4. Si la lista está vacía, usa Nueva cotización.

Lista de pólizas

8.2. Detalle

Abre una póliza para ver coberturas, vigencia y estado. Desde ahí puedes leer:

Aviso Qué informa
Vencimiento La póliza está por vencer. Es lectura: no renuevas desde el portal.
Renovación La renovación ya aplicada. Configurar la renovación automática queda fuera de esta versión.

Usa ← Volver para regresar a la lista. El destino subrayado sigue siendo Pólizas.

Detalle Vencimiento Renovación
Detalle de póliza Aviso de vencimiento Aviso de renovación

9. Cómo reportar un siniestro

Necesitas una póliza vigente. El formulario usa los campos y las recomendaciones del ramo de esa póliza.

9.1. Crear el aviso

  1. Pulsa Siniestros.
  2. Pulsa Reportar.
  3. Completa el aviso. En dispositivo, la evidencia es la foto del daño. Otros ramos no reutilizan ese mismo formulario.
  4. Continúa a la evidencia.
Lista de siniestros Aviso
Lista de siniestros Reportar siniestro

9.2. Adjuntar el archivo

La evidencia en la web es una zona para soltar o elegir un archivo. No se abre la cámara del teléfono.

  1. Arrastra el archivo o selecciónalo desde el equipo.
  2. Escribe la dirección. Ese dato siempre está disponible.
  3. Si quieres geoetiquetar, pulsa Usar ubicación del navegador.

Evidencia · archivo

9.3. Ubicación del navegador

El navegador pregunta en ese momento, no al entrar al portal.

Elección Resultado
Permitir El aviso queda con coordenadas.
Bloquear El aviso se envía igual, sin geoetiqueta.

Confirma el envío. El caso vuelve a la lista de siniestros, donde puedes ver el avance. La decisión de aprobar, rechazar o pagar la toma el operador en el back-office.


10. Cómo consultar un pago automático

Clima y vuelos no se reportan como un siniestro asistido. Cuando el evento supera el umbral, el resultado aparece como Pago automático en Siniestros.

  1. Abre Siniestros.
  2. Abre el caso de pago automático.
  3. Revisa el resumen del evento y el monto. El título en el canal es Pago automático.

Pago automático


11. Cómo pedir protección ligada a un crédito

La vida hipotecaria y la protección de pagos no se inician desde Perfil.

  1. En Inicio, abre la tarjeta de crédito o pulsa Nueva cotización y elige Hipotecario o Pagos.
  2. En hipotecario, el paso siguiente es el consentimiento de perfilamiento. Lee el texto legal y continúa.
  3. Revisa la oferta hipotecaria (factores y prima).
  4. Pulsa Aceptar. El resto es el mismo camino de emisión: progreso, póliza emitida o rechazo.
Consentimiento de perfilamiento Oferta hipotecaria
Consentimiento hipotecario Oferta hipotecaria

12. Cómo usar Perfil

  1. Pulsa Perfil.
  2. Cada fila abre un diálogo encima de la página. No es una pantalla nueva de registro.
Diálogo Acción al terminar
Idioma y región Guardar o Cerrar. El formato de montos y fechas se actualiza.
Consentimiento de datos Consultar el texto o Revocar.
Vida crediticia Entendido o Cerrar. No inicia una cotización hipotecaria.
Cerrar sesión Confirmar. Vuelves a Login.

Cierra el diálogo para seguir en Perfil. El diálogo no te lleva al onboarding ni a una oferta.

Perfil Idioma y región
Perfil Diálogo de idioma

13. Accesibilidad, idioma y ubicación

13.1. Accesibilidad

  • Los colores de botón usan el par de contraste del design system: fondo primario con texto sobre primario.
  • El foco por teclado sigue el orden visual. Un enlace navega; el resto de controles son botones.
  • Una opción elegida se indica con borde, check y texto, no solo con color.
  • En el visor de Figma en escritorio: Options → Accessibility settings → Adapt content for screen readers. VoiceOver, NVDA y JAWS pueden leer el prototipo.
  • La validación automática con axe sobre el sitio publicado corresponde al canal ya programado.

Detalle: Usabilidad del prototipo · Cumplimiento Axe y Nielsen · cliente.

13.2. Qué no incluye este canal

  • No hay campana de notificaciones. Los avisos de la póliza se leen en Pólizas.
  • No hay cámara del sistema ni permisos de Android. La evidencia es un archivo.
  • No hay destinos de Open Finance ni de análisis de riesgo.
  • No se instala desde una tienda de aplicaciones.