AYM Enterprises – Catálogo Bilingüe de Electrónica al por Mayor
August 20, 2026
Registro de entrega
Fecha del registro: 20 de agosto de 2026. La tecnología y las capturas describen la versión entregada según quedó documentada en esta fecha. Cualquier observación de rendimiento corresponde al mismo registro puntual. El sitio enlazado puede incluir cambios posteriores realizados por el cliente u otros proveedores.
Contexto del negocio
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.
Problema
Un checkout de comercio electrónico convencional no encajaba con el proceso de ventas al por mayor de AYM. Los compradores necesitaban explorar modelos y configuraciones específicas, preparar una solicitud de cotización útil y confirmar los precios y la disponibilidad actuales con el equipo de ventas.
Restricciones
La experiencia pública debía ser bilingüe, estática y ligera mientras manejaba una selección cambiante de productos. No podía introducir cuentas de clientes, pagos en línea ni precios públicos fijos, y necesitaba una alternativa confiable cuando no fuera posible abrir un mensaje prellenado de WhatsApp.
Decisión
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.
Experiencia entregada
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.
Descubrimiento bilingüe del catálogo
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.
Flujo de lista de cotización
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.
Presentación responsiva de productos
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.
Fundamentos del sitio público y buscadores
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.
Verificación pública
Resultado del negocioUn catálogo bilingüe de venta al por mayor presenta modelos y configuraciones y ofrece a los compradores una vía clara para solicitar precios y disponibilidad actuales por WhatsApp.
Alejandro entendió que AYM no opera como una tienda minorista tradicional. Nuestros clientes necesitan explorar modelos y configuraciones específicas de productos electrónicos, preparar una solicitud de cotización y luego confirmar directamente con nosotros los precios y la disponibilidad actuales. Convirtió ese proceso en un catálogo bilingüe profesional conectado a WhatsApp, sin obligarnos a usar un sistema de pago que no se adapta a la venta al por mayor. El sitio web facilita la presentación de nuestros productos y ofrece a los compradores una forma clara de iniciar una conversación con nuestro equipo.
Fui responsable de la arquitectura de información, la implementación del catálogo bilingüe, el flujo de lista de cotización, la experiencia responsiva, las comprobaciones de accesibilidad y el despliegue del sitio público representados en esta entrega. La arquitectura estática y los medios de producto separados permiten actualizar el catálogo sin añadir un backend de comercio innecesario.
Tecnología
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.
