Diseño de plataforma web de networking y transacciones financieras para un club de socios · 2024
2 MESES
De diseño a implementación completa
VIGENTE
La plataforma sigue activa para el cliente
4 ROLES
Miembro, admin, supervisor y promotor
UI PURA
Entrega bajo restricción de tiempo y presupuesto
Contexto real del proyecto
Sin fase UX — decisión del cliente
Este proyecto no tuvo fase de investigación ni proceso de Design Thinking. El cliente tenía presupuesto y tiempo limitados, y necesitaba una plataforma funcional en producción en el menor tiempo posible. El reto fue diseñar una interfaz usable, coherente y escalable trabajando directamente desde el brief, sin datos de usuario previos. El producto lleva en producción desde 2024 y sigue activo.
Este caso demuestra algo que los proyectos con proceso completo no pueden demostrar: capacidad de tomar decisiones de diseño sólidas bajo presión real, con restricciones de presupuesto y tiempo que son la norma en la mayoría de las empresas.
Mi rol en el proyecto
- UI Design
- Diseño de sistema por roles
- Gestión de datos complejos
- Diseño de flujos transaccionales
Lideré el diseño de interfaz junto a un equipo de trabajo, siendo responsable de las decisiones de UI, la coherencia visual del sistema y la arquitectura de pantallas por rol de usuario. Trabajé directamente con el equipo de desarrollo para asegurar que los diseños pudieran implementarse dentro del plazo acordado.
El Problema
KCN Dynamics es una plataforma web que permite a los miembros de un club de networking realizar transacciones internas, promocionar sus servicios y gestionar sus relaciones comerciales de forma segura. El producto anterior no permitía gestionar las transacciones con control suficiente ni ofrecía una experiencia diferenciada por tipo de usuario.
El cliente necesitaba un producto nuevo que centralizara la gestión de transacciones, la administración de usuarios y el control de negocios, con dashboards personalizados según el rol de cada persona dentro del club.
Decisiones de diseño — pantalla por pantalla
Sin investigación previa, cada decisión de UI fue razonada desde los principios de usabilidad, la lógica del negocio y las necesidades declaradas por el cliente. Aquí está el razonamiento detrás de cada pantalla entregada.
1-Dashboard de miembro — home con saldo de monedero
El punto de entrada más importante para un usuario de club de networking es saber su estado financiero actual y las acciones disponibles. Diseñé un dashboard simple con el saldo del monedero en posición dominante y accesos directos a las funciones más usadas, eliminando cualquier elemento que no aportara al flujo principal.
2-Interfaz de transferencias — flujo completo con filtros avanzados
Las plataformas de transacciones financieras generan volúmenes altos de registros. Sin filtros, los usuarios pierden el control de su historial. Diseñé la vista de transferencias con filtros avanzados, búsqueda genérica por fecha y un flujo paso a paso para realizar nuevas transferencias, reduciendo la posibilidad de error en operaciones con dinero real.
3-Perfil de usuario — modal con secciones diferenciadas
Para el perfil decidí usar un diálogo modal en lugar de una página nueva. El perfil en modal mantiene al usuario en contexto sin interrumpir su flujo de trabajo, y organiza datos, contraseñas, PIN y servicios en tabs dentro del mismo espacio, reduciendo la carga cognitiva de navegar entre páginas.
4-Gestión de usuarios para administrador
El administrador necesita control total sobre las cuentas sin complejidad operacional. Diseñé la interfaz priorizando la visibilidad del estado de cada cuenta y las acciones más frecuentes en primer plano. La seguridad del sistema requería que cada acción crítica tuviera un paso de confirmación explícito.
5-Filtro avanzado en vista de usuarios
Con cientos de socios activos en el club, la búsqueda simple no era suficiente. Implementé un sistema de filtros avanzados que permite segmentar por múltiples criterios simultáneamente, dando al administrador visibilidad granular sin necesidad de exportar datos ni salir de la plataforma.
6-Transferencias para administrador — campos clave visibles
Las transferencias administrativas requieren más contexto que las de un miembro. Diseñé la interfaz con campos clave siempre visibles: servicio, tipo de transferencia, monto, concepto, usuario solicitante y destinatario. El objetivo fue eliminar la necesidad de abrir registros individuales para entender el estado de cada operación.
7-Perfil de administrador — mini dashboard integrado
El administrador necesita monitorear el estado general del sistema sin navegar entre secciones. Integré un mini panel tipo billetera dentro del perfil que muestra cancelaciones, compras, ventas adicionales y depósitos en una sola vista. Así, el gestor tiene el pulso del sistema desde cualquier punto de la plataforma.
Sistema de roles — diseño diferenciado por perfil
Uno de los mayores retos de este proyecto fue diseñar una plataforma que se comportara de forma diferente según quién la usara, manteniendo coherencia visual en todo el sistema. Cada rol tiene acceso a funcionalidades distintas y dashboards adaptados a sus necesidades específicas.
Miembro del club
- Dashboard con saldo de monedero
- Historial y flujo de transferencias
- Perfil con datos y PIN
- Lista de servicios propios
Administrador
- Gestión completa de usuarios
- Transferencias con campos extendidos
- Mini dashboard de operaciones
- Asignación de permisos
Resultado
La plataforma fue implementada y entregada al cliente en 2 meses. Sigue activa en producción. El cliente obtuvo un producto funcional, con interfaz coherente y flujos usables, dentro de las restricciones reales de presupuesto y tiempo que tenía el proyecto.
No hubo investigación formal — pero hubo criterio. Cada pantalla tiene una razón de diseño documentable y decisiones tomadas desde los principios de usabilidad, no desde la intuición estética.
Lo que demuestra este proyecto
Que sé diseñar cuando las condiciones no son ideales — que es el 80% de los proyectos reales. Presupuesto limitado, plazos ajustados y sin datos de usuario no son excepciones en la industria, son la norma. Este proyecto demuestra que puedo entregar UI usable, coherente y en producción bajo esas condiciones, sin sacrificar el razonamiento detrás de cada decisión.