Volver a proyectos

E-commerce · 2026

Distribuidor Marcial.

Ecommerce vintage de libros y grabaciones con MercadoPago y admin a medida.

Año
2026
Duración
8 semanas
Industria
Libros · Grabaciones · Tecnología magnética
Home de Distribuidor Marcial
0
pasarela de pago
0
módulos del backend

El problema

Distribuidor Marcial vendía a sus clientes habituales por mostrador y WhatsApp. No había tienda online ni un lugar único donde viviera el catálogo: cada producto era una foto suelta y cada cobro un mensaje aparte con CBU.

Cómo lo resolvimos

  1. Identidad vintage end-to-end

    Paleta cream/marrón/dorado con Playfair Display y Bebas Neue para que cada pantalla huela a libro viejo. El mismo lenguaje visual recorre home, catálogo, ficha de producto y admin.

  2. Catálogo, filtros y búsqueda

    Grid paginado con orden por popularidad y precio, sidebar de filtros por categoría y buscador en el header. Los productos cargan desde la API y se reordenan por familia, dejando los sin stock al final.

  3. Carrito + MercadoPago en una pantalla

    Sidebar de carrito persistente, totales calculados en cliente y checkout con MercadoPago integrado vía SDK. El cliente arma el pedido sin recargar nada y termina el pago sin salir del sitio.

  4. Admin propio con auth y CRUD

    Backend NestJS con TypeORM y módulos de auth, categorías y productos. Ruta /admin protegida por rol, panel CRUD completo y carga de imágenes para que el equipo gestione el catálogo solo.

Galería

Home de Distribuidor Marcial

Home con hero cinematográfico, logo blanco sobre fondo oscuro tipo mármol y grid de productos paginados con tipografía Playfair Display.

Detalle de producto

Ficha de producto con galería, descripción, precio, stock y CTA para sumar al carrito sin salir de la página.

Carrito abierto con CTA a MercadoPago

Sidebar de carrito abierto con totales en vivo y CTA al checkout de MercadoPago, sin salir de la página del producto.

Versión mobile del sitioFicha de producto en mobileCarrito en mobile

Mobile responsive: home, ficha de producto y carrito lado a lado. Misma jerarquía vintage y velocidad que en desktop.

Deslizá

Stack técnico

Create React AppReact 18React Router 6ReduxaxiosTailwind v3NestJSTypeORMMercadoPagoVercel

El resultado

El sitio público respira identidad vintage, el catálogo es navegable con filtros y orden, el carrito y MercadoPago resuelven el checkout sin fricción, y el admin permite cargar libros, casetes y vinilos en minutos. Un ecommerce completo, listo para sumar más categorías.