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
- Introducción
- Requisitos y acceso
- Cómo navegar por el portal
- Cómo elegir idioma, registrarte e iniciar sesión
- Cómo usar Inicio
- Cómo cotizar un seguro
- Cómo revisar la oferta y emitir la póliza
- Cómo consultar tus pólizas y avisos
- Cómo reportar un siniestro
- Cómo consultar un pago automático
- Cómo pedir protección ligada a un crédito
- Cómo usar Perfil
- 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
- Abre el enlace Recorrer el portal web.
- El recorrido empieza en Login a 1440 px.
- Si no ves las zonas activas, presiona la tecla
E. - 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.

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.

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.

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 |
|---|---|
![]() |
![]() |
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ú |
- Toca la región. El ejemplo de fecha y monto cambia en la misma pantalla.
- 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 |
|---|---|
![]() |
![]() |
4.2. Registro y consentimiento
- Completa el alta (paso 2). Si ya tienes cuenta, usa Ya tengo cuenta para ir al login.
- En el consentimiento de datos (paso 3) lee el texto legal enlazado y otorga el tratamiento de datos personales.
- Al terminar entras a Inicio.
| Registro | Consentimiento de datos |
|---|---|
![]() |
![]() |
4.3. Iniciar sesión
- En Login ingresa correo y contraseña.
- Pulsa el botón de ingreso.
- 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).

6. Cómo cotizar un seguro
6.1. Abrir el formulario
- Pulsa Nueva cotización en Inicio, o el mismo llamado en Pólizas si aún no tienes pólizas.
- 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. |

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

7. Cómo revisar la oferta y emitir la póliza
7.1. Aceptar
- En Ver oferta confirma ramo, estado, prima y vigencia.
- Pulsa Aceptar.
- 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.

8. Cómo consultar tus pólizas y avisos
8.1. Lista
- Pulsa Pólizas en la barra superior.
- Cada fila o tarjeta muestra ramo, estado y un resumen del tipo.
- También verás recomendaciones de siniestro propias de ese ramo.
- Si la lista está vacía, usa Nueva cotización.

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 |
|---|---|---|
![]() |
![]() |
![]() |
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
- Pulsa Siniestros.
- Pulsa Reportar.
- Completa el aviso. En dispositivo, la evidencia es la foto del daño. Otros ramos no reutilizan ese mismo formulario.
- Continúa a la evidencia.
| Lista de siniestros | Aviso |
|---|---|
![]() |
![]() |
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.
- Arrastra el archivo o selecciónalo desde el equipo.
- Escribe la dirección. Ese dato siempre está disponible.
- Si quieres geoetiquetar, pulsa Usar ubicación del navegador.

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.
- Abre Siniestros.
- Abre el caso de pago automático.
- Revisa el resumen del evento y el monto. El título en el canal es 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.
- En Inicio, abre la tarjeta de crédito o pulsa Nueva cotización y elige Hipotecario o Pagos.
- En hipotecario, el paso siguiente es el consentimiento de perfilamiento. Lee el texto legal y continúa.
- Revisa la oferta hipotecaria (factores y prima).
- Pulsa Aceptar. El resto es el mismo camino de emisión: progreso, póliza emitida o rechazo.
| Consentimiento de perfilamiento | Oferta hipotecaria |
|---|---|
![]() |
![]() |
12. Cómo usar Perfil
- Pulsa Perfil.
- 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 |
|---|---|
![]() |
![]() |
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.














