Volver a los proyectos

Caso 01 · Fintech y retail

Crédito comercial a escala

Una plataforma web para conectar clientes, pagos y servicios financieros.

Visitar sitio público
Angular · Flask · Webpay · SQL Server · Azure
Empresa
Fashion’s Park
Área
Producto digital · Tarjeta comercial
Mi rol
Full-Stack Developer y posteriormente Technical Lead.

01

Contexto

Un ecosistema conectado
  1. 01DescubrirBeneficios · tiendas
  2. 02ConsultarSaldo · movimientos
  3. 03PagarWebpay · servicios bancarios
  4. 04EvolucionarAPIs · backoffice · cloud

Representación conceptual. No contiene interfaces privadas, datos de clientes, reglas internas ni material propietario.

Fashion’s Park necesitaba una plataforma digital para que sus clientes pudieran informarse sobre la tarjeta comercial, conocer sus beneficios, consultar su información financiera y realizar pagos online.

El proyecto incluía una experiencia pública para cualquier visitante y un área privada destinada a clientes tarjetahabientes.

La solución se desarrolló sin recibir previamente un diseño completo de UX/UI. El equipo trabajó directamente con el negocio para convertir sus necesidades en una experiencia visual clara, funcional y responsive.

02

Experiencia pública y privada

Sitio público

La experiencia pública reunía información, beneficios, pagos y puntos de atención para cualquier visitante:

  • Información básica de la tarjeta, beneficios y servicios.
  • Ofertas, promociones e invitación a solicitar la tarjeta.
  • Invitación a descargar la aplicación.
  • Pago online de cuotas o deudas.
  • Información de tiendas, mapa con geolocalización y búsqueda de la tienda más cercana.

En el momento del proyecto se mostraban aproximadamente 111 tiendas disponibles en Chile.

Área privada para tarjetahabientes

Una vez autenticado, el cliente podía consultar y gestionar información de su tarjeta:

  • Saldo, cupo utilizado, cupo disponible y próximo pago.
  • Estado de la tarjeta y detalle del saldo.
  • Movimientos de los últimos seis meses y descarga en PDF.
  • Cupones y beneficios según el segmento del cliente.
  • Estado de solicitudes o procesos de aprobación.

Los beneficios podían variar entre categorías como Oro, Plata o Bronce, mediante una clasificación definida por el negocio según el comportamiento y las condiciones de la tarjeta. Las reglas internas no se exponen en este caso.

03

APIs e integraciones

Desarrollé y mantuve APIs para conectar la web, los servicios financieros y distintas áreas del negocio:

  • Integración con Webpay para pagos online.
  • Integraciones con BancoEstado y Banco Itaú, incluyendo avances de efectivo y transferencias a cuentas bancarias.
  • Consulta autorizada de documentos firmados y audios asociados al cliente.
  • Integración con el sistema de beneficios y clasificación de clientes según sus condiciones.
  • Consulta del estado de aprobación de la tarjeta.
  • Integración con el portal interno de backoffice.
  • Actualización de imágenes, textos y contenidos publicados en la web y otros canales.
  • Integración externa de validación de identidad mediante documento y reconocimiento facial.
  • Consulta y revocación de permisos otorgados por el cliente.
  • APIs reutilizadas por la web y otros canales digitales.

04

Backoffice y contenidos

También desarrollé APIs y funcionalidades para un portal interno de backoffice, separando la gestión editorial del código de la aplicación.

El equipo autorizado podía:

  • Cargar y reemplazar imágenes promocionales.
  • Actualizar textos y contenidos de distintos componentes.
  • Modificar información sin desplegar cambios de código.
  • Reflejar actualizaciones automáticamente en la web y otros canales conectados.

05

Trabajo técnico

Mi trabajo abarcó frontend, backend, integraciones, infraestructura y entrega continua:

  • Angular, componentes reutilizables y formularios reactivos.
  • Consumo de APIs, lógica de negocio y diseño responsive.
  • APIs REST con Python y Flask.
  • Mantenimiento de APIs existentes en Node.js.
  • Migración progresiva de Node.js hacia Python y Flask.
  • Integraciones con Webpay, BancoEstado y Banco Itaú.
  • Integración con servicios externos de validación de identidad.
  • SQL Server y Docker.
  • Pipelines CI/CD y API Management.
  • Coordinación de configuraciones con Cloudflare y Nginx.
  • Despliegue y mantenimiento en Azure.

Evolución del rol y del producto

La plataforma continuó evolucionando con nuevas necesidades del negocio, promociones, servicios e integraciones. Inicialmente participé como Full-Stack Developer junto con otros integrantes del equipo.

Posteriormente asumí responsabilidades como Technical Lead, coordinando decisiones técnicas, desarrollo, integraciones y evolución del producto.

Autonomía de producto y UX

Sin diseños completos ni prototipos finales, trabajamos directamente con las áreas de negocio para definir distribución de contenidos, colores, jerarquía visual, componentes, formularios, navegación y comportamiento responsive. Esta parte exigió convertir necesidades ambiguas en una experiencia digital usable.

06

Impacto

La plataforma continúa en producción y consolidó en una experiencia web distintos servicios de la tarjeta comercial:

Más de 2,2Mde tarjetahabientes atendidos por la plataforma
  • Consulta y gestión de información para tarjetahabientes.
  • Pagos online y conexión con servicios financieros.
  • Integración con sistemas externos.
  • Evolución de contenidos mediante backoffice.
  • APIs reutilizables por distintos canales digitales.
  • Una experiencia pública y privada responsive.