Wireframes esquemáticos — Seminuevos Auto Summit

Fase 5 del workflow. Un wireframe por plantilla del inventario de arquitectura.md; cada bloque lleva su referencia (ej. T01.2 = plantilla T01, sección 2). Son estructuras, no diseño: sin color de marca, sin fotos, sin tipografía final.

El diseño visual ya está validado en el prototipo. Estos wireframes existen para aprobar la estructura — incluida la nueva sección de Blog y las plantillas que el prototipo no contemplaba (legales, 404, ficha de vendido, gestor de blog).
Estático Dinámico (BD / gestionado desde el panel) Superficie oscura (navy en el diseño final)

Sitio público

T01 · Home/
T01.1Header stickyLogo · Inicio · Catálogo · Vende tu auto · Blog · [CTA] — hamburguesa en móvil
T01.2SLIDER DE BANNERS (HERO)N banners gestionables desde el panel (A07) · cada banner: imagen o VIDEO + título/CTA opcionales · flechas + dots + autoplay · banner 1 por defecto = hero aprobado (eyebrow garantía · H1 · lead · stat de stock en vivo)
Ver catálogo completoVende tu auto‹ › · ●○○ · banner 1/3
T01.3Buscador con IA — NUEVO (ref. one.com.pe)✦ lenguaje natural: "SUV automática hasta S/ 90,000" + chips de sugerencias → filtros del catálogo
Buscar con IA
T01.4Categorías destacadas — NUEVO (ref. neoauto.com)tiles por carrocería con conteo → /catalogo?tipo=
SUVSedánHatchbackPickupCamionetaCoupé
T01.5Marcas favoritas — NUEVOchips por marca con conteo → /catalogo?marca= (junto a categorías: zona de exploración)
ToyotaHyundaiKiaMazdaVer todas →
T01.6Recién añadidos — CARRUSELslider de 5 últimos ingresos (fecha_alta) + tile "Ver todo el catálogo" al final · flechas / swipe
Card
Card
‹ +19 ver más ›
T01.7En oferta — CARRUSEL NUEVOslider de 5 cards con badge "OFERTA −%" y precio anterior tachado (precio_anterior) + tile "Ver ofertas"
Card −6%
Card −7%
‹ ver más ›
T01.8Financiamiento — NUEVOcopy (inicial 20% · 12–60 meses) + simulador de cuota (precio · inicial · plazo → cuota estimada) + bancos aliados
Solicitar pre-aprobaciónBCPBBVAInterbank
T01.9Banners comerciales — NUEVO2 promos gestionables desde A07 (ubicacion: comercial): seguro vehicular · parte de pago
T01.10Cómo certificamos01 Inspección 150 pts · 02 Historial · 03 Garantía
T01.11bTe acompañamos siempre — NUEVO (ref. neoauto)tabs Al comprar / Al vender · 6 tarjetas de servicio propias: certificados · Santander Consumer · garantía · parte de pago · WhatsApp · tips del blog
Al comprarAl vender
T01.11Testimonios — NUEVO3 reseñas de clientes + rating "★ 4.8 · 320 reseñas en Google" (prueba social)
T01.12Compramos tu auto — FORMULARIO EMBEBIDOproceso en 4 pasos + form corto (nombre · celular · marca y modelo · placa · año) → lead sin salir de la Home · link al proceso completo (T04)
Enviar y recibir mi oferta
T01.13Del blog — NUEVO3 últimos artículos (BlogCard) + "Ver el blog"
T01.14FooterMarca · Catálogo por tipo · Empresa · Contacto (destinos reales)
T01.—WhatsApp flotante — NUEVObotón fijo abajo-derecha en todas las páginas públicas → wa.me con mensaje contextual
T02 · Catálogo/catalogo
Header sticky
T02.1Banda de títuloH1 + "Mostrando {n} vehículos certificados"
T02.2MULTIFILTRO DESPLEGABLE (sticky) — ref. neoautochips aplicados [Toyota ✕][SUV ✕] + cada filtro = dropdown compacto ▾ que abre panel con buscador y lista scrolleable de checkboxes con conteo: Etiquetas ▾ (Recién ingresados · En oferta · Financ. especial · Liquidación · Más buscados · Único dueño · Pocos km) · Marca ▾ · Modelo ▾ · Carrocería ▾ · Año ▾ · Precio ▾ · Km ▾ · Transmisión ▾ · Combustible ▾ · Color ▾. Etiquetas también como pills rápidas sobre la grilla. Selección múltiple combinable, resultado en vivo. SIN: vendedor, fecha publicación, cuota mensual. Móvil: botón "Filtrar" abre panel
T02.3Toolbar{n} resultados · Ordenar por ▾
T02.4Grid VehicleCards 3/2/1hasta 2 TagChips ("Nuevo en catálogo" · "Modelo más vendido") · foto · marca · modelo · precio · specs (año/km/trans.) — SIN badge de estado (06/07) · vendido excluido
Card
Card
Card
T02.4Paginación — NUEVOo carga progresiva
T02.5Estado vacío"Sin resultados" + limpiar filtros
Footer
T03 · Ficha de vehículo/vehiculos/{slug}
Header sticky
T03.1BreadcrumbsInicio / Catálogo / {Marca Modelo}
T03.2Foto principal 16:10
thumb
thumb
thumb
thumb
+N
T03.3Columna de compra (sticky)MARCA·TIPO · H1 modelo · S/. precio · hasta 2 TagChips (sin badge de estado) · box Financia con Santander
Tabla de specsaño · km · MOTOR (nuevo) · combustible · transmisión · color · tipo · asesor
T03.4CTA único → modal de captura (sobre la ficha)"Más información" abre modal: nombre · apellidos · documento · celular · correo · consentimientos → "Enviar para que un asesor me contacte" (guarda lead + correo al asesor con CC a superiores) + consejos de seguridad. Sin botón Llamar
Más información
T03.5Confianzagarantía · inspección · respaldo
T03.6Relacionadoshasta 3 similares (misma marca o tipo)
T03.—VARIANTE "VENDIDO" — NUEVOAviso "ya se vendió" + similares. La URL no da 404
Footer
T04 · Compramos tu auto/vende-tu-auto
Header sticky
T04.1HEROEyebrow "Tasación rápida · Sin compromiso" · H1 · explicación
T04.2Proceso en 4 pasos — NUEVO1 Cuéntanos → 2 Oferta referencial → 3 Inspección → 4 Pago seguro
T04.3Formulario de tasación (card flotante)nombre · celular · marca y modelo · placa · año · km (NUEVO) · precio esperado · hasta 6 fotos (uploader real)
CancelarEnviar para tasación
T04.4FAQ corto de vendedores3–4 preguntas + WhatsApp directo
Footer
T05 · Gracias/gracias
Header sticky
T05Card de confirmación✓ "Recibimos tu solicitud" · "Un asesor te contacta en menos de {SLA} h" (plazo real ← ítem 8.4)
Ver catálogo mientras tantoVolver al inicio
Footer
T06 · Blog — listado (NUEVO)/blog
Header sticky
T06.1CabeceraH1 + descripción de la sección
T06.2Categorías
TodasGuías de compraMantenimientoNovedades
T06.3Artículo destacado (el más reciente)imagen 16:9 grande · categoría · título · extracto · fecha
T06.4Grid de BlogCards + paginación
Card
Card
Card
Footer
T07 · Blog — artículo (NUEVO)/blog/{slug}
Header sticky
T07.1Cabecera del artículocategoría · H1 · fecha + autor · imagen destacada
T07.2Cuerpo (prosa)h2/h3 · listas · imágenes · citas — ancho de lectura ~70ch
T07.3InlineCTA contextual→ catálogo prefiltrado según el tema, o → tasación (flujo F3)
T07.4Relacionados3 artículos de la misma categoría
Footer
Capa comercial transversal (NUEVO)varias plantillas
Topbar promocional (T01–T04, sobre el header)"⚡ Paga 50% hoy y 50% en 2027 — Ver unidades" · gestionable A07 (ubicacion: topbar)
Banner financiamiento SantanderT02 y T06 antes de la paginación · box "Financia con Santander · cuota ref." dentro de la card de compra de T03
Banner "deja tu carro como parte de pago"T03 antes del footer · T07 antes de relacionados · mini-card en el sidebar de filtros de T02
Banner cross-sell 50/50T04 antes del FAQ · T05 antes del footer
WhatsApp flotantetodas las páginas públicas, desktop y mobile · wa.me con mensaje contextual
Notalas ofertas (50/50, Santander, bonos) son ejemplos de diseño — condiciones reales ← decisión abierta #11
T08–T10 · Legales / Libro / 404/privacidad · /terminos · /libro-de-reclamaciones · /*
Header sticky
T08Página legal (prosa)H1 + cuerpo. Textos ← ítems 5.2 / 5.4
T09Libro de Reclamacionesformulario según norma peruana o embed del proveedor ← ítem 5.3
T10404mensaje + enlaces a Home / Catálogo / Blog — nunca callejón sin salida
Footer

Panel de administración (noindex, tras login)

A01 · Login/admin/login
Marca + mensaje del panel"Gestiona el catálogo y los leads"
A01Usuario + contraseña — NUEVOreemplaza el selector demo · recuperación de contraseña
Ingresar
A02 · Dashboard/admin
SidebarInicio · Vehículos · Leads · Blog (NUEVO) · usuario/rol · salir
Hola, {nombre}
Vehículos en catálogo
Leads de venta
Cerrados
Vendidos del mes
Últimos vehículos cargadostabla: vehículo · año · km · precio · estado
Leads recientestabla: fecha · persona · vehículo · precio tasado · estado
A03 · Vehículos — listado/admin/vehiculos
Sidebar
Catálogo de vehículos
+ Nuevo vehículo
gestor: banner "solo lectura"
Buscador + filtro de estado
A03Tablathumb+nombre · año · km · precio · asesor · estado (pill) · acciones — CAMBIO DE ESTADO EN 1 CLIC desde la fila (F5)
A04 · Vehículos — editor/admin/vehiculos/{id}
Sidebar
A04Datos del vehículomarca · modelo · año · km · MOTOR (nuevo) · precio · precio_anterior (oferta) · tipo ▾ · combustible ▾ · transmisión ▾ · color · estado ▾ · asesor ▾ · ETIQUETAS (máx. 2 visibles; recién-ingresado y en-oferta automáticas) · descripción
Fotos — CARGA REAL (NUEVO)múltiple · arrastrar para ordenar · portada explícita · compresión automática · mín. 6
Vista previa antes de publicar (F4)
CancelarGuardar vehículo
A05 · Leads de tasación/admin/leads
Sidebar
Total
Nuevos
Seguimiento
Cerrados
A05Tabla de leadsfecha · persona · vehículo+placa · año · precio tasado · fotos · estado
Modal de detalledatos + fotos · estados: nuevo/contactado/cerrado/descartado · notas internas. Correo automático al asesor designado del vehículo con CC a superiores directos (NUEVO). Vista vendedor: solo sus leads
A06 · Blog — gestor (NUEVO)/admin/blog
Sidebar
Artículos
+ Nuevo artículo
Tablatítulo · categoría · autor · estado (borrador/publicado) · fecha
A06Editor de artículotítulo · slug · categoría ▾ · imagen destacada · cuerpo rich-text · extracto · SEO title/description
Guardar borradorPublicar
A07 · Banners y pop-ups — gestor (NUEVO)/admin/banners
Sidebar+ ítem "Banners"
Banners de la Home
+ Nuevo banner
alimenta el slider del hero (T01.2) · orden = orden del slider
A07Tabla ordenable (arrastrar)orden ⠿ · miniatura · título/CTA · tipo (IMAGEN/VIDEO) · vigencia desde–hasta · estado activo/inactivo · acciones
Editor de banner / pop-upubicación ▾ (hero · comercial · topbar · pop-up) · media: imagen o video (MP4 máx. 10 MB · 0:30, autoplay muted) · título opcional · CTA texto + URL opcionales · vigencia · activo ☑
CancelarGuardar
A08 · Textos del sitio (NUEVO)/admin/textos
Sidebar+ ítem "Textos" (solo admin)
Micro-CMS de bloquestodo texto comercial del sitio público editable sin desarrollo (solo rol admin)
Lista de bloques por páginahero por defecto · cómo certificamos · te acompañamos siempre · FAQ · testimonios · avisos legales cortos
Editor de bloquetítulo · texto · CTA (si aplica) · vista previa antes de publicar
CancelarPublicar cambios