Este documento reúne la investigación de mercado, la arquitectura del sitio, los recorridos de los usuarios, la lista de lo que necesitamos de Auto Summit y los planos (wireframes) de cada página. El objetivo de esta revisión es validar la estructura; el diseño visual ya fue aprobado en el prototipo y se conserva.
El proyecto sigue un proceso de 10 fases que evita el error más caro del rubro: codear antes de validar la estructura. Un cambio de estructura cuesta 10× más en diseño y 100× más en código.
Auditamos en vivo (código fuente real, 03/07/2026) a los 3 competidores directos, su sitio actual y nuestro prototipo. Informe completo en investigacion.md.
| Dimensión | ONE | Gildemeister | Autoland | autosummit.pe | Prototipo |
|---|---|---|---|---|---|
| Inventario | ~185 | — | 124 | 20 | 8 demo |
| Catálogo visible para Google | No | No | Sí | Sí | Sí |
| Precio dual US$ / S/ | Sí | Sí | Parcial | Sí | Solo S/ |
| Badges de mérito (único dueño, bajo km) | No | Parcial | Sí | No | No |
| Vende tu auto | 2 pasos | 4 pasos · 30 min | 3 pasos + placa | No tiene | Formulario |
| Blog | Sí | Sí | Sí (el mejor) | Sí | Se agrega |
| Certificación respaldada en la ficha | Claim | Claim | Trío de confianza | No | Claim |
| Venta/reserva online | No | No | Apagada | No | No |
La estructura sale del prototipo que ya aprobaron, más la sección de Blog y las páginas que faltaban (legales, 404, ficha de vehículo vendido). Documento técnico completo en arquitectura.md.
| Página | Dirección | Qué hace | |
|---|---|---|---|
| Home T01 | / | Portada: destacados, stock en vivo, cómo certificamos, acceso a tasación y blog | |
| Catálogo T02 | /catalogo | Todos los seminuevos con filtros (marca, tipo, precio, año, combustible) | |
| Ficha de vehículo T03 | /vehiculos/{auto} | Fotos, specs, precio US$/S/, WhatsApp del asesor, similares | |
| Compramos tu auto T04 | /vende-tu-auto | Proceso en 4 pasos + formulario de tasación con fotos | |
| Gracias T05 | /gracias | Confirmación con plazo de respuesta comprometido | |
| Blog T06 | /blog | Listado con categorías y artículo destacado | Nuevo |
| Artículo T07 | /blog/{articulo} | Nota con CTA contextual hacia catálogo o tasación | Nuevo |
| Legales T08–T09 | /privacidad · /terminos · /libro-de-reclamaciones | Obligatorias en Perú | Nuevo |
| 404 T10 | /* | Página de error con salidas a catálogo y blog | Nuevo |
Su equipo gestiona todo sin depender de nosotros. Subir un vehículo completo toma menos de 5 minutos: datos con listas desplegables, fotos arrastrando (el sistema las comprime solo), vista previa y publicar.
| Pantalla | Qué permite | |
|---|---|---|
| Ingreso A01 | Usuario y contraseña reales (el prototipo era demo) | |
| Dashboard A02 | Cuántos autos publicados, leads nuevos, vendidos del mes | |
| Vehículos A03–A04 | Subir, editar, y cambiar estado en un clic: disponible → reservado → vendido | |
| Leads de tasación A05 | Bandeja de personas que quieren vender su auto, con fotos, estados y notas + aviso por correo | |
| Blog A06 | Escribir y publicar artículos sin tocar código | Nuevo |
Roles: editor (sube vehículos) · gestor (atiende leads) · admin (todo).
Cinco recorridos diseñados desde lo que la persona siente y se pregunta — no desde el sistema. Versión técnica completa en flujograma.md.
Sus preguntas reales: ¿me alcanza? · ¿estará chocado? · ¿si pregunto me van a presionar?
Quiere saber cuánto le darían sin comprometerse. Por eso el proceso se explica antes de pedirle datos.
Cambiar de estado toma un clic en el panel. Un catálogo desactualizado quema la confianza: si alguien pregunta por un auto vendido, se pierde a ese comprador.
Todo lo que el proyecto necesita de su lado, en una sola lista de 33 ítems, para no frenar el cronograma con pedidos sueltos. Prioridades: Bloqueante sin esto no hay lanzamiento · Ideal para lanzar completo · Fase 2 puede esperar.
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 1.1 | Logo en vectores | .AI/.SVG, versiones horizontal y símbolo, para fondo claro y oscuro | Bloqueante |
| 1.2 | Manual de marca | Colores oficiales y tipografías. Si no existe, basta confirmarlo: derivamos la identidad del sitio actual | Bloqueante |
| 1.3 | Tipografías con licencia web | Solo si usan una fuente propia (las propuestas son gratuitas) | Ideal |
| 1.4 | Logos de las marcas que venden | Para el catálogo y filtros, con permiso de uso | Ideal |
Hoy las fotos y datos viven en autosummit.pe. Para avanzar el desarrollo los reutilizamos; para producción hay que definir la fuente oficial.
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 2.1 | Fuente oficial del inventario | ¿Su equipo sube los autos al panel del nuevo sitio, vienen de un sistema interno, o se sigue alimentando autosummit.pe? | Bloqueante |
| 2.2 | Estándar fotográfico | 8–12 fotos por unidad (frontal, posterior, laterales, interior, tablero, motor, maletera). Definir quién fotografía | Bloqueante |
| 2.3 | Fotos actuales en alta resolución | Originales, mínimo 1600px de ancho | Ideal |
| 2.4 | Campos por vehículo | Confirmar: versión, tracción, ¿se muestra placa?, N° de dueños, garantía por unidad | Bloqueante |
| 2.5 | Fotos institucionales | Local, equipo de asesores, proceso de inspección | Ideal |
| 2.6 | Videos / recorridos | Si existen o planean hacerlos | Fase 2 |
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 3.1 | Propuesta de valor | ¿Por qué comprarles a ustedes y no a un particular? 3–5 argumentos con datos (inspección, garantía, respaldo) | Bloqueante |
| 3.2 | Proceso real de tasación | Pasos, plazo de respuesta, dónde se inspecciona, cómo se paga | Bloqueante |
| 3.3 | Garantía de seminuevos | Cobertura, duración, condiciones — texto exacto | Bloqueante |
| 3.4 | Sedes y contacto | Direcciones, horarios, teléfonos, números de WhatsApp, correos | Bloqueante |
| 3.5 | Preguntas frecuentes | Las 8–10 que sus asesores responden todos los días | Ideal |
| 3.6 | Testimonios | 3–5 reales con permiso de uso | Fase 2 |
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 4.1 | Responsable del blog | ¿Quién escribe y aprueba? (interno, agencia, nosotros) | Ideal |
| 4.2 | Frecuencia y categorías | Sugerido: 2–4 artículos/mes · Guías de compra, Mantenimiento, Novedades | Ideal |
| 4.3 | Artículos de lanzamiento | 3–4 publicados el día del go-live para no estrenar la sección vacía | Ideal |
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 5.1 | Razón social y RUC | Para footer y políticas | Bloqueante |
| 5.2 | Política de privacidad | Texto aprobado por su área legal (Ley 29733) — los formularios capturan datos personales | Bloqueante |
| 5.3 | Libro de Reclamaciones | ¿Sirve el virtual actual o se implementa uno propio? | Bloqueante |
| 5.4 | Términos y condiciones | Incluye condiciones de reserva de vehículos si aplica | Ideal |
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 6.1 | Dominio | ¿seminuevos.autosummit.pe, dominio propio, o dentro de autosummit.pe? + acceso al DNS | Bloqueante |
| 6.2 | Google Analytics / Tag Manager | Accesos o autorización para crear | Ideal |
| 6.3 | Píxeles de publicidad | Meta/TikTok si hacen pauta | Ideal |
| 6.4 | Correos que reciben leads | ¿A quién llegan los formularios? ¿Hay CRM? | Bloqueante |
| 6.5 | WhatsApp Business | Número(s) que recibirán los clics del sitio y quién responde | Bloqueante |
El panel es la herramienta donde su equipo publica los vehículos. Estas definiciones determinan cómo lo construimos.
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 7.1 | Usuarios del panel | ¿Cuántas personas suben vehículos? ¿Permisos distintos por rol? | Bloqueante |
| 7.2 | Flujo de aprobación | ¿Un asesor publica directo o alguien revisa antes? | Bloqueante |
| 7.3 | Volumen del inventario | ¿Cuántos seminuevos en promedio y cuántos entran/salen por semana? | Bloqueante |
| 7.4 | Estados del vehículo | Proponemos disponible → reservado → vendido. ¿Manejan otros? | Ideal |
| 7.5 | Blog desde el panel | ¿El mismo panel publica los artículos? (recomendado: sí) | Ideal |
| 7.6 | Reporte de leads | ¿Ver los formularios en el panel, o basta correo/CRM? | Fase 2 |
| # | Qué necesitamos | Detalle | Prioridad |
|---|---|---|---|
| 8.1 | Opciones de financiamiento | ¿Con qué financieras trabajan? ¿Tasas publicables? | Ideal |
| 8.2 | ¿Reserva online? | Si se quiere separar un auto con pago en línea, cambia el alcance | Ideal |
| 8.3 | Auto como parte de pago | ¿Aceptan el usado del cliente como parte de pago? | Ideal |
| 8.4 | Tiempo de respuesta a leads | ¿En cuánto tiempo se comprometen a responder? El sitio promete lo que operación cumple | Bloqueante |
Extraído del prototipo que aprobaron — y validado contra su sitio actual: autosummit.pe usa exactamente esta paleta (navy #0D1637 + naranja #FF9C01). Es la fuente de verdad para Figma y para el código.
Regla: el naranja se reserva para la acción, el precio y una palabra enfatizada por título. Nunca superficies grandes.
Los datos numéricos siempre en mono: lenguaje de tablero de instrumentos. Las tres familias son gratuitas (Google Fonts).
19 componentes definidos con paridad wireframe → Figma → código (VehicleCard, badges de estado, galería, tablas del panel…), incluidos los 5 nuevos que exige el blog. Inventario completo en design-system/README.md.
Son deliberadamente grises: aquí se valida la estructura (qué va, en qué orden), no el diseño — ese ya lo aprobaron en el prototipo. Cada bloque lleva su código (T01.2…) que lo conecta con la arquitectura. 8 pantallas del sitio + 6 del panel.
Si el marco no carga, abrir wireframes.html directamente.
Cada una cambia estructura, alcance o presupuesto. Aquí es donde opinar es barato: después de Figma cuesta 10×, y en código 100×.