CASO DE ESTUDIO · COMERCIO
Plataforma de e-commerce
Una tienda online y un panel de gestión para un comercio independiente: navegación rápida de cara al cliente y un control de inventario real detrás.
- ROL
- Desarrollador full-stack
- DURACIÓN
- 12 semanas
- EQUIPO
- 2 personas
- PLATAFORMA
- Tienda + panel
IDENTIDAD DE PRODUCTO
North&Co
La selección de otoño.
01 · RESUMEN
Resumen del proyecto
TIEMPO DE DESARROLLO
12 semanas
Del descubrimiento al lanzamiento
TAMAÑO DEL EQUIPO
2 personas
Yo y una diseñadora de marca
LOGRO CLAVE
+41% conversión
Frente a la antigua tienda de plantilla
EL PROBLEMA
NORTH&CO vendía con una tienda de plantilla que ocultaba el stock, fallaba en el pago desde el móvil y obligaba al equipo a actualizar el inventario en hojas de cálculo.
EL ENFOQUE
Una tienda a medida en React con pago por Stripe, respaldada por un panel en Node y PostgreSQL donde el equipo gestiona productos, stock y envíos en un solo lugar.
+41%
de conversión en el pago móvil
1,2 s
de carga media de página en 4G
0
incidencias de sobreventa desde el lanzamiento
02 · FUNCIONALIDADES
Qué hace
Pago con Stripe
Carritos guardados, Apple Pay y Google Pay en un pago de dos pasos.
Historial de pedidos
Los clientes siguen sus pedidos y repiten sus favoritos con un toque.
Control de inventario
Stock en tiempo real por talla y color, con avisos de stock bajo.
Panel por roles
Propietarios, equipo y logística tienen cada uno las herramientas que necesitan.
Búsqueda de productos
Búsqueda instantánea con filtros de talla, color y precio.
Autenticación segura
Autenticación JWT con renovación de sesión en el servidor.
03 · PROCESO
Cómo se hizo
SEMANA 1–2
Descubrir
Audité el embudo de la tienda antigua y entrevisté al equipo sobre sus problemas de inventario.
- Auditoría del embudo
- Requisitos
SEMANA 3–4
Diseñar
Tienda, ficha de producto y panel diseñados junto a la diseñadora de marca.
- Prototipo en Figma
- Sistema de marca
SEMANA 5–10
Construir
Tienda en React, API en Node, esquema de Postgres e integración con Stripe.
- Tienda online
- Panel de gestión
SEMANA 11–12
Lanzar
Migración de datos, pruebas de carga y un lanzamiento suave para los suscriptores de la newsletter.
- Lanzamiento
- Migración sin caídas
04 · STACK TÉCNICO
Tecnologías
FRONTEND
- React
- TypeScript
- Tailwind CSS
BACKEND
- Node.js
- Express
- JWT
DATOS
- PostgreSQL
- Prisma
- Redis
PAGOS Y CLOUD
- Stripe
- AWS S3
- CloudFront
ARQUITECTURA
Tienda NORTH&CO
Tienda en React
API en Node.js
Pedidos, stock, auth
PostgreSQL
Productos, pedidos
Stripe
Pagos, webhooks
AWS S3
Imágenes de producto
05 · APRENDIZAJES
Retos y aprendizajes
Sobreventa en los lanzamientos
RETO
Las ediciones limitadas vendían más unidades de las que había en stock.
RESULTADO
Reservar el stock durante el pago hizo imposible la sobreventa.
Pago lento en móvil
RETO
La mitad de los compradores móviles abandonaba en el paso del pago.
RESULTADO
Stripe Payment Element con monederos digitales redujo el pago a dos pasos.
¿Te interesa este proyecto?
Te enseño encantado el código, las decisiones que hay detrás o cómo podría funcionar algo parecido para tu equipo.