Redesigning an investment experience for the mobile world.Rediseñando una experiencia de inversión para el mundo mobile.
Here's how we transformed a desktop-first experience into an intuitive mobile app, keeping the product's complexity intact without compromising the user experience.Te muestro cómo transformamos una experiencia pensada para desktop en una aplicación móvil intuitiva, manteniendo la complejidad del producto sin comprometer la experiencia del usuario.
The product had grown. The experience hadn't.El producto había crecido. La experiencia no.
80% of Holdo's users were already accessing the platform recurrently from their phones — but the platform was still built for desktop.El 80% de los usuarios de Holdo ya accedía de forma recurrente desde el celular — pero la plataforma seguía pensada para desktop.
Although the platform could be used from a phone's browser, the responsive experience no longer matched the product. Navigating, investing or checking information from mobile felt uncomfortable.Aunque la plataforma podía utilizarse desde el navegador del teléfono, la experiencia responsive ya no estaba a la altura del producto. Navegar, invertir o consultar información desde el móvil resultaba incómodo.
The challenge wasn't about shrinking screens to fit a smaller size. It was about rethinking the experience for mobile, taking advantage of what a native app could offer without losing the logic and trust users already knew.El desafío no consistía en adaptar pantallas a un tamaño menor. Se trataba de replantear la experiencia para mobile, aprovechando las capacidades de una aplicación nativa sin perder la lógica y confianza que los usuarios ya conocían.
Before designing an app, we needed to understand the product that already existed.Antes de diseñar una aplicación, necesitábamos entender el producto que ya existía.
Holdo already had a consolidated desktop platform. Before designing the mobile experience, we analysed user behaviour and the friction points of the responsive environment.Holdo ya contaba con una plataforma consolidada en desktop. Antes de diseñar la experiencia mobile, analizamos el comportamiento de los usuarios y las fricciones del entorno responsive.
I analysed behavioural data in PostHog and Hotjar, and complemented it with a competitive benchmark of the Chilean and regional fintech market. Together with the CEO and CTO, we used that data to define what would make it into the MVP scope.Analicé el comportamiento de los usuarios en PostHog y Hotjar, y complementé ese análisis con un benchmark competitivo del mercado fintech chileno y regional. Junto al CEO y al CTO, usamos esos datos para definir qué iba a entrar en el alcance del MVP.
The goal wasn't to move every feature onto the phone, but to identify what delivered real value on mobile and what needed to be simplified.El objetivo no era trasladar toda la funcionalidad al teléfono, sino identificar qué aportaba valor real en movilidad y qué debía simplificarse.
Users didn't want an app. They wanted to carry their investments in their pocket.Los usuarios no querían una aplicación. Querían llevar sus inversiones en el bolsillo.
A very clear pattern emerged during the research. Users weren't asking for a mobile app just to have one. What they really wanted was to check the state of their investments, follow their portfolio's evolution and operate without depending on opening a computer.Durante la investigación apareció un patrón muy claro. Los usuarios no pedían una aplicación móvil simplemente por tener una app. Lo que realmente buscaban era poder consultar el estado de sus inversiones, seguir la evolución de su cartera y operar sin depender de abrir el ordenador.
The need wasn't technological. It was contextual.La necesidad no era tecnológica. Era contextual.
Investing had stopped being an activity that only happened at a desk. Users wanted access to their money whenever they needed it, regardless of place or time.Las inversiones habían dejado de ser una actividad que ocurría únicamente frente al escritorio. Los usuarios querían acceder a su dinero cuando lo necesitaran, independientemente del lugar o el momento.
That discovery completely changed how we approached the project. The goal stopped being to adapt a desktop platform. It became designing an experience that could accompany the user through their day-to-day.Ese descubrimiento cambió completamente la forma de plantear el proyecto. El objetivo dejó de ser adaptar una plataforma desktop. Pasó a ser diseñar una experiencia que acompañara al usuario en su día a día.
Desktop Context
- •Open the computerAbrir el ordenador
- •Access the platformAcceder a la plataforma
- •Check investmentsConsultar inversiones
- •Operate from a fixed environmentOperar desde un entorno fijo
Mobile Context
- •Check the portfolio at any timeConsultar la cartera en cualquier momento
- •Follow investments as they evolveSeguir la evolución de las inversiones
- •Invest from anywhereInvertir desde cualquier lugar
- •Carry the product always availableLlevar el producto siempre disponible
This insight also forced us to prioritise. Not every feature needed to reach the app's first version.Este insight también nos obligó a priorizar. No todas las funcionalidades debían llegar a la primera versión de la aplicación.
Every design decision aimed to make the product clearer, without making it less powerful.Cada decisión de diseño buscaba hacer el producto más claro, sin hacerlo menos potente.
The goal was never to move the desktop platform to mobile screen by screen.El objetivo nunca fue trasladar la plataforma desktop al móvil pantalla por pantalla.
These were the four principles that guided the redesign manifesto.Estos fueron los cuatro principios que guiaron el manifiesto de rediseño.
Prioritise before displayingPriorizar antes que mostrar
Deciding what information should always be visible and what should appear on demand. The Home was the biggest prioritisation exercise.Decidir qué información debe estar siempre visible y qué debe aparecer bajo demanda. La Home fue el mayor ejercicio de priorización.
Keep it familiarMantener la familiaridad
Preserving the product's core logic while adapting navigation and hierarchy to native mobile patterns.Conservar la lógica principal del producto adaptando la navegación y la jerarquía a patrones nativos de dispositivos móviles.
Design for quick momentsDiseñar para momentos rápidos
Optimising the experience for brief portfolio-checking sessions and executing operations in just a few steps.Optimizar la experiencia para sesiones breves de consulta de cartera y ejecución de operaciones en pocos pasos.
Launch what mattered most, firstLanzar primero lo que más valor aportaba
Prioritising the investment flow in the first version to deliver maximum immediate value to users and business.Priorizar el flujo de inversión en la primera versión para aportar máximo valor inmediato a usuarios y negocio.
“Designing for mobile meant deciding what deserved to occupy every pixel of the screen.”“Diseñar para mobile significó decidir qué merecía ocupar cada píxel de la pantalla.”Every screen had to simplify a decision, not just display information.Cada pantalla debía simplificar una decisión, no solo mostrar información.
With the design principles defined, we transformed a desktop-first platform into an experience specifically designed for mobile devices.Con los principios de diseño definidos, transformamos una plataforma pensada para desktop en una experiencia específicamente diseñada para dispositivos móviles.
Home / DashboardHome / Dashboard
The home screen shows the consolidated balance and the status of each investment goal. The number takes centre stage in the dark header so the most-checked information is available with no prior action — opening the app is already enough.El home muestra el balance consolidado y el estado de cada meta de inversión. El número ocupa el primer plano del header oscuro para que la información más consultada esté disponible sin ninguna acción previa — abrir la app ya es suficiente.
Portfolio detailDetalle de portafolio
The account view breaks down each asset with its daily change and weight in the portfolio. We kept the same header structure to create consistency between screens, and grouped recent movements at the bottom so they wouldn't visually compete with investment data.La vista de cuenta desglosa cada activo con su variación del día y su peso en el portafolio. Mantuvimos la misma estructura de header para crear consistencia entre pantallas, y agrupamos los movimientos recientes al final para no competir visualmente con los datos de inversión.
Balance breakdownBalance desglosado
The total balance is broken down into three states: invested, in transit and unassigned. This distinction mattered to Holdo because money in transit is a frequent source of confusion in financial products — making it visible and labelling it explicitly reduces the need for support.El balance total se desglosa en tres estados: invertido, en tránsito y sin asignar. Esta distinción era importante para Holdo porque el dinero en tránsito genera confusión frecuente en productos financieros — hacerlo visible y etiquetarlo explícitamente reduce la necesidad de soporte.
Deposit confirmationConfirmación de depósito
Money in transit has its own confirmation screen, with the amount and destination account front and centre. The decision was to treat this state as a closing moment for the deposit flow, not as an error or a warning — the tone and the green reinforce that everything is in order.El estado de dinero en tránsito tiene su propia pantalla de confirmación, con el monto y la cuenta destino en el centro. La decisión fue tratar este estado como un momento de cierre del flujo de depósito, no como un error ni una advertencia — el tono y el verde refuerzan que todo está en orden.
An experience designed to accompany users wherever they actually needed it.Una experiencia diseñada para acompañar a los usuarios donde realmente la necesitaban.
The app saw fast adoption among the existing user base: most people with an active account downloaded it and started using it as their regular channel for checking and operating their portfolio. For a first-launch MVP, that behaviour was the most direct validation that the channel solved a real need.La app tuvo una adopción rápida entre la base de usuarios existente: la mayoría de quienes tenían cuenta activa la descargó y empezó a usarla como su canal habitual de consulta y operación. Para un MVP de primer lanzamiento, esa señal de comportamiento fue la validación más directa de que el canal resolvía una necesidad real.
Mobile accessAcceso móvil
Access to investments at any time and place without depending on a computer.Acceso a las inversiones en cualquier momento y lugar sin depender de un ordenador.
Quick check-insConsulta rápida
Checking portfolio status and daily movements in under three seconds.Verificación del estado de la cartera y movimientos diarios en menos de tres segundos.
Simplified investingInversión simplificada
An optimised operational flow for making deposits and investments with zero friction.Flujo operativo optimizado para realizar depósitos e inversiones con cero fricción.
A product built to growProducto preparado para crecer
A scalable mobile architecture that lays the groundwork for the future roadmap.Arquitectura mobile escalable que sienta las bases para el roadmap futuro.
“The best mobile experience isn't about showing less information. It's about showing the right information at the right time.”“La mejor experiencia mobile no consiste en mostrar menos información. Consiste en mostrar la información adecuada en el momento adecuado.”Designing for mobile isn't about reducing screens. It's about redefining priorities.Diseñar para mobile no consiste en reducir pantallas. Consiste en redefinir prioridades.
Trimming the MVP scope was hard to align with every stakeholderReducir el alcance del MVP fue difícil de alinear con todos los stakeholders
But that call let us get to market in record time.Pero esa decisión nos permitió salir al mercado en tiempo récord.
Users preferred a fast, focused app over a slow, full mobile cloneLos usuarios preferían una app rápida y enfocada, no un clon móvil completo y lento
We confirmed it by validating the friends & family rollout against real engagement data.Lo confirmamos validando el uso "friends & family" con datos reales de engagement.
Redesigning a whole channel means knowing what to leave outRediseñar un canal completo exige saber qué dejar fuera
Functional minimalism sped up the mobile app's launch.El minimalismo funcional aceleró el lanzamiento de la app móvil.
“This project reinforced an idea that still guides how I work: the best products aren't the ones that do the most things, but the ones that help people do them with more clarity and confidence.”“Este proyecto reforzó una idea que sigue guiando mi forma de trabajar: los mejores productos no son los que hacen más cosas, sino los que ayudan a las personas a hacerlas con mayor claridad y confianza.”