2 of 37

Índice

Sobre mí

Proyectos

Trabajos realizados en mi paso por Orbital Solutions y banco BBVA.

Quién soy, qué hago, cómo trabajo. En esta sección podés descargar mi CV.

Contactame

Encontrá todas mis redes sociales y mi contacto.

Casos de Estudio

Trabajos enfocados a UI (sistemas de diseño), UX, y casos completos.

3 of 37

Hola, me llamo Yas

Soy diseñadora UX y product designer con foco en el diseño de productos digitales para la industria fintech y e-commerce.

Me especializo en transformar necesidades de negocio y requerimientos complejos en experiencias simples, consistentes y centradas en las personas.

Trabajo end-to-end en el proceso de producto, desde la definición y el análisis hasta la implementación, colaborando con equipos multidisciplinarios para construir soluciones escalables y medibles. Tengo especial interés en la creación y evolución de design systems, así como en la accesibilidad como parte fundamental de la calidad del producto.

Me destaco por mi mirada pixel perfect, la organización de la información y la capacidad de convertir el feedback en decisiones de diseño concretas que alinean a stakeholders, tecnología y objetivos de negocio.

Descargar CV

4 of 37

“No se puede entender un buen diseño, si no se entiende a las personas; el diseño está hecho para las personas.”

Dieter Rams

6 of 37

Orbital Solutions

2024-Actualidad

7 of 37

Banco BBVA

2022-2024

8 of 37

Medios de Pago Site

9 of 37

Relevamiento del sitio web

Objetivo

Analizar y documentar la página web actual de la Fábrica de Medios de Pago.
Detectar posibles puntos de dolor en el usuario y en el diseño en general.
Proponer soluciones que mejoren el flujo del usuario en la navegación del sitio y la arquitectura de la información.

10 of 37

Consideraciones

Detectar los posibles puntos de dolor en basándonos en las heurísticas-
Definir los objetivos de cada una de las secciones de la página web (JTBD).
Reorganización de la información presentada mediante la arquitectura de la información.
Brindar recomendaciones y próximos pasos.
Generar instancias de diálogo internas con el equipo de diseño en futuras iniciativas-

11 of 37

Metodologías Adoptadas

Heurísticas

JTDB

Arquitectura de la Información

Accionables

Próx Pasos

12 of 37

Análisis del producto actual

¿Quién es nuestro usuario?

¿Cuál es el objetivo del sitio?

Mostrar información y documentación de interés sobre la fábrica, su estructura y últimas novedades

Todos los empleados del BBVA orientándose a los miembros de la Fábrica de Medios de Pago

¿Cuál es el alcance?

Brindar recomendaciones y pautas para mejorar la experiencia del usuario, facilitar la información teniendo en cuenta las limitaciones de Gsites

13 of 37

¿Cómo lo solucionamos?1/4

Comenzamos realizando una evaluación heurística del flujo actual y detectamos que no cumple ciertos principios.

14 of 37

¿Cómo lo solucionamos?2/4

Se plantearon los objetivos de cada una de las secciones de la página.
Brindamos posibles opciones de reestructuración del sitio, teniendo en cuenta siempre las limitaciones y recursos de Google sites.

15 of 37

¿Cómo lo solucionamos?3/4

En base a lo analizado previamente, se plantearon 3 posibles formas de organizar la información dentro del site, sin embargo recomendamos realizar un Cardsorting o A/B test para comprobar cuál sería la mejor opción, según los usuarios.

16 of 37

¿Cómo lo solucionamos?4/4

Recomendamos realizar una nueva arquitectura de la información, lo que permitirá una mejor navegación y organización en la página, mejorando a su vez el copy de todas las secciones del site. (En lo posible realizar un cardsorting o test A/B).
Plantear los objetivos de cada una de las secciones, y presentar la información de una forma más ordenada y sencilla, evitando el uso de tantos enlaces y reemplazandolos por imágenes siempre que sea posible.
Mejorar el diseño del site utilizando tipografía correspondiente, colores e imágenes implementadas por el banco, para mantener la consistencia en todas sus plataformas y productos.
Realizar alguna investigación con el usuario para saber qué espera encontrar en el sitio, qué información le sería de interés o utilidad, etc. Por ej: encuestas.
Presentamos una guía de estilo rápida y accionables, detallando los colores, tipografías, botones, márgenes, y demás recursos necesarios para utilizar en el sitio.

17 of 37

Monitor Orange

