Pattern · Bank Withdrawal · canvas-first

Bank Withdrawal

El flujo inverso a Buy Crypto: el usuario vende cripto y recibe COP en su cuenta bancaria. Comisión 5% (incluye costo de transferencia), entrega hasta 1 día hábil, sin selección de método de pago. Refactor canvas-first: lienzo blanco continuo, sin cards anidadas.

Cripto → COP Comisión 5% + IVA Hasta 1 día hábil Cuenta a nombre del titular
Flow map · 4 pantallas
01 · Vender
Vender
BTC
ETH
USDT
Vendes
0,00350 BTC
Bancolombia
****4521
Monto + cuenta destino
02 · Confirmar
Vender
Confirmar venta
$1.508.562
Vendes0,00350 BTC
Comisión + IVA$95.438
Cuenta****4521
COP recibido = hero
Sheet persistente
03 · Procesando
Procesando
tu venta…
Spinner inline
Sin pasos manuales
OK
FAIL
04a · Éxito
Venta completada
$1.508.562
04b · Error
No completamos
tu venta
COP al banco · o cripto intacto
Screen 01 · Venta · lienzo blanco
9:41
Vender
Activo
₿
BTC
ETH
USDT
Vendes
0,00350
Disponible para venta 0,00350 BTC
0,00062 BTC en liquidación · disponible en máx. 24h
Recibes ≈ $1.508.562 COP
Tasa$458.320.000 / BTC
Monto bruto$1.604.000
Comisión (5%)$80.200
IVA (19% s/comisión)$15.238
Recibes en tu banco$1.508.562
Entrega estimadaHasta 1 día hábil
Cuenta de destino
Bancolombia
Ahorros · ****4521
William Pérez
El precio se fijará al confirmar

Decisiones canvas-first

  1. Semántica"Vendes" / Retiras. Vender describe la naturaleza real: MiCapi compra el cripto y le paga al usuario.
  2. Money input default en criptoEl usuario piensa "voy a vender 0,00350 BTC". El pill de moneda con ícono repeat permite cambiar a COP. Símbolo en color brand del activo.
  3. Disponible inline, no card"Disponible para venta" como fila bajo el input, con botón ghost "Usar máx". Excluye el cripto en liquidación, mostrado como nota warning inline.
  4. Comisión 5%, no 1%Más alta porque incluye el costo de la transferencia bancaria. "Recibes en tu banco" destaca por peso tipográfico — es la única línea que importa.
  5. "Hasta 1 día hábil"No "24h". Los tiempos bancarios en Colombia son variables; "1 día hábil" comunica honestamente.
  6. Cuenta como fila borderlessBanco + tipo + ****4 + titular. El titular siempre visible recuerda la regla SAGRILAFT. Chevron como única affordance — tap abre bottom sheet selector.
  7. Sin cards anidadasActivo, monto, desglose y cuenta viven sobre el mismo lienzo, separados por hairlines. Cero cajas-dentro-de-cajas.
Screen 02 · Confirmation sheet · persistente
Estándar
9:41
Vender
₿
BTC
ETH
USDT

Confirmar venta

$1.508.562
Vendes 0,00350 BTC
Tasa$458.320.000 / BTC
Comisión (5%)$80.200 + $15.238 IVA
Cuenta destinoBancolombia · ****4521
Entrega estimadaHasta 1 día hábil
Al confirmar, el precio queda fijado. El COP se enviará a tu cuenta bancaria registrada.
Cancelar
Monto alto · gate > $10M
9:41
Vender

Confirmar venta

$11.230.450
Vendes 0,02605 BTC
Comisión$596.500 + $113.335 IVA
CuentaBancolombia · ****4521
Confirmo que quiero vender 0,02605 BTC y recibir $11.230.450 COP en Bancolombia ****4521.
Cancelar

Sheet persistente

  1. Hero = COP recibidoInversión vs Buy Crypto (hero = cripto). El usuario quiere saber cuánta plata le llega al banco — la pregunta central de una venta. Cripto vendido subordinado como caption.
  2. Cuenta en el detalleBanco + ****4 confirma que el COP va al lugar correcto antes del tap final.
  3. Gate sobre $10MUmbral más alto que Buy ($2M) — los retiros típicos en Colombia son montos mayores. Checkbox con cripto + COP + cuenta literales.
  4. PersistenteisDismissible: false. La venta es irreversible; el sheet no se cierra por accidente. PopScope(canPop: false).
  5. Confirmar · mediumImpactHaptic de acción financiera irreversible al confirmar.
Screens 03 — 04 · Procesando · Éxito · Error
Procesando
9:41
Procesando

Procesando tu venta…

Estamos confirmando tu operación. Esto puede tardar unos segundos.

Recibirás
$1.508.562 COP
Bancolombia · ****4521
Éxito
9:41

Venta completada

COP
$1.508.562
Banco
****4521
Referencia
MCP-2026-05-417

El depósito bancario puede tomar hasta 1 día hábil en aparecer en tu cuenta.

Vendiste 0,00350 BTC · descontado de tu portafolio
Error
9:41

No pudimos completar tu venta

Hubo un problema al procesar tu operación. Intenta de nuevo en unos minutos o contacta a soporte si persiste.

Referencia
MCP-2026-05-417
Tu cripto no fue descontado · sigue en tu portafolio
Bank Withdrawal vs. Buy Crypto
Aspecto
Buy Crypto
Bank Withdrawal
Dirección
COP → cripto
Cripto → COP
Hero del confirmation
Cripto que recibe
COP que recibe en banco
Comisión
1% + IVA
5% + IVA · incluye transferencia
Método de pago
Bre-B · Nequi · PSE
N/A · cuenta bancaria registrada
Saldo usado
N/A · usuario paga COP externo
Disponible para venta · excluye liquidación
Entrega
Hasta 24h hábiles
Hasta 1 día hábil (banco)
Aviso titular
Sí · primera compra
No · validado al registrar cuenta
Pantallas
5 · procesando manual
4 · procesando automático
Gate de monto alto
> $2.000.000 COP
> $10.000.000 COP
Frase en error
"Tu dinero no fue debitado"
"Tu cripto no fue descontado"
Dark mode · venta + confirmation
Dark · venta
9:41
Vender
Activo
₿
BTC
ETH
USDT
Vendes
0,00350
Disponible para venta0,00350 BTC
Recibes ≈ $1.508.562 COP
Comisión (5%)$95.438
Recibes en tu banco$1.508.562
Cuenta de destino
Bancolombia
Ahorros · ****4521
El precio se fijará al confirmar
Dark · confirmation
9:41
Vender

Confirmar venta

$1.508.562
Vendes 0,00350 BTC
Tasa$458.320.000 / BTC
Comisión (5%)$95.438
CuentaBancolombia · ****4521
EntregaHasta 1 día hábil
Al confirmar, el precio queda fijado. El COP se enviará a tu cuenta bancaria registrada.
Cancelar

Dark mode

  1. Marcas bancarias intactasAmarillo Bancolombia, rojo Davivienda — colores de marca no se reinterpretan en oscuro.
  2. "Recibes en tu banco" en primaryprimary-700 en light · primary-300 en dark. Es la línea más importante del desglose.
  3. Símbolo del activo con color brandEl pill de moneda mantiene el naranja BTC — refuerza qué activo se vende.
  4. Lienzo dark continuosurface-dark #0F1A19, hairlines a rgba(228,236,235,0.06). Misma estructura sin chrome.