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.2HEROEyebrow garantía · H1 · lead · stat de stock en vivo (dinámico)
Ver catálogo completoVende tu auto
T01.3Vehículos destacados6 VehicleCards de disponibles + CTA "Ver todo el catálogo"
Card
Card
Card
T01.4Cómo certificamos01 Inspección 150 pts · 02 Historial · 03 Garantía
T01.5Banda CTA tasación"Tasamos tu vehículo…"
Cotizar mi auto
T01.6Del blog — NUEVO3 últimos artículos (BlogCard) + "Ver el blog"
T01.7FooterMarca · Catálogo por tipo · Empresa · Contacto (destinos reales)
T02 · Catálogo/catalogo
Header sticky
T02.1Banda de títuloH1 + "Mostrando {n} vehículos certificados"
T02.2Filtros (sticky)Marca ☐ · Tipo ☐ · Combustible ☐ · Precio mín/máx · Año · Limpiar. Móvil: botón "Filtrar" abre panel
T02.3Toolbar{n} resultados · Ordenar por ▾
T02.4Grid VehicleCards 3/2/1badge estado · foto · marca · modelo · precio · specs (año/km/trans.) — reservado visible, 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 · badge estado
Tabla de specsaño · km · combustible · transmisión · color · tipo · asesor
T03.4CTAs
WhatsApp (msj. prellenado)Llamar
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
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 · precio · tipo ▾ · combustible ▾ · transmisión ▾ · color · estado ▾ · asesor ▾ · descripción — selects, no texto libre
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. Notificación por correo al recibir lead (NUEVO)
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