inveert

Diseño UX/UI y soluciones web.


 

Inveert es una empresa dedicada a la asesoría financiera dedicada a las inversiones, cuyo objetivo es hacer entender este mundo a un perfil no financiero.

Además, el punto diferenciador esencial de Inveert, es que la empresa no solo utiliza el riesgo y el tiempo en estas inversiones, sino también los objetivos de tu inversión.

Durante mi colaboración con ellos, mi trabajo consistió no solo en hacer de diseñadora UX/UI, sino también en proporcionar servicios de diseño gráfico y publicitario necesario para eventos, inversores y concursos.


DISEÑO DE PRESENTACIONES, SLIDES

Aquí podéis ver un ejemplo de presentación para inversores, entregada a la incubadora de startups El Cubo, de Telefónica Open Future.

Podéis descargar la presentación aquí.

 
 

Gráfica publicitaria

Para Inveert, era importante tener una visibilidad en eventos y concursos que fuese atractiva, que no recordase constantemente a la idea manida y antigua de un banco donde no se preocupan por tus inversiones, sino algo automatizado, ligero, fácil de usar y que transmitiera confianza.

Diseño UX

Para esta herramienta tuve que plantear un gran cambio estructural, primero para comprender yo misma cómo funcionaba la herramienta (no soy ninguna lumbreras en cuanto a inversiones), y después para que el cliente objetivo lo comprendiese mejor. De primeras, esto me convertía en una diseñadora ideal para el proyecto, puesto que el público objetivo era gente joven a la que enseñarle que el mundo de las inversiones no es como Shark tank.


UX, Reestructuración

Pain points

Primero, decir que Inveert tenía como punto fuerte la idea de los objetivos, no solo la creación de un perfil de riesgo, esa innovación da pie a una estructura atractiva, basada en objetivos y en beneficios y gráficas a partir de ahí. El problema es que la arquitectura general no era esta.


El sistema Inveert

Inveert funcionaba con un sistema bastante fallido, desde una landing page de captación de usuarios.

1. Selección de obejtivos. En cada uno, el usuario tiene que elegir fechas, edades, cantidad a aportar, aportación inicial, etc.

2. Formulario personal. Con los datos personales, pero sin email ni contraseña para la creación automática de un perfil.

3. Resultado final. El resultado de estos formularios y preguntas eran el perfil de inversor del usuario junto con un simulador, una parte importantísima y la más atractiva (a mi visión) de toda la captación del usuario.

Resultado, y carencias de CTAs

Con estos resultados, el usuario tendría que poder contactar con Inveert en su fase inicial, puesto que aunque la idea fuese tener un sistema automatizado de inversiones desde una sola app, al comienzo de esta startup lo único que podían hacer era terminar este proceso con una cita para asesorarse con los profesionales que fundaron la empresa.

 
 

Este es el resultado final que exisitía en Inveert. He restaltado las tabs que en mi opinión pasan desapercibidas en comparación al stepper, que tampoco es muy llamativo que digamos.


Fallos claros

  • No se puede volver. No vemos un botón de volver, ni eran clicables los pasos anteriores del stepper.

  • No hay CTAs. Si el objetivo es que contacten a la empresa, ¿dónde está la llamada a la acción?

  • Arquitectura de la información. La manera en la que se presenta la información no es correcta ni es intuitiva. Las tabs no se comprenden bien, no se visualizan correctamente ni se intuyen como tal. No es lo más relevante tu perfil de inversor, sino tu estrategia y poder comenzar con ella cuanto antes. Y un largo etc.

 
 

Siguiendo con más fallos de presentación de la información, cuando llegamos al plan de inversiones encontramos una página llena de texto, sin una agrupación cómoda para el usuario, y, de nuevo, sin un CTAs para poder comenzar con este plan de inversiones.

Lo que se puede ver en la captura de pantalla es una estrategia general de inversiones, que posteriormente Inveert no ofrecía, y después un plan de inversión según objetivos, que es el core del negocio.

Además la gestión de riesgo que se ve al final de la pantalla, es un punto de información que se deseaba representar a lo largo del plan para que el usuario estuviese tranquilo con su inversión. Esto tiene el mismo protagonismo que el resto de los puntos, cuando en realidad solo es información estática que siempre va a aparecer salga el plan que salga en cada usuario.


 

simulador de inversión

