Diseño App de Aprendizaje | Andrea Sanz Diseñadora

Learnflix es una aplicación de móvil que permite a los usuarios ver películas y/o series que fomenten un ámbito profesional que ellos desean. Podrás encontrar temáticas cómo Ciencia, Creatividad, Informática, Música y otros muchos temas.

A partir de estos, la aplicación te ofrecerá aquellas películas que puedan proporcionarte información de interés relacionada con dicho tema. Además, en la ficha se incluyen las plataformas en las que podrás encontrar la película o serie.

Los objetivos principales de la aplicación son:

Aprender cosas nuevas a partir de películas y series
Rapidez y facilidad a la hora de amprender.
Conectar a los usuarios de intereses similares para crear comunidades afines.
Para todo tipo de públicos.

Tareas realizadas para Learnflix

En el proyecto Learnflix, he llevado a cabo una serie de tareas esenciales para establecer una identidad de marca sólida y desarrollar una aplicación móvil atractiva y funcional. Estas tareas incluyen:

Naming: Desarrollo del nombre «Learnflix,» que refleja claramente la combinación de aprendizaje (learn) y entretenimiento cinematográfico.

Branding: Creación de la identidad visual de la marca, utilizando colores azules que representan el aprendizaje y la confianza.

Diseño de la Aplicación: Diseño de diferentes pantallas de navegación, centradas en facilitar el aprendizaje a través de la visualización de películas.

Diseño del Logo de Learnflix

El branding de Learnflix ha sido diseñado para transmitir los valores de aprendizaje y confianza, esenciales para una aplicación educativa.

El color azul es predominante en la paleta de Learnflix con tonalidades como #93CBFF y azules más eléctricos como #2542AA. Estos colores son conocido por evocar sensaciones de calma, confianza y sabiduría, lo que lo hace ideal para una plataforma educativa. Además, el azul es uno de los colores que se suele utilizar a modo «Formativo».

Es decir. suele identificar con estudios o inteligencia.Suele ser un color que representa fidelidad y comunidad, algo muy importante como valor de marca. Ya que queremos crear una comunidad de usuarios que permita conectarse por intereses.

Después se utilizan combinatorias de colores blancos y negros, como fondo para dar contraste a los logos. Los cuáles nos permiten visualizar y centrar la atención en la información principal, la marca.

El logo tiene variantes de color, para utilizarlo en otros estilos y adaptaciones como por ejemplo:

Además también se ha realizado el icono que representaría dicha aplicación a la hora de realizar la descarga:

Diseño de la Aplicación de aprendizaje

El diseño de la aplicación Learnflix se ha centrado en crear una experiencia de usuario que facilite tanto el entretenimiento como el aprendizaje.

Contenido y Funcionalidades de la aplicación de aprendizaje

A lo largo de la aplicación se han tenido en cuenta un seguido de funcionalidades como detallo a continuación:

Catálogo de películas por temáticas de aprendizaje
Buscador de películas y series según la temática de interés a aprender.
Notificaciones de nuevas incorporaciones en tus temáticas de preferencia.
Valoraciones de los usuarios en relación a la película y/o serie. Además de la posibilidad de añadir valoraciones de las películas que ya has visto.
Sección de estrenos con las películas que podrás encontrar en la cartelera de cines y dónde poder verlas.
Permite recibir recomendaciones por parte otros usuarios o iniciar chats con personas de los mismos intereses, de la misma temática.
Información de interés sobre la plataforma en la que se puede encontrar/ver dicha serie y/o película. Además de las referencias importantes que se hacen mención en esta y qué conocimientos aprender.

Todo el contenido en la aplicación se ha representado con la tipografía Helvetica Neue. Esta ha sido seleccionada para Learnflix por su claridad y modernidad. Esta fuente es conocida por su legibilidad y su apariencia limpia, lo que la hace ideal para aplicaciones que requieren una comunicación efectiva y rápida. Helvetica Neue aporta un toque de profesionalismo y simplicidad al diseño, asegurando que los textos sean fáciles de leer en cualquier dispositivo. Su estilo versátil y neutro permite que se integre perfectamente con los otros elementos visuales, reforzando la coherencia de la marca.

Pantallas de la aplicación:

La aplicación cuenta con diferentes pantallas diseñadas para la óptima navegación de los usuarios, desde que se registran hasta que hacen uso de esta. Para eso detallo a continuación las pantallas diseñadas:

Pantalla Acceso: En esta pantalla se representa el acceso a los usuarios, con posibilidad de iniciar sesión o crear una cuenta. También incluye información inicial sobre la aplicación para que los usuarios que no tienen cuenta les incentive a registrarse.

Inicio de sesión: Cuando el usuario hace click en Iniciar sesión, le permite navegar hacia la pantalla de acceso en la que debe incorporar el usuario y contraseña.También da la posibilidad de acceder de una forma más sencilla a través de otras plataformas como Facebook o la cuenta de Google. Incorporamos un pequeño acceso al registro, para poder volar a la pantalla anterior de navegación.

Preinicio: En el momento en que el usuario inicia sesión con su cuenta, esto le permite previsualizar los diferentes perfiles de acceso a la aplicación.Esta pantalla también le aparecerá cuando esta aplicación permanezca con el usuario abierto. De esta manera, cada usuario podrá tener su perfil personalizado con el contenido que desea aprender.

Inicio: Cuando ya hemos accedido a la aplicación, pasaremos a navegar por las diferentes categorias en la previsualización que nos permite la pestaña de inicio.En esta podemos encontrar recomendaciones según nuestras preferencias de intereses de aprendizaje.

Buscador: Para facilitar al usuario la búsqueda de contenidos, tenemos un buscador integrado que permite realizar búsquedas por palabras clave o por temáticas, representadas a partir de la iconografía.

Listado de Búsquedas: Una vez realizada la búsqueda correspondiente, a partir de la palabra clave o categoría, se mostrarán entonces una lista de resultados.Esta lista de resultados, incluye una previsualización de las reseñas de los usuarios y una valoración media.Además, incorpora en la parte superior un buscador con diferentes filtros por si queremos acotar aún más la búsqueda correspondiente.

Plus: Esta página representa la subida de contenido por parte de los usuarios. Es decir, las reseñas y valoraciones que aportan.La idea es que sea una página simple en la que el usuario pueda subir contenido de forma sencilla.

Estrenos: Otra de las secciones que podemos encontrar en la app es la de Estrenos.Esta página representa los estrenos que encontramos en el cine. De esta forma, los usuarios pueden estar informados de las películas que se estrenarán próximamente y dónde pueden verlas.Además, recibirá recomendaciones de estrenos en relación a los intereses que tenga el usuario.

Perfil: Si accedemos a nuestro perfil, podemos editar la configuración y la privacidad. Además, también se pueden editar los datos personales o imagen.Por otro lado, se incluye un botón de reseñas, con la intención de que el usuario siempre se encuentre activo valorando las películas que ha visto.

Ficha de Producto (Película): Una vez nos encontramos dentro de la película podemos encontrar información como: