Cencopay
Fui la diseñadora UX/UI a cargo de Cencopay, la billetera digital de Cencosud en Argentina: una cuenta simple, que cualquiera podía abrir en pocos pasos. La construí con un único punto de partida, un manual de marca, y dentro de una app que hasta entonces solo tenía una tarjeta de crédito.I was the UX/UI designer in charge of Cencopay, Cencosud's digital wallet in Argentina: a simple account anyone could open in a few steps. I built it from a single starting point, a brand manual, inside an app that until then only had a credit card.
ContextoContext
De una tarjeta de crédito a un banco en el bolsilloFrom a credit card to a bank in your pocket
Cencosud es uno de los grupos de retail más grandes de Latinoamérica: supermercados como Jumbo, Disco y Vea, tiendas como Easy, y hoy también una fuerte presencia en Estados Unidos. Nació en Chile, y ahí también nació Cencopay.Cencosud is one of the largest retail groups in Latin America: supermarkets like Jumbo, Disco and Vea, stores like Easy, and today a strong presence in the United States too. It was born in Chile, and so was Cencopay.
En Argentina, Cencosud solo tenía una tarjeta de crédito, con su propia app. Cencopay llegó como un producto nuevo dentro de esa misma app: una cuenta digital para guardar dinero y usarlo como tarjeta de débito en cualquier comercio del país.In Argentina, Cencosud only had a credit card, with its own app. Cencopay arrived as a new product inside that same app: a digital account to keep money in and use as a debit card at any store in the country.
La tarjeta pedía un análisis crediticio. Para abrir la billetera alcanzaba con el DNI y un par de minutos. Era un producto pensado para cualquiera.The card required a credit check. Opening the wallet took an ID and a couple of minutes. It was a product meant for anyone.
Pasar de una tarjeta con análisis crediticio a una billetera para todo el mundo cambiaba a quién le hablaba la app.Going from a credit-checked card to a wallet for everyone changed who the app was talking to.
El desafíoThe challenge
Mucha libertad, ninguna reglaLots of freedom, no rules
El equipo de Chile nos compartió el manual de marca: colores, patrones y tipografías. Nada más. No había un sistema de diseño de su app, y al principio la comunicación con su equipo de diseño era mínima.The Chilean team shared the brand manual with us: colors, patterns and typefaces. Nothing else. Their app had no design system, and at first, communication with their design team was minimal.
Eso era todo lo que tenía para crear un producto entero. Por un lado, me daba la libertad con la que todo diseñador sueña alguna vez. Por otro, sabía que había estándares que cumplir y reglas que seguir, pero no las tenía en mis manos.That was all I had to build an entire product. On one hand, it gave me the kind of freedom every designer dreams of at some point. On the other, I knew there were standards to meet and rules to follow, but I didn't have them in my hands.
Además, la app chilena era muy básica: enviar dinero y pagar en algunos comercios. En Argentina tenía que ser un banco digital completo, así que tampoco servía como base.On top of that, the Chilean app was very basic: send money and pay at a few stores. In Argentina it had to be a full digital bank, so it didn't work as a base either.
Nos dieron un manual de marca. Había que construir un producto entero sin dejar de ser fieles a esa identidad.We were handed a brand manual. We had to build an entire product while staying true to that identity.
Todo lo que el manual no decía había que decidirlo desde cero. Había que crear un sistema de diseño.Everything the manual didn't say had to be decided from scratch. We needed a design system.
Mi rolMy role
Una diseñadora, una célulaOne designer, one squad
Fui la única diseñadora UX/UI de una célula dedicada a la tarjeta y la billetera, junto a desarrolladores de front, de back y QA. Trabajábamos por sprints, en un agile adaptado a la cultura de la empresa.I was the only UX/UI designer on a squad dedicated to the card and the wallet, alongside front-end, back-end and QA developers. We worked in sprints, with an agile process adapted to the company's culture.
Me ocupé de todo el recorrido de diseño: de la investigación al handoff. Ser la única diseñadora hacía que cada ciclo fuera más corto, y que la conversación con desarrollo fuera directa, sin intermediarios.I owned the entire design process, from research to handoff. Being the only designer made each cycle shorter and kept the conversation with development direct, with no go-betweens.
En un equipo chico, el diseño no se entrega: se construye al lado de quien lo programa.On a small team, design isn't handed off: it's built right next to the person coding it.
El sistemaThe system
Darle vida a una identidadBringing an identity to life
El manual resolvía cómo se veía la marca en una pieza gráfica, pero no en una pantalla que se toca, carga, falla y confirma.The manual covered how the brand looked in a graphic piece, but not on a screen you tap, that loads, fails and confirms.
No partía del todo de cero. La app de la tarjeta estaba hecha en Flutter y ya tenía un sistema de diseño heredado de Material Design. Pero esa base no era Cencopay.I wasn't starting entirely from zero. The card app was built in Flutter and already had a design system inherited from Material Design. But that base wasn't Cencopay.
Construí un sistema nuevo desde los átomos: tomé los colores, las tipografías y los patrones del manual y los convertí en piezas que se pudieran usar, combinar y repetir. De ahí salieron los componentes, con sus estados, variantes y casos de uso: algunos reutilizables en toda la app, otros pensados para un solo momento.I built a new system from the atoms up: I took the manual's colors, typefaces and patterns and turned them into pieces that could be used, combined and repeated. That's where the components came from, with their states, variants and use cases: some reusable across the app, others designed for a single moment.
El manual decía cómo se veía Cencopay. El sistema pasó a decir cómo funcionaba.The manual said how Cencopay looked. The system started saying how it worked.
El lanzamientoThe launch
Un cambio grande, en dos tiemposA big change, in two stages
La app de la tarjeta tenía su propia arquitectura, su estilo y su identidad. Cencopay entraba como un módulo nuevo que al principio iba a convivir con todo eso y, más adelante, iba a pasar a ser el producto principal.The card app had its own architecture, style and identity. Cencopay came in as a new module that would first live alongside all of that and, later on, become the main product.
Había que salir a producción pronto, y el cambio completo iba a llevar mucho más tiempo. La solución fue partirlo en dos etapas.We needed to ship soon, and the full change was going to take much longer. The answer was to split it into two stages.
En la primera, en 2023, integramos Cencopay en la app de la tarjeta cambiando solo algunos estilos, colores y tipografías. Los usuarios de siempre tuvieron tiempo de acostumbrarse a la nueva identidad, y nosotros ganamos tiempo.In the first, in 2023, we brought Cencopay into the card app by changing only some styles, colors and typefaces. Existing users had time to get used to the new identity, and we bought ourselves time.
Mientras esa versión salía a producción, trabajábamos a fondo en la definitiva: el sistema, la adaptación de las pantallas existentes y las funciones nuevas.While that version went to production, we worked in depth on the final one: the system, adapting the existing screens and the new features.
Partir el cambio en dos nos dejó lanzar rápido sin apurar lo importante.Splitting the change in two let us launch fast without rushing what mattered.
Los usuariosThe users
Dos puertas de entrada, una misma appTwo ways in, one app
La app tenía que servir a dos personas muy distintas: quien ya tenía la tarjeta y sumaba la billetera, y quien llegaba nuevo, solo con su DNI, sin intención de pedir una tarjeta de crédito.The app had to serve two very different people: someone who already had the card and was adding the wallet, and someone new, with just their ID and no intention of applying for a credit card.
La solución fue un carrusel de "Tus productos" en la home, con cada producto como una pequeña tarjeta. Cada tarjeta abre su propia home, con sus funciones específicas. Así, cada usuario ve solo lo que tiene e identifica fácil cada producto, sin pantallas vacías ni funciones que no le corresponden.The answer was a "Your products" carousel on the home screen, with each product as a small card. Each card opens its own home, with its own features. That way every user sees only what they have and can tell each product apart easily, with no empty screens or features that don't apply to them.
Dos productos muy distintos podían convivir sin que ninguno se sintiera invitado de más.Two very different products could live together without either one feeling out of place.
El productoThe product
Mucho más que una billeteraMuch more than a wallet
La versión argentina fue mucho más allá de la chilena: débito Mastercard en todo el país, puntos para descuentos en las tiendas del grupo, rendimientos diarios del dinero en cuenta, recarga de crédito móvil y de transporte, débitos automáticos de suscripciones, agenda de pagos y transferencias.The Argentine version went far beyond the Chilean one: Mastercard debit nationwide, points for discounts at the group's stores, daily returns on money in the account, mobile and transit top-ups, automatic subscription payments, a payee list and transfers.
Con tantas funciones, la clave era que pagar siguiera siendo simple y seguro. En el pago con QR propuse un control de deslizar para pagar en lugar de un botón: un gesto intencional que evita pagos por error y le da al usuario una confirmación física antes de que el dinero se mueva.With so many features, the key was keeping payment simple and safe. For QR payments I proposed a swipe-to-pay control instead of a button: an intentional gesture that prevents accidental payments and gives the user a physical confirmation before any money moves.
Las funciones clave pasaron primero por rondas de testeo internas y después por pruebas con clientes reales, con descuentos como incentivo para participar.Key features went through internal testing rounds first, then tests with real customers, with discounts as an incentive to take part.
Cuanto más hace una app de dinero, más cuidado pide el momento de pagar.The more a money app does, the more care the moment of paying needs.
La soluciónThe solution
La billetera que se quedó con el nombreThe wallet that kept the name
Con la segunda etapa, en agosto de 2024, la app de la tarjeta de crédito pasó a llamarse Cencopay, con la tarjeta y la billetera como sus dos productos. Lo que había entrado como un módulo nuevo terminó siendo la identidad de toda la app.With the second stage, in August 2024, the credit card app was renamed Cencopay, with the card and the wallet as its two products. What started as a new module ended up as the identity of the whole app.
Lo que empezó como un producto más terminó dándole nombre a toda la app.What began as one more product ended up giving its name to the whole app.
CierreWrap-up
Lo que movió la agujaWhat moved the needle
Meses después del lanzamiento, un estudio interno de producto mostró:Months after launch, an internal product study showed:
- −30% de abandono en el alta de la billetera, gracias a un onboarding más corto y claro.−30% drop-off in wallet sign-up, thanks to a shorter, clearer onboarding.
- +20% de registros de la billetera en el primer mes.+20% sign-ups for the wallet in the first month.
Además, muchos usuarios que entraron por la billetera terminaron pidiendo la tarjeta de crédito, y los descuentos y puntos impulsaron las compras en las tiendas del grupo. Hoy la app supera el millón de descargas en Google Play.Many users who came in through the wallet also ended up applying for the credit card, and the discounts and points boosted purchases at the group's stores. Today the app has over a million downloads on Google Play.
Cencopay fue donde entendí que un sistema de diseño no es un entregable: es infraestructura. No había uno propio cuando llegué, y cada componente que definí le ahorró tiempo al equipo más adelante.Cencopay is where I understood that a design system isn't a deliverable: it's infrastructure. There wasn't one of its own when I arrived, and every component I defined saved the team time down the line.
Hoy empezaría por la arquitectura. Integrar un producto nuevo dentro de una app que ya existía fue la parte más trabajosa: hubo que mapear a mano cómo estaba armada para encontrarle su lugar a Cencopay. Con las herramientas actuales, una auditoría asistida por IA me daría ese mapa completo en mucho menos tiempo, antes de diseñar la primera pantalla.Today I'd start with the architecture. Fitting a new product into an existing app was the hardest part: we had to map by hand how it was built to find Cencopay's place in it. With today's tools, an AI-assisted audit would give me that full map in far less time, before designing the first screen.
También construiría el sistema sobre tokens desde el primer día. Las decisiones de color, tipografía y espaciado quedarían definidas una sola vez, y un cambio de identidad como el de la tarjeta a Cencopay sería mucho más simple de aplicar en toda la app.I'd also build the system on tokens from day one. Color, type and spacing decisions would be defined once, and an identity change like the one from the card to Cencopay would be much simpler to roll out across the app.
Me dieron un manual de marca; dejé un producto que la gente usa todos los días.I was handed a brand manual; I left behind a product people use every day.