Newpaton

Tres formas de querer luz Three ways to want light

Antes de diseñar una sola pantalla, entrevisté a 10 usuarios reales sobre sus hábitos de compra de productos de diseño e iluminación. A partir de los insights y pain points que surgieron de esas entrevistas, construí 3 user personas con motivaciones, frustraciones y habilidades técnicas distintas.

Esto marcó decisiones clave: carrito de compras visible siempre, envíos claros antes de llegar al checkout, y un flujo de personalización simple que no requiera conocimientos de diseño.

Before designing a single screen, I interviewed 10 real users about their buying habits for design and lighting products. From the insights and pain points that came out of those interviews, I built 3 user personas with different motivations, frustrations and technical skills.

This shaped key decisions: an always-visible cart, clear shipping information before checkout, and a simple personalization flow that requires no design knowledge.

Del catálogo al checkout From catalogue to checkout

Mapeé el flujo completo de compra —desde elegir una categoría hasta confirmar el pedido— incluyendo las bifurcaciones reales: qué pasa si no hay stock, si el usuario no tiene cuenta, o si los datos de envío están mal cargados. Ese mapa fue la base de las pantallas de web y App.

I mapped the full purchase flow —from choosing a category to confirming the order— including the real branches: what happens with no stock, no account, or incorrect shipping data. That map became the base for every web and App screen.

La misma marca, web y App The same brand, web and App

Diseñé el catálogo, la ficha de producto con selector de color y cantidad, favoritos, carrito y checkout, tanto para el sitio responsive como para la App. Cada pantalla contempla estados vacíos, de error y de confirmación —como el aviso al agregar una lámpara al carrito.

I designed the catalogue, the product page with color and quantity selectors, favorites, cart and checkout, for both the responsive site and the App. Every screen covers empty, error and confirmation states —like the toast shown after adding a lamp to the cart.

De la pantalla a la calle From the screen to the street

El mismo sistema de diseño se extendió a piezas gráficas fuera de la pantalla: aviso de revista y cartelería para vía pública, manteniendo paleta, tipografía y tono de marca consistentes en cada punto de contacto.

The same design system extended into offline graphic pieces: a magazine ad and street signage, keeping palette, typography and brand tone consistent across every touchpoint.