Fynn - Fintech App

Fomentando el hábito de ahorrar en las generaciones jóvenes

Two business cards
Two business cards
Two business cards
Two business cards

CLIENTE

Fynn - Fintech App

SERVICIO

Diseño UX/UI

FECHA

Noviembre 2024

Background

Synergy is a transformative project developed for Cosmos YR, aimed at providing innovative branding and web design solutions. Launched in September 2020, Synergy focused on creating a cohesive and impactful digital presence for businesses looking to stand out in the competitive online landscape.

Challenge

The main challenge for Synergy was to develop a brand identity and web design that resonated with a broad audience while maintaining a modern and professional look. Ensuring a seamless user experience across different platforms and devices was critical. Additionally, the project had to balance creative design with functional requirements to meet diverse client needs.

Solution

Cosmos YR implemented a strategic approach to branding and web design, incorporating a unique visual identity with a consistent color scheme and typography. The website was designed to be highly responsive and user-friendly, featuring intuitive navigation and interactive elements that enhanced user engagement.
A comprehensive branding package was created, including logo design, marketing materials, and social media graphics, all designed to maintain a cohesive look and feel. The project successfully delivered a digital presence that not only met but exceeded client expectations, establishing Synergy as a leader in innovative web design and branding solutions.

UX Research

Antes de iniciar la investigación, es fundamental definir con claridad qué se busca descubrir. Establecer objetivos concretos permite formular las preguntas clave para comprender a fondo las necesidades, comportamientos y expectativas de los usuarios. Con este propósito, me planteé las siguientes preguntas:

  • ¿Cómo consume la gente información, y cómo reaccionan cuando sospechan que una noticia puede ser falsa?

  • ¿Cómo afecta la desinformación a la vida diaria de las personas y a su confianza en los medios?

  • ¿Qué métodos utilizan actualmente los usuarios para verificar la información?

  • ¿Qué buscan las personas para sentirse seguras de que la información que consumen es real?

  • ¿Por qué la gente sigue cayendo en fake news y qué papel juegan las plataformas donde suelen aparecer?

  • ¿Cuáles son las limitaciones o frustraciones encontradas en las soluciones actuales?

A continuación, se presentan los resultados obtenidos a partir de las encuestas realizadas.

UX Research

Antes de iniciar la investigación, es fundamental definir con claridad qué se busca descubrir. Establecer objetivos concretos permite formular las preguntas clave para comprender a fondo las necesidades, comportamientos y expectativas de los usuarios. Con este propósito, me planteé las siguientes preguntas:

  • ¿Cómo consume la gente información, y cómo reaccionan cuando sospechan que una noticia puede ser falsa?

  • ¿Cómo afecta la desinformación a la vida diaria de las personas y a su confianza en los medios?

  • ¿Qué métodos utilizan actualmente los usuarios para verificar la información?

  • ¿Qué buscan las personas para sentirse seguras de que la información que consumen es real?

  • ¿Por qué la gente sigue cayendo en fake news y qué papel juegan las plataformas donde suelen aparecer?

  • ¿Cuáles son las limitaciones o frustraciones encontradas en las soluciones actuales?

A continuación, se presentan los resultados obtenidos a partir de las encuestas realizadas.

UX Research

Antes de iniciar la investigación, es fundamental definir con claridad qué se busca descubrir. Establecer objetivos concretos permite formular las preguntas clave para comprender a fondo las necesidades, comportamientos y expectativas de los usuarios. Con este propósito, me planteé las siguientes preguntas:

  • ¿Cómo consume la gente información, y cómo reaccionan cuando sospechan que una noticia puede ser falsa?

  • ¿Cómo afecta la desinformación a la vida diaria de las personas y a su confianza en los medios?

  • ¿Qué métodos utilizan actualmente los usuarios para verificar la información?

  • ¿Qué buscan las personas para sentirse seguras de que la información que consumen es real?

  • ¿Por qué la gente sigue cayendo en fake news y qué papel juegan las plataformas donde suelen aparecer?

  • ¿Cuáles son las limitaciones o frustraciones encontradas en las soluciones actuales?