18 of 37

Monitor Orange: ¿Qué es?

Dashboard interno que permite consultar y dar seguimiento sobre el estado de cada una de las APIs desarrolladas por el scrum de Orange y todos sus involucrados.

19 of 37

Onboarding y dashboard principal MVP1

Objetivo

Crear una interfaz que sea sencilla y fácil de entender por cualquier persona que acceda al dashboard, ya sean programadores, gente de negocio, etc.

¿Cuál era el problema?

El sitio actual carecía de un onboarding explicativo para el usuario.
La interfaz no era consistente con la estética utilizada por el banco, dando la impresión de ser un producto por fuera de este.
La información que presentaba el dashboard estaba incompleta y no se marcaban las jerarquías apropiadamente, lo que hacía confusa su lectura y entendimiento.

20 of 37

Consideraciones

Necesitamos un onboarding explicativo para que el usuario sepa que puede hacer en esta app.
Tener en cuenta toda la info que precisamos mostrar y jerarquizarla correctamente.
Rediseño general para que tenga mayor consistencia con el resto de los productos.

21 of 37

¿Cómo lo solucionamos?

Creamos un onboarding explicandole al usuario que puede esperar en esta app.
Mejoramos significamente la estética general para que coincida con el resto de los productos del banco.
Mejoramos el copy y toda la información presentada, unificando las diferentes cards en una sola.

22 of 37

Resultados finales

23 of 37

Métricas MVP2

Objetivo

Visualización de métricas de distintas funcionalidades que permita filtrar por rango de fecha.

¿Cuál era el problema?

La interfaz no era consistente con la estética utilizada por el banco, dando la impresión de ser un producto por fuera de este.
No se contemplaba la cantidad de funcionalidades totales que se podía llegar a medir en el futuro, es decir, el diseño no era escalable.
La selección de rango de fecha no era eficiente, y hasta podía llegar a ser confusa para el usuario.
No se podía seleccionar un rango predefinido.

24 of 37

Consideraciones

Solo se puede consultar una funcionalidad a la vez.
Se pueden consultar 2 métricas actualmente (pero en el futuro se podrán consultar más de 9).
Replantear el copy actual de la función para que haga más alusión a la funcionalidad y sea más intuitivo.

25 of 37

¿Cómo lo solucionamos?

Mejoramos el copy para que sea más intuitivo para el usuario.
Rediseñamos la interfaz y gráficos utilizados para que coincida con los usados por el banco.
En base al benchmark, agregamos presets para que la selección de fecha sea más sencilla, según los rangos más utilizados por los usuarios.

26 of 37

Resultados finales

27 of 37

Conclusiones finales

En ambos MVPs pudimos rediseñar ambas funcionalidades para que los colores, tipografía y estética fueran más consistentes con los utilizados por el banco, a pesar de que fuese una app interna, utilizada por un grupo específico.
Se mejoró significativamente el copy para explicar mejor y más eficientemente al usuario que se podía realizar en cada una de las funcionalidades. También se incorporó una pantalla de login y un onboarding explicativo.
Se unificó la información del dashboard para una mejor lectura y entendimiento.
Se implementaron presets en las métricas para una rápida búsqueda, con los rangos más utilizados de acuerdo al scrum y los sprints.

28 of 37

Casos de Estudio

Orientados a UX

29 of 37

Análisis de Gastos

Caso de estudio dónde se creó una nueva funcionalidad de análisis de gastos para app bancaria. (2022)

30 of 37

Rediseño flujo Plazo Fijo

Caso de estudio dónde se rediseñó en equipo el flujo de plazo fijo de un homebanking. (2023)

31 of 37

Casos de Estudio

Orientados a UI

32 of 37

Moon Eats

Food Delivery

Caso de estudio dónde se diseñó una app de delivery de comida con especial enfoque en el sistema de diseño. (2021)

33 of 37

Maratón UI

Compilado de las interfaces que se armaron para la Maratón UI (2021).

Click acá para ver la primera parte

34 of 37

Casos de Estudio

Casos completos UX/UI

35 of 37

Freaking APP Streaming

Caso de estudio dónde se diseñó una app de streaming de anime desde cero. (2022)

36 of 37

Behance

¿Querés ver más? Pasate por mi behance.

37 of 37

Contactame

¿Tenés alguna pregunta? ¡Envíame un mensaje!

yginobili.22@gmail.com

CABA - Argentina

Yasmin Ginobili by Moonlightmaiden