La parte más interesante del plan, más interactiva y con la que puedes ver realmente a dónde va tu dinero y cómo vas a invertir a lo largo de los meses. No funcionaba porque hasta terminar un largo proceso de formularios e información personal, te aportaban lo más aparente de la app.

test personal

Para poder acceder a tu plan, el recorrido que se debe hacer es de información sensible, incluso datos de contacto, sin asegurar que no van a contactarte, que no van a usar tus datos, en un tema tan delicado como el dinero y las inversiones.

El plan / Estrategia

Ofrecen un plan genérico y una estrategia conjunta cuando este servicio no era posible realizarlo de ninguna forma, no era un producto de su startup. Por otro lado, el plan por objetivos es un poco más fidedigno, aunque sigue sin haber ningún engagement.

Información y seguridad

La información se muestra como en un libro, sabiendo que aunque el usuario lea lo que necesita, necesita una forma sencilla de adquirir esta misma información. Sin gráficos, o con gráficos pobres, sin infografías explicativas, nada real y comprensible.

Revenue

En primer lugar, ningún usuario participaba en su proceso, porque no estaba claro en qué se estaban registrando. Además, el MVP era un botón "Contáctenos" de CTA para programar una reunión con un profesional de finanzas, inexistente en esta pantalla.


Mi reto

Generar leads a través de una landing page decente

Hacer una aplicación que recogiese todos estos pasos y planes de inversiones.

 

¿Cómo lo hacemos? Reorganizando toda la información.

ANTES

Presento el flujo de comportamiento del usuario desde que entra en contacto con Inveert, hasta que llegan al yermo plan.

1. Landing page. Donde encontraba información sobre seguridad, inversiones y el core de la empresa aunque no de una forma super atractiva, sino como un texto plano acompañado de imágenes pobres. Encontramos CTA al test.

2. Test. Damos toda nuestra información sensible y haceos un test tedioso y largo sin soporte visual y con preguntas que pueden resultarnos incómodos o difíciles de responder.

3. Fin. Llegamos a la amalgama de resultados del test, que engloban el plan, el perfil, la estrategia, los objetivos y a su primogénito.

DESPUÉS

Mi visión de cómo esto podría hacerse práctico y útil:

1. Landing page. Información, seguridad, todo lo que el usuario necesita saber, pero mejor dispuesto a nivel de arquitectura de información. Además:

  • Se expone el simulador

  • Call to action atractivo hacia el test

2. Test. Selección de objetivos y test interminable. Desgraciadamente aunque quisiéramos, siendo materia de inversiones y dinero no se puede pasar a realizar un perfil de riesgo sin ciertos datos sensibles.

3. App / Página de resultados. Con división de las partes importantes e interactivas de Inveert. Esto incluye:

  • Dashboard – Información estática e inversiones mensuales

  • Objetivos – Estrategias individuales en detalle

  • Estrategia – Inversiones mensuales

  • CTA para comenzar a invertir

 
 

Diseño UX con toques de UI

COMPARACIÓN Y RESULTADOS

 

Guía de estilos, rediseño UI

La guía de estilos de Inveert estaba más o menos trabajada, con un logotipo tradicional similar al de algún banco, y unos colores adecuados para este tipo de aplicaciones. El margen de innovación no era muy amplio.

No obstante, introduje algunos elementos decorativos, cambié el tipo de fotografías que aparecían en toda la página y todos los formularios.

También adapté botones y utilicé los colores más secundarios para darle un tono más luminoso a la página.

 

Antes

Resultados del test, el llamado “Plan”

Perfil

Tus objetivos

Detalle de tus objetivos

Aportación mensual

Estrategia de inversión

Después

Resultado del test, plataforma o app

1. Perfil de inversor

2. Objetivos de tu plan de inversiones

3. Detalle del plan de inversiones por objetivos: Jubilación



LANDING PAGE, versión i

No tengo capturas de pantalla de la página antes del rediseño, por lo que dejo solo el rediseño UX/UI



LANDING PAGE, versión iI

Menos interactiva, por motivos de desarrollo, pero más atractiva



 

EXTRA

Para empezar a colaborar con Inveert, me pidieron un primer trabajo con ellos. Tenían una guía de inversión totalmente gratuita, que ofrecían como gancho en su web. Para esta guía, necesitaban creatividades de Google Display y una landing específica para esto.

 
 

 
 

¿Colaboramos?