State Driven UI
Los productos, el carrito, favoritos, busqueda y comparador se actualizan desde un unico estado de aplicacion.
/ Luxury Commerce Interface / Vanilla Stack
NoirAtelier.
Una tienda editorial de alto impacto para piezas premium, creada con arquitectura frontend limpia, microinteracciones y una experiencia de compra completa.
Catalog
12
Productos renderizados desde data JS.
Frontend
0
Librerias de UI pesadas.
Experience
9+
Funciones interactivas reales.
Checkout
3
Estados visuales de compra.
/ Curated Collection
Shop
Shop
The Drop
Catalogo con busqueda, filtros por categoria, ordenamiento, favoritos, comparador y carrito persistente. Todo hecho con HTML, CSS y JavaScript vanilla.
Limited Bundle
$620
3 piezas esenciales con descuento aplicado en carrito.
/ Bundle Builder
Build
Build
Your Set
Selecciona tus favoritos, comparalos y arma un carrito con logica de descuentos. El sistema calcula subtotal, envio, impuestos y promociones sin backend.
Promo activa
NOIR15
Agrega 3 productos para desbloquear el descuento editorial.
/ Visual System
Frontend
Frontend
Architecture
El proyecto demuestra componentes reutilizables, estado centralizado, almacenamiento local, render dinamico, modales, drawers y animaciones cuidadas.
Microinteractions
Hover, reveal, drawer, quick view, toast notifications y feedback visual en cada accion clave.
Responsive Commerce
Grid adaptable, controles tactiles, menu movil y carrito usable en pantallas pequenas.
Accessible Basics
Botones semanticos, labels, aria-live para notificaciones, focus states y navegacion por teclado.
Dark luxury sin perder lectura
La interfaz usa contraste alto, espacios amplios y acento dorado para sostener una estetica editorial sin sacrificar utilidad.
Vanilla no significa basico
La logica del catalogo demuestra que un stack simple puede resolver flujos complejos cuando esta bien organizado.
Compra visual, rapida y clara
El usuario puede explorar, comparar, guardar, abrir detalles y comprar sin cambiar de pagina.