Saltar al contenido
TV viewHablemos
ES
Todos los trabajos

Diseño de app móvil

NeverSoft. Un portafolio leído del todo hasta cada activo

Una app de inversiones en portugués que empieza por cómo está dividido un portafolio y baja hasta cada activo. Todos los nombres y las cifras en pantalla son datos de ejemplo.

Mi papel
Diseño de interfaz
Estado del proyecto
Diseño de interfaz · archivo de Figma

Verlo en Dribbble

Portada de presentación de NeverSoft, del archivo de diseño original.
Portada de presentación del archivo original.

Pantallas del diseño original en Figma y Dribbble, con datos de ejemplo.

Mi contribución

NeverSoft es una app de gestión de inversiones en portugués. Sus dos pestañas responden a preguntas distintas: Resumo muestra cómo está dividido todo el portafolio y cómo le va, y Ativos mira un activo a la vez.

El mismo archivo de Figma tiene una landing page para empresas, inversionistas, asesores y contadores. Todavía lleva una marca provisional, así que aquí me quedo con la app.

Un desplazamiento por el diseño: la lista de activos y el desempeño de cada uno.
Un desplazamiento por el diseño: el resumen del portafolio, del anillo de distribución a los informes.

El anillo y los bloques son la misma imagen

Resumo abre con un gráfico de dona que reparte el portafolio entre Ações, ETFs, Criptoativos, Renda Fixa y Fundos, con el total en el centro y tres cifras simples debajo para la rentabilidad diaria, mensual y anual. Al desplazarse hacia abajo, cada clase de activo se convierte en un bloque del color de su porción, así que el anillo y los bloques se leen como un solo sistema.

El resto de la página trata de la tendencia a lo largo del tiempo: tarjetas de metas con barras de progreso, un gráfico del historial de aportes y dividendos, y una lista de informes en PDF listos para descargar.

Pantalla de resumen del portafolio con un anillo de composición alrededor del total y las rentabilidades diaria, mensual y anual.
El resumen del portafolio, con cifras de ejemplo.
Pantalla de activos con el activo de mejor desempeño, su variación y un gráfico de crecimiento.
Detalle de un activo, con nombres de empresas y cifras de ejemplo.

Los mismos tres números en cada activo

En Ativos, cada tarjeta repite la misma franja de variación diaria, mensual y anual, así que comparar activos significa leer la misma fila en el mismo lugar. El activo marcado como el de mejor desempeño tiene una tarjeta más completa, con una línea de crecimiento; los demás siguen en una lista, cada uno con una pequeña flecha verde o roja que indica la dirección.

Cuatro pantallas de la app inclinadas sobre un fondo negro: el gráfico de dona del portafolio, bloques de categoría con metas, un activo destacado con una línea de crecimiento y una lista de otros activos.
Las pestañas Resumo y Ativos, de todo el portafolio hasta cada activo.
Un celular que muestra el gráfico de dona con su leyenda y las cifras de rentabilidad, apoyado sobre una superficie blanca entre placas de acrílico de color naranja, verde y rojo.
Cinco clases de activo, cada una con su propio color en el anillo y en la leyenda.