Bull Market Brokers — Caso de estudio · Nicolás Rasilla
Saltar al contenidoSkip to content

Nicolás Rasilla Sr. Product Designer

Caso 04 · 2021 · UX/UI DesignCase 04 · 2021 · UX/UI Design

Bull Market: abrir cuenta, conocerse como inversor y operar desde el teléfonoBull Market: open an account, learn your investor profile and trade from your phone

App de un broker bursátil argentino: alta 100% digital con validación de identidad, un test que traduce la tolerancia al riesgo en un arquetipo entendible, y la operatoria completa de órdenes —compra, venta, cotizaciones y cambio— en una sola cuenta.App for an Argentine stock broker: fully digital onboarding with identity verification, a test that turns risk tolerance into an archetype anyone can grasp, and the full order flow — buy, sell, quotes and FX — in a single account.

RolRole
UX/UI Design
TipoType
App fintechFintech app
AlcanceScope
Onboarding, apertura, perfil, operarOnboarding, account opening, profile, trading
PlataformasPlatforms
iOS · Android
EntregablesDeliverables
Flujos, UI kit, prototipoFlows, UI kit, prototype

Generando resumen…Generating summary…

  • App de Bull Market Brokers: alta 100% digital, perfil de inversor y operatoria completa de órdenes en una sola cuenta.Bull Market Brokers app: fully digital onboarding, investor profile and the complete order flow in a single account.
  • El alta se parte en pasos cortos con validación de identidad por DNI y selfie, en lugar de formularios largos y papeles.Onboarding is split into short steps with ID and selfie verification, instead of long forms and paperwork.
  • El test regulatorio se reescribió como preguntas de situación y devuelve un arquetipo con nombre —El Lobo— que la persona reconoce.The regulatory test was rewritten as situational questions and returns a named archetype — The Wolf — that people recognise.
  • Verde y rojo se reservan a compra, venta y variación; toda orden pasa por una pantalla de verificación antes de confirmar.Green and red are reserved for buy, sell and change; every order passes a review screen before confirmation.
  • Rol: UX/UI Design · 2021 · iOS y Android.Role: UX/UI Design · 2021 · iOS and Android.

Generado a partir del contenido de este caso. Puede omitir matices: el detalle completo está más abajo.Generated from this case’s own content. It may miss nuance — the full detail is below.

01 — Métricas objetivo01 — Target metrics

Estimadas, no medidasEstimated, not measured

−15 pts abandonodrop-off

Alta digital completadaDigital onboarding completed

<3 min objetivotarget

Tiempo hasta enviar el altaTime to submit onboarding

≥85% de las altasof sign-ups

Test de perfil completadoProfile test completed

−35% relativorelative

Órdenes con error del usuarioOrders with user error

≤48 h medianamedian

Hasta la primera inversiónTo first investment

EnfoqueApproach

El problemaThe problem

Abrir una cuenta comitente era un trámite de escritorio: formularios largos, papeles y un cuestionario de perfil que nadie entendía. El que recién empieza abandonaba antes de invertir el primer peso.Opening a brokerage account was desk paperwork: long forms, documents and a profile questionnaire nobody understood. Beginners quit before investing their first peso.

La apuestaThe bet

Partir el alta en pasos cortos con foto de DNI y selfie, y convertir el test regulatorio de perfil en un resultado con nombre y explicación —El Lobo, hiper agresivo— que la persona pueda reconocer.Split onboarding into short steps with an ID photo and a selfie, and turn the regulatory profile test into a named, explained result — The Wolf, hyper-aggressive — that a person can recognise.

El sistemaThe system

Azul institucional para la navegación, blanco para los datos, verde y rojo reservados exclusivamente a compra/venta y variación. Un botón primario por pantalla; cancelar siempre como texto.Institutional blue for navigation, white for data, green and red reserved strictly for buy/sell and change. One primary button per screen; cancel always as text.

02 — Onboarding y apertura de cuenta02 — Onboarding and account opening

Android · flujo de altaAndroid · onboarding flow

Tres pantallas de bienvenida explican respaldo, simplicidad y acompañamiento antes de pedir nada. La apertura arranca eligiendo tipo de cuenta y avanza con validación de identidad: frente y dorso del DNI, selfie y un teléfono para el contacto personalizado.Three welcome screens explain backing, simplicity and support before asking for anything. Onboarding starts by choosing an account type and moves into identity verification: both sides of the ID, a selfie, and a phone number for personal contact.

03 — Perfil de inversor03 — Investor profile

Android · test regulatorioAndroid · regulatory test