A continuación, se presentan los resultados obtenidos a partir de las encuestas realizadas.

UX Research

Antes de iniciar la investigación, es fundamental definir con claridad qué se busca descubrir. Establecer objetivos concretos permite formular las preguntas clave para comprender a fondo las necesidades, comportamientos y expectativas de los usuarios. Con este propósito, me planteé las siguientes preguntas:

  • ¿Cómo consume la gente información, y cómo reaccionan cuando sospechan que una noticia puede ser falsa?

  • ¿Cómo afecta la desinformación a la vida diaria de las personas y a su confianza en los medios?

  • ¿Qué métodos utilizan actualmente los usuarios para verificar la información?

  • ¿Qué buscan las personas para sentirse seguras de que la información que consumen es real?

  • ¿Por qué la gente sigue cayendo en fake news y qué papel juegan las plataformas donde suelen aparecer?

  • ¿Cuáles son las limitaciones o frustraciones encontradas en las soluciones actuales?

A continuación, se presentan los resultados obtenidos a partir de las encuestas realizadas.


Los User Persona creados reflejan perfiles representativos de los usuarios, basados en datos reales obtenidos durante la investigación. Su propósito es identificar necesidades, motivaciones y comportamientos, facilitando la toma de decisiones y el diseño de soluciones centradas en el usuario.


Los User Persona creados reflejan perfiles representativos de los usuarios, basados en datos reales obtenidos durante la investigación. Su propósito es identificar necesidades, motivaciones y comportamientos, facilitando la toma de decisiones y el diseño de soluciones centradas en el usuario.

Los User Persona creados reflejan perfiles representativos de los usuarios, basados en datos reales obtenidos durante la investigación. Su propósito es identificar necesidades, motivaciones y comportamientos, facilitando la toma de decisiones y el diseño de soluciones centradas en el usuario.


Los User Persona creados reflejan perfiles representativos de los usuarios, basados en datos reales obtenidos durante la investigación. Su propósito es identificar necesidades, motivaciones y comportamientos, facilitando la toma de decisiones y el diseño de soluciones centradas en el usuario.

UI Design

UI Design

UI Design

  1. Personaliza tu experiencia desde el Inicio

Las pantallas de bienvenida que el usuario ve al descargar la app por primera vez están diseñadas para destacar las tres funcionalidades principales de VerifAi: la verificación humana, la inteligencia artificial y el autoaprendizaje. Estas pantallas tienen como objetivo transmitir el valor único de la app de forma clara y atractiva, preparando al usuario para lo que puede esperar de su experiencia.

La última pantalla del onboarding está diseñada para personalizar la experiencia del usuario. Aquí, el usuario puede seleccionar las temáticas de su interés, lo que permite a la app mostrar únicamente noticias relacionadas con esas categorías. De esta manera, VerifAi adapta el contenido a los intereses específicos de cada usuario, ofreciendo una experiencia única y relevante desde el primer momento.

  1. Personaliza tu experiencia desde el Inicio

Las pantallas de bienvenida que el usuario ve al descargar la app por primera vez están diseñadas para destacar las tres funcionalidades principales de VerifAi: la verificación humana, la inteligencia artificial y el autoaprendizaje. Estas pantallas tienen como objetivo transmitir el valor único de la app de forma clara y atractiva, preparando al usuario para lo que puede esperar de su experiencia.

La última pantalla del onboarding está diseñada para personalizar la experiencia del usuario. Aquí, el usuario puede seleccionar las temáticas de su interés, lo que permite a la app mostrar únicamente noticias relacionadas con esas categorías. De esta manera, VerifAi adapta el contenido a los intereses específicos de cada usuario, ofreciendo una experiencia única y relevante desde el primer momento.

  1. Guía rápida para empezar

