Vistas a actualizar prototipo web movil - martin-hendricks/MISO-PROYECTO-FINAL-SOLVENTA GitHub Wiki
Vistas a actualizar · prototipo web y móvil
Lista de pantallas y secciones del prototipo Figma que hay que editar tras la validación del 18 Sep 2026. No cambia el sitemap de cuatro destinos.
No está en _Sidebar.md.
Fuentes: Resultado de validación usabilidad de usuario · Arquitectura de información · Cliente L1 · Prototipo web/móvil
Figma S6 (base, sin tocar): Screens Android · Screens web
Figma S7 (vistas ya editadas): Screens · S7 validación · Android · Screens · S7 validación · web
Figma Play S7 (navegable): Android · Solventa app · web · Customer L1
Reglas que aplican a toda card u objeto (Cotizacion, Oferta, Poliza, Siniestro): ramo + estado; copy de seguros Colombia (póliza, ramo, prima, siniestro, habeas data); ayuda in-situ (“¿qué es esto?”), no un quinto destino.
No tocar (prototipo / fuera de L1)
| Ítem | Por qué |
|---|---|
| Tabs Inicio · Pólizas · Siniestros · Perfil | El sitemap se sostuvo |
| FAB Reportar (Android) | Reconocible |
| Teclado en Figma Play | Limitación del prototipo |
| Mapa de asistencia, abogado en sitio, campana | G-07 / post-mvp |
| Configurar renovación automática | HU-66 / HU-67; solo mostrar el paso en lectura |
| SOAT / Hogar como ramos L1 | Ruido de prototipo web; catálogo PDF §2.2 |
nueva-cotizacion sí se edita (CTA, scroll, formulario por ramo). El form de dispositivo solo aparece si el ramo es Protección de dispositivos.
Móvil (Android)
Canvas 390. Design System / Screens.
Shell A — pre-login
| Vista | Qué actualizar |
|---|---|
splash-solventa |
Sin permisos. No pide cámara/GPS. |
idioma-region |
Paso 1 del stepper. La selección (idioma/región) no se confunde con valores de ejemplo (prima, fecha). |
onboarding |
Paso 2. Numeración real (hoy está mal). Presentar funcionalidad y beneficios de Solventa; tono de seguro, no marketing genérico; más amigable. |
login |
Beneficios de marca (patrón banca). Copy de seguros. |
consentimiento-datos |
Paso 3. Enlace o vista al texto legal (habeas data, ley colombiana). No solo el switch. |
Shell B — destinos
| Vista / sección | Qué actualizar |
|---|---|
inicio |
Resumen agrupado por objeto (oferta · póliza · siniestro · hipotecario). Cada bloque: ramo + estado + siguiente paso. CTA Nueva cotización visible (no tab). Reportar siniestro no va suelto junto a cotizar; atajo a Siniestros debe leerse como otro tab. Hipotecario no es card de “otro producto”. |
lista-polizas |
Resumen del tipo/ramo en cada fila. Empty state: CTA solicitar cotización (misma nueva-cotizacion). Recomendación breve de siniestro según ramo. |
lista-siniestros |
Casos con ramo + estado. Título Pago automático si hay clima/vuelos (no “paramétrico”). |
hub-perfil |
Idioma/región como opción explícita. Consentimientos con enlace al documento. |
Anidadas de Inicio (cotizar / emitir / hipotecario)
| Vista | Qué actualizar |
|---|---|
nueva-cotizacion |
CTA descubrible desde Inicio y desde Pólizas vacías. En Figma Play, scroll hasta Cotizar. Selector de ramo con descripción del tipo y DatosRiesgo distinto (dispositivo: valor/marca; viaje: destino/duración; vida: suma/edad; clima/vuelos: evento/umbral; pagos/hipotecario: cuota o crédito). Ayuda: prima ≠ valor asegurado. |
ver-oferta |
Ramo + estado + vigencia. Stepper del hilo: cotizar → oferta en firme → emitir → pagar. |
emision-progreso |
Mismos pasos visibles. Incluir pago como paso (qué falta). No saltar a éxito sin contexto. |
poliza-emitida |
Ramo + número (no “póliza emitida” genérico). CTAs Ver mi póliza / Ir al inicio. Dejar claro que ya aceptó y que el objeto vive en Pólizas. |
suscripcion-rechazada |
Ramo de la cotización rechazada. |
consentimiento-hipotecario |
Paso del flujo hipotecario (stepper), no card paralela. T&C / checkbox + documento legal. |
oferta-hipotecario |
Continúa el mismo stepper. Ramo (protección de pagos / vida crediticia) + estado. |
Anidadas de Pólizas
| Vista | Qué actualizar |
|---|---|
detalle-poliza |
Resumen del ramo. Recomendaciones de siniestro (qué hacer, qué evidencia aportar). Paso de renovación visible (lectura HU-64/HU-65), sin configurar automática. |
aviso-vencimiento |
Etiquetar como paso del ciclo de vida (vence / qué sigue). |
aviso-renovacion |
Etiquetar como confirmación de renovación (lectura). No inventar pantalla de config post-mvp. |
Anidadas de Siniestros
| Vista | Qué actualizar |
|---|---|
aviso-siniestro |
Campos y recomendaciones del ramo de la póliza (L1: dispositivo, foto + geo JIT). No reutilizar el form de pantalla rota para vida. |
evidencia-siniestro |
Permisos JIT (ya correcto). Copy de qué evidencia pide ese ramo. |
evidencia-geo-denegada / cámara denegada |
Misma ruta; el aviso sigue. |
confirmacion-siniestro |
Ramo + estado del caso. |
detalle-siniestro |
Ramo + estado + siguiente paso. |
parametrico |
Título de canal Pago automático. Explicar el umbral en lenguaje de usuario. Slug Figma se mantiene. |
Web
Mismos slugs. TopNav / hamburger 390. Web Customer Experience / Screens.
Web se entendió mejor porque nombraba producto y estado. Hay que igualar esas etiquetas en Android y, en web, quitar SOAT/Hogar y poner contenido L1 (dispositivo).
Shell A — pre-login
| Vista | Qué actualizar |
|---|---|
idioma-region |
Igual que móvil: paso 1, selección ≠ valores de ejemplo. |
registro |
Paso 2 + beneficios/funcionalidad (paridad con onboarding Android). Stepper numerado en orden real. |
login |
Beneficios de seguros. |
consentimiento-datos |
Paso 3 + documento legal (habeas data). |
Shell B — destinos
| Vista / sección | Qué actualizar |
|---|---|
inicio |
Agrupar por objeto; contexto en cada card. Hipotecario = un flujo (no cards sueltas del mismo peso que “Ir a siniestros”). Atajo Ir a siniestros se mantiene. Reemplazar SOAT / Hogar por dispositivo (y vida hipotecario si hay originación). CTA Nueva cotización visible; no priorizarlo en el header por encima del resumen. |
lista-polizas |
Resumen de ramo (no SOAT moto). Empty state → cotizar. Recs de siniestro. |
lista-siniestros |
Ramo + estado. Pago automático. |
hub-perfil |
Idioma/región explícito. Consentimiento con documento. |
nav-menu / 390 |
Mismos cuatro destinos; copy alineado. |
Anidadas
| Vista | Qué actualizar |
|---|---|
nueva-cotizacion |
Descubrible. Stepper cotizar→firme→emitir→pagar. Selector de ramo + descripción + campos de ese DatosRiesgo (no reciclar valor del dispositivo). |
ver-oferta |
Ramo + estado. El salto Aceptar → Ver mi póliza no puede ser un éxito opaco: el usuario debe ver si ya aceptó, qué falta (emisión, pago) o si es confirmación. |
emision-progreso / poliza-emitida |
Stepper visible. Éxito con ramo + número. |
consentimiento-hipotecario |
Paso del mismo flujo + texto legal. |
oferta-hipotecario |
Continúa el stepper. |
detalle-poliza |
Resumen de ramo L1 + recs de siniestro + paso de renovación (lectura). |
aviso-vencimiento / aviso-renovacion |
Etiquetar el paso del ciclo. |
aviso-siniestro |
Campos del ramo (dispositivo L1). Dropzone se mantiene (web ≠ cámara). |
evidencia-siniestro |
Geo del navegador JIT; copy de evidencia del ramo. |
parametrico |
Pago automático + explicación. |
detalle-siniestro / confirmacion-siniestro |
Ramo + estado. |
Component Gallery / Style Tile (web): el stepper de emisión ya existe; alinearlo al hilo cotizar → pagar y reutilizarlo en alta e hipotecario.
Por hallazgo (ambos canales)
| Hallazgo | Vistas / secciones |
|---|---|
| No sabe qué ramo ni si Inicio es home | inicio, poliza-emitida, cards de oferta/póliza/siniestro |
| Stepper / numeración onboarding | idioma-region, onboarding / registro, consentimiento-datos |
| Beneficios en alta/login | onboarding / registro, login, inicio |
| Cotización invisible | inicio (CTA), lista-polizas vacía |
| Home con CTAs sueltos | inicio (agrupar); hipotecario no paralelo |
| Lista sin descripción de tipo | lista-polizas, detalle-poliza |
| Recs de siniestro por ramo | lista-polizas, detalle-poliza, aviso-siniestro |
| Scroll Figma Play | nueva-cotizacion móvil |
| Wording / branding seguros | Style Tile, Component Gallery, login, onboarding, Inicio |
| Ayuda / jerga Colombia | Todas las vistas con prima, ramo, habeas data, paramétrico |
| Consentimientos sin documento | consentimiento-datos, consentimiento-hipotecario, Perfil |
| Aceptar → Ver mi póliza opaco | ver-oferta, emision-progreso, poliza-emitida |
| Pago y renovación no se leen | emisión, detalle-poliza, avisos de ciclo |
| «Paramétrico» | parametrico, lista-siniestros, copy Inicio |
| Web SOAT/Hogar | inicio web, lista-polizas web |
| Cards vs tabs | inicio (atajos explícitos); flujos con stepper + padre |
Prioridad sugerida (Figma)
- Android
inicio+poliza-emitida+lista-polizas— orientación y ramo. - Shell A (stepper, beneficios, legal).
- Hilo cotizar → emitir → pagar (
ver-oferta,emision-progreso, éxito). - Hipotecario como un flujo; Pago automático.
- Paridad web (etiquetas L1, quitar SOAT/Hogar) y scroll de
nueva-cotizacionen Play.