El cuestionario obligatorio se convirtió en preguntas de situación —qué harías ante una baja fuerte, cuánto pensás invertir el primer año— con una barra de progreso siempre visible. El resultado es un arquetipo con nombre, ilustración y texto en primera persona, y queda accesible y editable desde el perfil.The mandatory questionnaire became situational questions — what you would do in a sharp drop, how much you plan to invest in year one — with an always-visible progress bar. The result is an archetype with a name, an illustration and first-person copy, editable from the profile.

Los cinco arquetipos del perfil de inversor: Gordon Gekko, Alan Greenspan, El Lobo, George Soros y Warren Buffett.
Los cinco arquetipos del test, de más conservador a hiper agresivo.The five archetypes from the test, from most conservative to hyper-aggressive.

04 — Cartera y mercado04 — Portfolio and market

Android · usuario activoAndroid · active user

Mi cuenta abre en el total, la ganancia y el detalle por instrumento agrupado por tipo, con la distribución en torta y accesos a historial y cuenta corriente. Cotizaciones usa filtros por categoría y una lista propia de seguimiento; Invertir ordena el universo de instrumentos en una sola lista.My account opens on the total, the gain and a per-instrument breakdown grouped by type, with a pie chart and links to history and the cash account. Quotes uses category filters and a personal watchlist; Invest arranges the whole instrument universe in one list.

Mi cuenta — inversiones
Mi cuenta — inversionesMy account — investments
Cotizaciones — acciones
Cotizaciones — accionesQuotes — stocks
Invertir — instrumentos
Invertir — instrumentosInvest — instruments

05 — Operar05 — Trading

Android · órdenesAndroid · orders

Del precio a la orden en dos pasos. Comprar y vender comparten pantalla pero nunca color: verde para compra, rojo para venta, sostenido en el chip de verificación. Antes de confirmar se repiten cantidad, tipo de orden, validez y plazo; la confirmación es explícita y ofrece los dos caminos siguientes.From price to order in two steps. Buy and sell share a screen but never a colour: green for buy, red for sell, carried through to the review chip. Before confirming, quantity, order type, validity and settlement are repeated; confirmation is explicit and offers the two next paths.

Precios del instrumento
Precios del instrumentoInstrument prices
Configurar compra
Configurar compraSet up buy
Verificar compra
Verificar compraReview buy
Configurar venta
Configurar ventaSet up sell
Verificar venta
Verificar ventaReview sell
Orden confirmada
Orden confirmadaOrder confirmed

06 — Dinero y cuenta06 — Money and account

Android · fondos y cambioAndroid · funding and FX

Ingresar fondos muestra alias, CBU y CUIT en tarjetas copiables, con las restricciones en la misma pantalla. Cambio resuelve compra y venta de dólares desplegando el importe en línea, sin sacar al usuario del listado.Add funds shows alias, bank number and tax ID in copyable cards, with the restrictions on the same screen. FX handles buying and selling dollars by expanding the amount inline, without taking the user out of the list.

Ingresar fondos
Ingresar fondosAdd funds
Cambio — dólares
Cambio — dólaresFX — dollars
Menú de cuenta
Menú de cuentaAccount menu

DetalleDetail

El color solo informaColour only informs

Verde y rojo nunca marcan jerarquía: indican compra, venta o variación. La acción principal siempre es el azul institucional, así el usuario no aprende dos códigos distintos.Green and red never signal hierarchy: they mean buy, sell or change. The primary action is always institutional blue, so users never learn two different codes.

Verificar antes de confirmarReview before confirming

Toda orden pasa por una pantalla de repaso con los mismos campos que se acaban de completar. Es el paso que más consultas evitó en soporte.Every order passes through a review screen with the same fields just filled in. It is the step that prevented the most support tickets.

Perfil como contenido, no como trámiteProfile as content, not paperwork

El arquetipo se guarda con su descripción y se puede volver a editar: el test deja de ser un requisito y pasa a ser parte de la cuenta.The archetype is saved with its description and can be edited again: the test stops being a requirement and becomes part of the account.

Set de iconos del sistema: bonos, acciones, futuros, opciones, letras, cedears y cambio.
Set de iconos dibujado para las categorías de instrumentos.Icon set drawn for the instrument categories.

Seguir navegandoKeep browsing

Ver todoSee all
Meli+ · Mercado Libre Suscripción y pagosSubscription and payments ePak · OCA Logística B2BB2B logistics Anuka Aprender idiomasLanguage learning Yourbarrel Fotografía deportivaSports photography

ContactoContact

nico.rasilla@gmail.com

+54 9 11 2388-2900

LinkedIn Abre en una pestaña nuevaOpens in a new tab Descargar CV (PDF)Download CV (PDF)