Projects
AYM Enterprises – Bilingual Wholesale Electronics Catalog
AYM Enterprises needed a professional digital catalog for its Miami-based wholesale electronics business. Retailers, resellers, organizations, and export buyers needed a clear way to explore available product models and configurations without presenting the experience as a consumer checkout flow or publishing prices that depend on current availability.
The experience was organized around a quote-first purchasing journey. Visitors can discover products in either English or Spanish, narrow the catalog, choose the configuration they need, and prepare a structured request before continuing the conversation with the AYM team through WhatsApp.
The architecture keeps the public site static and lightweight while separating product media from the application deployment. This makes the catalog easier to maintain as the available selection changes.
The delivered site combines a bilingual marketing experience with an active wholesale catalog of 29 products across eight categories. It includes responsive catalog cards, search and filtering, configuration selection, a persistent quote list, and direct product or multi-item WhatsApp handoff.
The interface adapts the same product and quote workflow to desktop and compact mobile layouts. Supporting About and Contact pages provide additional business context and direct contact options without adding accounts, online payments, or a custom commerce backend.
English and Spanish routes share a structured content model, localized navigation, metadata, category labels, product descriptions, and quote guidance. The catalog supports search and category filtering across audio, phones, tablets, laptops, watches, gaming, streaming, and accessories.
Visitors can select a product configuration, add products to a browser-persisted quote list, adjust quantities, add a note, and prepare one organized request. The flow validates its local state and provides a manual-copy fallback when a prefilled WhatsApp message cannot be opened directly.
Product cards expose model and configuration details in a dense layout that keeps two products visible per row on compact mobile screens. A fixed mobile navigation surface keeps Home, Catalog, Quote List, and Contact actions available throughout the journey.
The site includes canonical metadata, localized alternates, structured data, sitemap and robots output, accessible navigation, keyboard support, responsive media, and content checks for the generated static pages.
The delivery recorded on August 20, 2026 uses Astro 7, TypeScript, component-scoped CSS, Cloudflare Pages, and Cloudflare R2. Vitest, Playwright, axe, and Lighthouse automation cover unit, integration, browser, accessibility, and performance checks. Product and quote interactions run in the browser; the published site does not introduce customer accounts, checkout, payment processing, or a custom application backend.
Visit AYM Enterprises