Proyectos
AYM Enterprises – Catálogo Bilingüe de Electrónica al por Mayor
AYM Enterprises necesitaba un catálogo digital profesional para su negocio de electrónica al por mayor con sede en Miami. Comercios, revendedores, organizaciones y compradores de exportación necesitaban una forma clara de explorar modelos y configuraciones disponibles sin presentar la experiencia como un checkout para consumidores ni publicar precios que dependen de la disponibilidad actual.
La experiencia se organizó alrededor de un recorrido de compra basado en cotizaciones. Los visitantes pueden descubrir productos en inglés o español, refinar el catálogo, elegir la configuración que necesitan y preparar una solicitud estructurada antes de continuar la conversación con el equipo de AYM por WhatsApp.
La arquitectura mantiene el sitio público estático y ligero, mientras separa los medios de los productos del despliegue de la aplicación. Esto facilita el mantenimiento del catálogo a medida que cambia la selección disponible.
El sitio entregado combina una experiencia de marca bilingüe con un catálogo activo de 29 productos distribuidos en ocho categorías. Incluye tarjetas responsivas, búsqueda y filtros, selección de configuraciones, una lista de cotización persistente y entrega directa a WhatsApp para un producto o varios artículos.
La interfaz adapta el mismo flujo de productos y cotización a layouts de escritorio y móvil compacto. Las páginas complementarias Sobre Nosotros y Contacto ofrecen contexto adicional del negocio y opciones de contacto directo sin añadir cuentas, pagos en línea ni un backend de comercio personalizado.
Las rutas en inglés y español comparten un modelo de contenido estructurado con navegación, metadata, categorías, descripciones de productos y orientación de cotización localizadas. El catálogo permite buscar y filtrar entre audio, teléfonos, tabletas, portátiles, relojes, videojuegos, streaming y accesorios.
Los visitantes pueden seleccionar una configuración, agregar productos a una lista persistida en el navegador, ajustar cantidades, incluir una nota y preparar una solicitud organizada. El flujo valida su estado local y ofrece una alternativa de copia manual cuando no se puede abrir directamente un mensaje prellenado de WhatsApp.
Las tarjetas muestran el modelo y las configuraciones en un layout compacto que mantiene dos productos visibles por fila en pantallas móviles pequeñas. Una navegación móvil fija mantiene disponibles las acciones Inicio, Catálogo, Cotización y Contacto durante el recorrido.
El sitio incluye metadata canónica, alternates localizados, datos estructurados, sitemap y robots, navegación accesible, soporte de teclado, medios responsivos y comprobaciones de contenido para las páginas estáticas generadas.
La entrega registrada el 20 de agosto de 2026 usa Astro 7, TypeScript, CSS encapsulado por componente, Cloudflare Pages y Cloudflare R2. La automatización con Vitest, Playwright, axe y Lighthouse cubre pruebas unitarias, de integración, navegador, accesibilidad y rendimiento. Las interacciones del catálogo y la cotización se ejecutan en el navegador; el sitio publicado no incorpora cuentas de clientes, checkout, procesamiento de pagos ni un backend de aplicación personalizado.
Visitar AYM Enterprises