David Segura
EN
Volver a la galería

Supplies & Services

Catálogo y formulario de pedidos por WhatsApp para proveedor B2B

ReactViteSupabaseFramer MotionWhatsApp APIFreelanceB2B

Supplies & Services

Un proyecto freelance para un proveedor B2B de insumos industriales en Colombia. El cliente vende por WhatsApp, así que el brief fue claro: un catálogo rápido con un flujo de pedido vía WhatsApp, no un checkout.

Lo destacado

  • Catálogo buscable con filtros por categoría y cards con peso visual fuerte.
  • Formulario de pedido por WhatsApp que arma un mensaje pre-cargado con el contenido del carrito y abre el WhatsApp Business del vendedor directo.
  • Carrusel del hero con react-slick para banners promocionales.
  • Framer Motion para reveals sutiles al hacer scroll — nunca flashy, sólo presentes.
  • Pasada de optimización de imágenes: cada asset convertido a WebP, lazy-load debajo del fold.
function buildWhatsAppMessage(items: CartItem[]): string {
  const lines = items.map((it) => `• ${it.name} x ${it.qty}`);
  return encodeURIComponent(['Hola, quisiera cotizar:', ...lines].join('\n'));
}

Stack: React + Vite + Supabase para datos de producto, Framer Motion para movimiento, react-slick para carrusel.

Galería del proyecto

Supplies & Services — image 1Supplies & Services — image 2Supplies & Services — image 3Supplies & Services — image 4