Caso de Estudio: Experiencia en Vector — Diseño y Desarrollo de Productos Financieros
Contexto
Durante mi etapa en Wake, una agencia digital, tuve la oportunidad de colaborar directamente con Vector Casa de Bolsa, una de las firmas financieras más importantes de México.
A lo largo de varios meses trabajé en diferentes partes de su ecosistema digital: la nueva plataforma E-Vector, el blog Vector Análisis, y una nueva plataforma de inversión con su landing page.
Estos proyectos marcaron un antes y un después en mi carrera: pasé de ser un desarrollador frontend a descubrir mi camino dentro del diseño de producto para fintech.
Proyecto 1 — Nueva Plataforma de E-Vector
Rol:
Desarrollador Frontend
Duración:
2 semanas aprox.
Herramientas:
React, TypeScript, Tailwind, VictoryChart, Material UI
Colaboradores:
Equipo interno de Wake y equipo técnico de Vector
Descripción
Este proyecto fue mi primer contacto con el entorno digital de Vector. La nueva versión de E-Vector ya estaba en desarrollo y me integré para ayudar a cerrar módulos clave y asegurar que la plataforma avanzara hacia su fase de lanzamiento.
Aunque el producto incluía varias funciones financieras, lo que más toqué fue la parte de componentes interactivos y visualización de datos, áreas críticas en un sistema donde la precisión y la claridad son esenciales.
Reto técnico
Uno de los desafíos más demandantes fue una gráfica personalizada que no podía construirse directamente con VictoryChart debido al nivel de detalle y el estilo que el equipo de diseño necesitaba.
Terminé armándola prácticamente desde cero: integrando datos, manejando estados, añadiendo animaciones y ajustando la estética para que encajara con el resto de la plataforma. Fue un trabajo donde la precisión técnica y la sensibilidad UI iban de la mano, algo muy característico del mundo financiero.
Resultado
El módulo se entregó en tiempo y forma, y el equipo de Vector pudo avanzar con la fase final del proyecto.
Más allá del código, fue mi introducción real al ritmo y las exigencias de los productos fintech: entregas ajustadas, altos estándares y decisiones que influyen directamente en la experiencia de los usuarios.
Proyecto 2 — Blog Vector Análisis
Rol:
Diseñador UI/UX
Duración:
Proyecto intermitente durante varios meses
Herramientas:
Figma
Colaboradores:
Equipo de diseño de Wake y desarrollador principal del blog
Descripción
Vector Análisis es el blog oficial donde la firma publica contenido de mercado, investigaciones y análisis financiero. Me integré en una etapa avanzada para diseñar la vista de los posts individuales y un componente dinámico de fechas.
Mi objetivo fue reforzar la coherencia visual con el sitio corporativo y mejorar la experiencia de lectura en un entorno cargado de información especializada.
Reto de diseño
El reto fue crear una interfaz clara y ordenada en un contexto con alto volumen de texto técnico. Ajusté tipografías, ritmos visuales y jerarquías para lograr un diseño editorial sólido sin perder la identidad formal del sector financiero.
Resultado
El blog terminó consolidándose como un canal clave dentro de la estrategia digital de Vector. Para mí fue un espacio ideal para profundizar en diseño editorial aplicado a fintech.
Proyecto 3 — Plataforma de Inversión y Landing Page
Rol:
Diseñador UX/UI y Desarrollador Frontend
Duración:
4 meses
Herramientas:
Figma, Miro, Photoshop, Illustrator, Next.js, TypeScript, Chakra UI, Chart.js
Colaboradores:
Equipos de UX y desarrollo de Wake, equipo técnico y de diseño de Vector
Descripción
Este fue el proyecto más completo de mi etapa con Vector: una nueva plataforma de inversión automatizada y su landing page.
Me encargué del diseño y desarrollo de la landing, además de apoyar con la estructura UX general del producto.
Proceso
Realicé benchmarks, diseñé wireframes de baja y alta fidelidad, generé prototipos navegables y presenté propuestas a stakeholders. Trabajé junto al equipo de ilustración y animación para crear un tono más humano y accesible.
Hallazgos
- Los usuarios necesitaban ver la trayectoria de Vector para confiar en el producto.
- La landing inicial era demasiado extensa, así que simplificamos la navegación para reducir fricción.
Resultado
El proyecto fue muy bien recibido tanto por el equipo interno como por usuarios en pruebas. Para mí significó mi primera experiencia liderando un proceso completo de UX dentro del mundo fintech.
Reflexión Final
Mi paso por Vector fue un punto de inflexión profesional. Llegué como desarrollador curioso por el diseño y salí con una dirección clara: especializarme en diseño de producto para fintech.
Aprendí a trabajar con equipos multidisciplinarios, comunicar decisiones con fundamentos, y transformar conceptos financieros complejos en experiencias accesibles, confiables y humanas.
Hoy veo estos proyectos como la base de mi camino hacia el diseño de producto estratégico dentro del sector financiero.