Una vez que el usuario se descarga la app e inicia sesión por primera vez, se muestran unas pantallas introductorias que guían y muestran las principales funciones de la app.

Una vez que el usuario se descarga la app e inicia sesión por primera vez, se muestran unas pantallas introductorias que guían y muestran las principales funciones de la app.

  1. Guía rápida para empezar

  1. Inicio, buscador & notificaciones

En la pantalla de inicio de VerifAi, los usuarios pueden ver primero las noticias de última hora, siempre actualizadas, para mantenerse informados sobre lo más relevante.

La primera categoría, "Para ti", muestra solo aquellas noticias relacionadas con las temáticas que el usuario ha seleccionado durante el onboarding, ofreciendo una experiencia personalizada. Además, el buscador permite encontrar rápidamente temas o noticias específicas, y las notificaciones aseguran que el usuario esté siempre al tanto de actualizaciones importantes y novedades.

  1. Inicio, buscador & notificaciones

En la pantalla de inicio de VerifAi, los usuarios pueden ver primero las noticias de última hora, siempre actualizadas, para mantenerse informados sobre lo más relevante.

La primera categoría, "Para ti", muestra solo aquellas noticias relacionadas con las temáticas que el usuario ha seleccionado durante el onboarding, ofreciendo una experiencia personalizada. Además, el buscador permite encontrar rápidamente temas o noticias específicas, y las notificaciones aseguran que el usuario esté siempre al tanto de actualizaciones importantes y novedades.

  1. VerifAi facilita tu experiencia de lectura

Un posible ejemplo de noticia. La barra azul de progreso ubicada en la parte superior se irá completando a medida que el usuario desplace hacia abajo y se lea la noticia. Es una forma muy visual de informar del tiempo restante de lectura. Además hay la opción de poder escuchar la noticia en forma de podcast, cambiar el tamaño del texto si algun usuario necesita un tamaño de texto superior. En la parte inferior de la noticia el usuario puede dar me gusta a la noticia, comentarla y compartirla. La última parte el usuario encontraria noticias relacionadas, en la sección de “Quizás te interesan...”.

Un posible ejemplo de noticia. La barra azul de progreso ubicada en la parte superior se irá completando a medida que el usuario desplace hacia abajo y se lea la noticia. Es una forma muy visual de informar del tiempo restante de lectura. Además hay la opción de poder escuchar la noticia en forma de podcast, cambiar el tamaño del texto si algun usuario necesita un tamaño de texto superior. En la parte inferior de la noticia el usuario puede dar me gusta a la noticia, comentarla y compartirla. La última parte el usuario encontraria noticias relacionadas, en la sección de “Quizás te interesan...”.

  1. VerifAi facilita tu experiencia de lectura

  1. Verificación de fotos al instante con IA

Si se selecciona el botón azul del medio con el logo VerifAi, el usuario puede escanear o verificar una noticia al momento con Inteligencia Artificial. Si selecciona la opción “Hacer una foto” el usuario puede hacer una foto/escanear una noticia y al momento obtendrá una puntuación de la fiabilidad de su contenido.

Si el usuario quiere más detalles tendrá que ampliar el resultado dando clic al botón “Saber más”, con la posibilidad de poder intercambiarse mensajes con el asistente virtual para saber con más detalles cada parámetro. Si el usuario quiere consultar su historial puede hacerlo desde el botón “Ver mi historial”.

  1. Verificación de fotos al instante con IA

Si se selecciona el botón azul del medio con el logo VerifAi, el usuario puede escanear o verificar una noticia al momento con Inteligencia Artificial. Si selecciona la opción “Hacer una foto” el usuario puede hacer una foto/escanear una noticia y al momento obtendrá una puntuación de la fiabilidad de su contenido.

Si el usuario quiere más detalles tendrá que ampliar el resultado dando clic al botón “Saber más”, con la posibilidad de poder intercambiarse mensajes con el asistente virtual para saber con más detalles cada parámetro. Si el usuario quiere consultar su historial puede hacerlo desde el botón “Ver mi historial”.

  1. Verificación de archivos mediante IA

