Saltar al contenido
Cristian Carvajal Proyectos
Todos los trabajos
01 Producto financiero · Panel de datos

Un bróker que se entiende de un vistazo

Rediseño de la plataforma de DEGIRO: la página de inicio que no existía, una cartera legible y una interfaz que deja de parecer de 2015.

Rol · Investigación y diseño de interfaz Entregado · Propuesta de rediseño en Figma Herramientas · Figma · MindNode
El isotipo de DEGIRO, dos barras azules, sobre el gris de la plataforma
El problema Funcional, pero muy 2015: para saber cómo iba tu dinero había que ir a buscarlo.
Lo que hice Rehíce el árbol de contenidos y diseñé el inicio que faltaba.
El resultado Al abrir la plataforma, lo primero que ves es cómo van tus inversiones. Propuesta propia, 2022 · usuario del bróker desde antes de diseñarla.

El contexto

Qué había antes

Uso DEGIRO todos los días. La interfaz funciona, pero se quedó en 2015: mucha información en pantalla y poca jerarquía entre lo que importa y lo que no.

El problema de fondo es que la plataforma no tiene página de inicio. Entras y caes en Mercados, que es un muro de noticias y agenda económica — útil para alguien, pero no para lo que va a hacer la mayoría al abrir la app: mirar cómo va su dinero.

El nuevo inicio: valores en cartera, inversiones recientes, análisis de diversificación, fechas importantes y mercados
Fig. 1 · El inicio que no existía

El proceso

Qué decidí y por qué

Lo primero fue levantar el árbol de la web tal y como estaba, y sobre él dibujar una propuesta de reorganización. Analicé la plataforma entera para tener la foto completa, pero el rediseño se centra en dos pantallas: el inicio y la cartera.

El inicio lo planteé como un centro de control: valores en cartera arriba, movimientos recientes, una zona de análisis con la diversificación, las fechas importantes de tus empresas y los mercados a un lado. Nada de noticias genéricas — solo las de lo que tienes.

En la cartera trabajé al revés: quitar. Los datos de la cuenta se resumen en una fila y la tabla de acciones se queda con las columnas que se miran de verdad, con las ganancias y las pérdidas separadas por color y no por signo.

La cartera de DEGIRO antes del rediseño, con la tabla de posiciones y el panel lateral de la plataforma
Fig. 2 · Antes: la cartera original
La cartera rediseñada: una fila de resumen y la tabla de acciones con las columnas esenciales
Fig. 3 · Después: la cartera con lo que se mira
DEGIRO antes del rediseño: la pantalla de Mercados, con agenda económica, índices y noticias compitiendo por el mismo espacio
Fig. 4 · Antes de todo: la pantalla a la que caías al entrar

El resultado

Cómo quedó

El resultado es una plataforma que responde a la primera pregunta antes de que la hagas. Y una cartera donde los números se leen sin recorrer la fila con el dedo.

¿Se parece a lo que necesitas?