Commerce Control
Plataforma operativa para centralizar productos, pedidos, inventario y métricas en una experiencia clara, rápida y preparada para crecer.
- Client
- Internal Product Concept
- Role
- Product Design & Full Stack Development
- Year
- 2026
- Duration
- 8-week concept sprint
Overview
Context before pixels.
Plataforma operativa para centralizar productos, pedidos, inventario y métricas en una experiencia clara, rápida y preparada para crecer.
Este caso usa contenido de demostración para validar la narrativa, el ritmo editorial y la jerarquía del template antes de incorporar material real.
The problem
What needed to change.
La operación estaba distribuida entre planillas y herramientas aisladas. El equipo no podía entender el estado del negocio, actualizar inventario o resolver pedidos pendientes sin cambiar constantemente de contexto.
My role
Product Design & Full Stack Development
- 01Investigación del flujo operativo y definición del alcance inicial
- 02Arquitectura frontend, backend y contratos de API
- 03Diseño del modelo relacional para productos, pedidos e inventario
- 04Construcción de la interfaz responsive y sus estados críticos
Solution
A system, not a patch.
Diseñé una plataforma modular alrededor de las tareas más frecuentes. Una API tipada conecta productos, stock y pedidos; la interfaz prioriza alertas y acciones, mientras React se reserva para los módulos que realmente necesitan estado en cliente.
Process
From ambiguity to a system.
- 01Discover
Organicé necesidades dispersas en cuatro flujos principales y detecté qué información debía estar visible sin abrir otra pantalla.
- 02Define
Modelé entidades, relaciones y contratos antes de construir la interfaz para evitar que las vistas dictaran una estructura de datos frágil.
- 03Build
Usé Astro para la estructura, React en los controles interactivos y una API Node conectada a PostgreSQL para la lógica operativa.
- 04Validate
Probé navegación por teclado, estados vacíos, carga y error, además de reorganizar prioridades para pantallas pequeñas.
Tech stack
Tools chosen for the job.
- 01Astro
- 02React
- 03Node.js
- 04PostgreSQL
Results
What improved.
- Productos, pedidos, stock y métricas reunidos en una sola experiencia
- Navegación mobile reorganizada alrededor de alertas y próximas acciones
- Componentes y contratos preparados para incorporar nuevos módulos
- Estados críticos documentados para reducir ambigüedad durante el desarrollo
Key learning
What I would carry forward.
En productos internos, mostrar más información no siempre mejora la operación. La decisión más valiosa fue priorizar la próxima acción y revelar el detalle solamente cuando aporta contexto.
End of case study