Además de verificar a través de una foto, también se puede realizar a través de un archivo que el usuario tenga en su dispositivo almacenado. Por ello, el usuario seleccionará el botón “Subir un archivo” del menú VerifAi. Si el usuario dispone de una foto guardada en su dispositivo móvil, seleccionará el botón + y esperará a que la IA detecte el contenido. Automáticamente aparecerá una ventana con el resumen del análisis , por lo que el usuario podrá ampliar la información y seleccionar “Saber más” para poder interactuar con el astistente de verificación de VerifAi, anteriormente mencionado.

En algunos casos, podrá ocurrir que la app no detecte el contenido, quizás por un formato incompatible o porque la foto está muy borrosa. No obstante, la app intentará dar alternativas de noticias que pueden estar relacionadas.

Además de verificar a través de una foto, también se puede realizar a través de un archivo que el usuario tenga en su dispositivo almacenado. Por ello, el usuario seleccionará el botón “Subir un archivo” del menú VerifAi. Si el usuario dispone de una foto guardada en su dispositivo móvil, seleccionará el botón + y esperará a que la IA detecte el contenido. Automáticamente aparecerá una ventana con el resumen del análisis , por lo que el usuario podrá ampliar la información y seleccionar “Saber más” para poder interactuar con el astistente de verificación de VerifAi, anteriormente mencionado.

En algunos casos, podrá ocurrir que la app no detecte el contenido, quizás por un formato incompatible o porque la foto está muy borrosa. No obstante, la app intentará dar alternativas de noticias que pueden estar relacionadas.

  1. Verificación de archivos mediante IA

  1. Biblioteca de VerifAi

Permite a los usuarios guardar y organizar las noticias verificadas. Al activar la opción de lectura offline, pueden acceder a los contenidos sin necesidad de conexión. Además, pueden crear carpetas para organizar las noticias según sus intereses.

En la sección Colecciones, se guarda la noticia completa, mientras que en Fragmentos, solo se guarda la parte seleccionada del texto, facilitando una organización más precisa.

  1. Biblioteca de VerifAi

Permite a los usuarios guardar y organizar las noticias verificadas. Al activar la opción de lectura offline, pueden acceder a los contenidos sin necesidad de conexión. Además, pueden crear carpetas para organizar las noticias según sus intereses.

En la sección Colecciones, se guarda la noticia completa, mientras que en Fragmentos, solo se guarda la parte seleccionada del texto, facilitando una organización más precisa.

  1. Aprende a detectar fake news y gestiona tu perfil

La sección Aprende de VerifAi ofrece recursos educativos diseñados para ayudar al usuario a desarrollar su pensamiento crítico y a identificar las fake news de manera efectiva. A través de artículos, guías y consejos prácticos, los usuarios pueden aprender a detectar señales de desinformación y a tomar decisiones informadas sobre las noticias que leen.

Además, en la sección Perfil, el usuario puede ajustar su información personal, personalizando su experiencia en la app según sus preferencias. Desde aquí, es posible gestionar los datos de cuenta y tener acceso a configuraciones adicionales para optimizar la experiencia con VerifAi.

La sección Aprende de VerifAi ofrece recursos educativos diseñados para ayudar al usuario a desarrollar su pensamiento crítico y a identificar las fake news de manera efectiva. A través de artículos, guías y consejos prácticos, los usuarios pueden aprender a detectar señales de desinformación y a tomar decisiones informadas sobre las noticias que leen.

Además, en la sección Perfil, el usuario puede ajustar su información personal, personalizando su experiencia en la app según sus preferencias. Desde aquí, es posible gestionar los datos de cuenta y tener acceso a configuraciones adicionales para optimizar la experiencia con VerifAi.

  1. Aprende a detectar fake news y gestiona tu perfil