# Benchmark UX · Presta Prenda Autos 2026 Reporte web de lectura ejecutiva y profunda, basado en los outputs del research. Sitio estático, sin dependencias de ejecución, backend, trackers, formularios ni servicios externos necesarios. ## Abrir Abre `index.html` con un navegador moderno. Las interacciones funcionan también desde archivo local: los datos se incluyen en `scripts/research-data.js`, sin `fetch` ni importaciones que requieran servidor. Para servirlo localmente desde esta carpeta: ```powershell python -m http.server 8765 --bind 127.0.0.1 ``` Abre `http://127.0.0.1:8765/`. El servidor debe permanecer activo para esa URL; el archivo `index.html` funciona independientemente. ## Build No hay build obligatorio ni instalación de paquetes para usar o desplegar el sitio. `index.html`, `styles/`, `scripts/app.js`, `scripts/research-data.js`, `assets/`, `evidence/` y `sources.json` son el entregable listo para servir. Para regenerar datos e imágenes a partir del workspace original: ```powershell python scripts/build_assets.py ``` Ese script de preparación requiere Python y Pillow, además de los outputs y recortes originales del workspace. No es necesario ejecutarlo en el servidor ni para abrir el reporte. Conserva las fuentes originales y compila copias locales. Edita contenido de presentación y componentes en `scripts/app.js`; los 12 insights proceden del archivo 10 y se compilan mediante `build_assets.py`. ## Desplegar Copia el contenido de esta carpeta en un hosting estático HTTPS, manteniendo rutas relativas. Configura `index.html` como documento inicial; no hacen falta reglas de SPA ni variables de entorno. Para una publicación mínima incluye solo `index.html`, `styles/`, `scripts/app.js`, `scripts/research-data.js`, `assets/`, `evidence/`, `sources.json` y este README. `scripts/build_assets.py` y las notas QA no son necesarios en producción. Este entregable se prepara localmente; no se ha publicado ni cambiado el acceso a información del proyecto. Antes de compartir externamente, utiliza el acceso apropiado para un reporte interno. ## Arquitectura de lectura - 00: tesis y dos rutas de lectura. - 01–08: investigación, journey, esfuerzo, cotización, documentos, canales, hallazgos y comparación por momento. - 09–11: 12 insights, cuatro territorios de oportunidades y baseline PP. - 12–14: accesibilidad/heurísticas, gaps y resumen ejecutivo. - Segunda capa: detalles expandibles, ocho evidencias ampliables, matriz original y biblioteca de fuentes. ### Mapa de fuentes | Sección | Fuente principal en assets/research | |---|---| | 00 Hero | 14_Reporte_Final_Benchmark_PP_Autos.md y 07_Flow_Presta_Prenda.md | | 01 Investigación | 01_Evidence_Inventory.md y 11_Benchmark_Banca.md | | 02 Journey | Fichas 02–07 | | 03 Esfuerzo | 09_Comparativo_Ejecutivo.md, fichas 02–07; CSV 08 como consulta | | 04 Cotización | 09_Comparativo_Ejecutivo.md y fichas 02–07 | | 05 Datos/documentos | Fichas 02–07 y capturas EV-PP-01 / EV-KV-02 | | 06 Canales | Fichas 02–07 y comparativo 09 | | 07 Fortalezas/fricciones | Fichas 02–07 | | 08 Comparativo | Tabla I del comparativo 09, interpretada por momento | | 09 Insights | 10_Hallazgos_Insights_Oportunidades.md, fuentes por insight | | 10 Oportunidades | 10_Hallazgos_Insights_Oportunidades.md y priorización del 14 | | 11 Presta Prenda | 07_Flow_Presta_Prenda.md | | 12 Accesibilidad/heurísticas | 12_Accesibilidad_Heuristicas.md | | 13 Gaps | 13_Research_Gaps.md, aclaraciones editoriales y matriz 08 | | 14 Resumen | 14_Reporte_Final_Benchmark_PP_Autos.md | `sources.json` documenta las referencias de diseño, las aclaraciones, los claims, el mapa por sección y las evidencias. Cada evidencia indica competidor, etapa, archivo, timestamp cuando aplica, fecha disponible y confianza. ## Criterio editorial y datos - PP permanece como baseline al cambiar journey y documentos. - Los pasos tienen distintos puntos de salida; no equivalen a un ranking de calidad. - PP: 11 entradas **incluido** OTP (7 vehículo + 3 contacto + 1 código), corrigiendo la duplicación de algunas síntesis. - Kavak: aproximadamente 25 entradas antes de planes; el research no permite convertirlo en un conteo exacto verificado. - Las agrupaciones de pasos en el CSV no son aditivas frente a los macro-pasos de Kavak/Luz. La discrepancia se muestra en Gaps. - Tipos documentales separados de unidades. PP: al menos 5 unidades más selfie; Luz: unidades no especificadas; Kuna: no comparable. - Fechas exactas de sesión no confirmadas; no se usan propiedades del archivo para inventarlas. - Los efectos sobre confianza, comprensión y esfuerzo son interpretaciones expertas. No hay métricas de usuarios ni de conversión. - Las copias Markdown conservan el research recibido. Las aclaraciones de esta edición se muestran en el sitio y `sources.json`. - Luz Saviñón: se usa pago quincenal, según la captura directa de 00:02:45; la síntesis anterior lo llamaba mensual. ## Identidad visual y referencia Referencia de experiencia revisada: `https://sprint-review.productdesign.mx/`. Se retomaron numeración, titulares de conclusión, navegación fija, ritmo por capítulos, módulos de aprendizaje y cierre orientado a decisiones. No se copiaron código, imágenes, textos ni identidad. El 9 de septiembre de 2026 se revisaron `https://prestaprenda.com/`, `https://prestaprenda.com/prestamo-automotriz`, `Flujo-happy-path.png` y el frame inicial de la vista pública del prototipo Figma. La herramienta de screenshots de Figma no permitió acceso; la vista pública sí permitió inspección visual. No se validaron escenarios alternos. - `--pp-primary: #2c5697`: azul observado en estilos computados del sitio público. - `--pp-accent: #ff9015`: CTA observado en el sitio público. - `--pp-surface: #f4f6fa`, neutros `#626470` / `#232930`: observados en el ecosistema público. - `#132b4c` y variantes claras: adaptación editorial para estructura y contraste, sin atribuirlas a un manual oficial. - Tipografía: Montserrat observada; se usan fallbacks locales Aptos, Segoe UI y Arial si no está instalada. No hay peticiones a servicios de fuentes. - Logo: activo SVG negro proporcionado en el proyecto, sin alterar su geometría. - Radios: cards de 16–24px y botones cápsula, adaptados de patrones observados. ## Componentes y mantenimiento `scripts/app.js` contiene componentes reutilizables: SectionHeader, InsightCard, FindingCard, OpportunityCard, EvidenceCard, CompetitorSelector, JourneyMap, ComparisonTable, MetricCard, ChannelFlow, DocumentComparison, QuoteMoment, ResearchGap, ExecutiveSummary, SourceReference y ConfidenceBadge. Hero vive en HTML para estar disponible antes de JavaScript. Las capturas fueron convertidas a WebP con dimensiones reservadas y carga diferida. No se incorporan videos, documentos con datos personales ni imágenes inventadas. La foto de factura de PP se recorta para conservar únicamente la instrucción de captura, excluyendo documentos y datos adyacentes. La navegación no secuestra el scroll. Incluye skip link, estructura de encabezados, foco visible, botones con estados accesibles, tablas con encabezados, diálogos nativos con Escape y devolución del foco, y `prefers-reduced-motion`. Esto no constituye certificación WCAG; las pruebas realizadas y sus límites se detallan en `QA.md`.