Étude de cas produit · Magasins de commerce électronique

RELAY MARKET

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Medusa.js
  • Zustand
  • Algolia
  • Stripe
  • PostgreSQL
  • Redis
  • React Hook Form
  • Zod
  • Sentry
  • Playwright
RELAY MARKET — capture de la page d’accueil

Description

Un marché électronique multimarque complet pour les équipements de création, combinant un contexte produit expert, des spécifications précises, une recherche, un filtrage, des variantes, une liste de souhaits, un panier persistant, des promotions, une logique de livraison et un paiement validé.

Détails du projet

Relay Market est conçu comme un détaillant technologique indépendant avec un point de vue. Son interface dense à minuit présente le SKU, le vendeur vérifié, le stock, le délai d'expédition, la garantie, le nombre d'avis, le contexte de financement, les options de protection et les spécifications exactes à côté de chaque produit. Vingt-quatre produits créés manuellement prennent en charge la recherche floue, les filtres de catégories et de marques, les contrôles de notation et de prix, le tri, les variantes, les produits associés et les états dédiés introuvables. Les données de la liste de souhaits et du panier persistent localement par magasin ; les quantités, les seuils d'expédition et la promotion PORTFOLIO10 sont recalculés immédiatement. Une démonstration validée efface le panier et renvoie une confirmation de commande. La navigation mobile, les tiroirs de filtres et de chariots, la mise au point du clavier, la migration d'état sécurisée, la réduction des mouvements et les tests automatisés des flux commerciaux complètent l'expérience du marché.

Galerie d’interfaces

Écrans du projet

Préparation de votre expérience