Septiembre 2026 · Propuesta R4

Encontrar.
Guardar. Comprar.

Discovery y carrito, con Favoritos y Mi cuenta. El checkout y Mis órdenes continúan en Magento: esta V0 representa sus accesos con marcadores.

Recorrer el prototipo

El alcance de esta revisión

Inicio, búsqueda activa/resultados, PDP, carrito, email/Google/registro/recuperación, Favoritos y Mi cuenta. Cuatro tabs: Inicio, Favoritos, Carrito, Mi cuenta. Buscar permanece en la cabecera. Todas las cards abren Ver producto; agregar se configura en PDP.

Mi cuenta incluye datos, edición de nombre/apellido, cierre de sesión y Mis órdenes. Órdenes y checkout no se rediseñan: sus marcadores sólo dicen PAGINA DE MIS ORDENES MAGENTO e IFRAME DE CHECKOUT. Back del navegador retorna a cuenta/carrito.

Direcciones, devoluciones, billetera, referidos, mercado, suscripciones, eliminar cuenta y cambio de contraseña dentro de Cuenta permanecen diferidos. La recuperación del acceso sí está incluida.

Cómo leer la evidencia

Observado: relevamiento histórico, no producción actual. Regla del usuario: alcance y feedback. Propuesto: navegación y composición R4. Simulado: datos y servicios locales. TBC: contratos productivos. No son categorías intercambiables.

Decisiones completas · Objetivo y criterios de aceptación

Recorridos para probar

  1. Tocá el campo de Inicio, escribí y buscá. Abrí una PDP, cambiá fotos, variante y cantidad.
  2. Agregar sin sesión abre acceso contextual. Email o Google completan la selección una vez; cancelar no agrega.
  3. Tocá un corazón sin sesión: ingresá para guardar. Abrí Favoritos y entrá a PDP; comprar conserva el favorito.
  4. Mi cuenta → Mis datos → editar. Mis órdenes abre el marcador literal; usá Back.
  5. Carrito → Continuar al checkout → marcador literal; Back conserva carrito.

Credenciales locales: alex@example.test o sam@example.test, clave Demo123!. Google ofrece Alex existente y Sam como otra identidad local. Registro permite esas identidades, nombre/apellido, confirmar clave y consentimiento. Usá sólo datos sintéticos. Recuperación no envía correo ni autentica. Cupón DEMO10.

Abrir modo de revisión y escenarios

El control aparece fuera del marco comercial. Permite sesión vigente/vencida, carrito y favoritos vacíos/poblados, otra identidad, errores y cambios de stock/precio. Reset sólo borra tiendamia-redesign-v0-r4.

Sesión y retorno

Sesión e intención duran 30 minutos. Refresh no ejecuta una intención solo; requiere completar acceso o Continuar. Cancelar descarta. Logout guarda snapshot por identidad y deja el carrito guest vacío. Expirar deja consultar el carrito, pero exige ingreso para modificarlo; cuenta/favoritos siempre quedan protegidos. Cambiar de identidad no mezcla datos.

Transiciones

Avance/retorno 280 ms, tabs 150 ms, paneles 180 ms. Movimiento reducido y fallback funcional. Búsqueda conserva el mismo input al activarse. Login completo sin scroll estándar; con teclado o texto aumentado se permite desplazamiento.

Handoff para Flutter

Flujos conectados

Discovery

Flujo discovery: Inicio / cabecera → Tocar campo → búsqueda activa → Query + filtros + orden → Ver producto → PDP → Back → origen y scroll
Mermaid editable · JSON

Gate

Flujo gate: PDP: selección + agregar → Guest → acceso contextual → Email / Google / registro → Revalidar precio y stock → Agregar una vez → PDP
Mermaid editable · JSON

Auth

Flujo auth: Intención con origen → Login ↔ Registro ↔ Recuperación → Método elegido valida acceso → Éxito → retomar una vez → Back sin auth intermedio
Mermaid editable · JSON

Cart

Flujo cart: Guest vacío / expirado visible → Editar / cupón / quitar → Gate si sesión vencida → Revalidación y totales → Checkout → marcador
Mermaid editable · JSON

Boundary

Flujo boundary: Carrito con sesión → V0-CHK-EXIT → IFRAME DE CHECKOUT → Back → carrito intacto
Mermaid editable · JSON

Intent

Flujo intent: Intención creada (30 min) → Acceso si sesión inválida → Validación según tipo de intención → Error: reintento o cancelación → Éxito: consumir ID una vez
Mermaid editable · JSON

Favorites

Flujo favorites: Corazón / tab Favoritos → Gate contextual si guest → S25 lista o S24 vacío → Ver producto / quitar → PDP agregar conserva favorito
Mermaid editable · JSON

Account

Flujo account: Tab Mi cuenta → acceso → S42 hub privado → Elegir datos / órdenes / logout → Editar / marcador / confirmar → Retorno y estado por identidad
Mermaid editable · JSON

Orders

Flujo orders: S42 → Mis órdenes → Acceso válido → V0-ORD-EXIT → PAGINA DE MIS ORDENES MAGENTO → Back → Mi cuenta
Mermaid editable · JSON

Máquina de sesión e intención

Transiciones entre intención, acceso, validación por tipo, error, cancelación y ejecución una vez
Mermaid editable · Estados y aristas JSON

Rutas de revisión

IDDestinoTratamiento

Identidad y producto

Logo SVG oficial local: trazados y proporciones originales. Adorno violeta sin relleno por pedido del usuario. Misma copia en app y documentación; funciona offline. Rojo #FE3C3C aproximado de capturas, no HEX oficial certificado.

SVG original · Adaptación de uso · Procedencia y hashes

Cada uno de los seis productos tiene una foto sintética y dos ilustraciones SVG locales distinguibles, permitidas como placeholders. La galería abre la vista seleccionada y permite tres imágenes; cambiar foto no cambia variante. Los originales de las siete capturas privadas no se incluyen en el paquete.

71 IDs · 341 funciones originales

Incluido local no significa integrado. El acceso a Mis órdenes está incluido; las funciones de la página Magento están delegadas y pendientes. Las categorías se conservan en filtros y hero; adición rápida se consolida en PDP.

ID / superficieDecisiónUbicaciónEvidencia histórica

Funciones literales

ID / función originalEstadoImplementación / destino

Mapping JSON · 341 funciones JSON · Informe histórico

Integraciones pendientes

No hay servicios reales. OAuth, email, consentimiento legal, registro, sesión, stock/cotización, precios y contratos comerciales requieren validación con responsables. Ninguna cuenta real, orden ni pago se crea. Los enlaces de términos del registro llevan aquí: contenido legal productivo pendiente.

Para Magento/Flutter falta validar URL, permiso de apertura/embedding, sesión compartida, autorización, retornos y errores. No se inventan endpoints ni tokens. Las pantallas literales no contienen un iframe real.

Contratos de integración y política de identidad

Pruebas y límites

Consultar evidencia actual en qa/; no se reutilizan aprobaciones R3.

Chrome aislado con HTML file:// a 360×640, 390×844, 430×932 y marco de escritorio. La emulación no prueba teléfonos físicos, Safari/Firefox, lectores de pantalla, teclado nativo ni Flutter compilado. No se declara conformidad WCAG completa. Contrastá estado y fecha de cada resultado.

Apertura y pruebas reproducibles · Manifiesto de archivos