Duolingo: Un análisis de marca y diseño gráfico

Duolingo es la aplicación más conocida para aprender idiomas en el mundo, y no sólo destaca por su innovadora forma de educar. Estoy seguro de que parte del éxito del proyecto radica en su identidad visual bien definida, la cual logra conectar con sus usuarios con éxito.

El diseño gráfico de Duolingo juega un papel clave para conseguir que la plataforma sea accesible, amigable y entretenida. Se trata de un ejemplo de diseño gráfico perfecto a estudiar.  Vamos a conocer cómo se ha desarrollado la identidad visual de esta app educativa.

Índice de contenido

• Un poco de historia sobre Duolingo
• Bienvenido, Rebranding
• Dúo, la mascota del proyecto
• Experiencia de usuario para aprender jugando
• Una tipografía simple pero efectiva
• El verde vibrante y la paleta de color
• La gran familia de Duolingo
• Conclusión

Un poco de historia sobre Duolingo

La plataforma de aprendizaje de idiomas se cofundó en 2011 por el profesor Luis von Ahn de la Universidad Carnegie Mellon (Pittsburgh, Pennsylvania) y por su estudiante suizo Severin Hacker. 

Von Ahn, tras vender su empresa reCAPTCHA a Google, quería eliminar las barreras para aprender inglés en su comunidad en Guatemala. Junto a Hacker, quien creía firmemente en el poder de la educación gratuita, crearon Duolingo con la idea de ofrecer un aprendizaje accesible que contase con un enfoque de ‘gamificación’ para aumentar la motivación de los estudiantes. Aunque al principio pensaron en hacerlo como una organización sin ánimo de lucro, cambiaron de enfoque a medida que desarrollaron un modelo sostenible con tests, publicidad y suscripciones.

Desde su lanzamiento, ha crecido rápidamente, convirtiéndose en la aplicación más popular para aprender un idioma y donde podemos escoger entre más de 40 lenguas. Puedes aprender idiomas muy generalizados, como el español o el inglés, e incluso algunos más especializados y originales, como el latín, el esperanto, el klingon de Star Trek o el alto valyrio de Juego de Tronos.

Como curiosidad, desde el año pasado, también se pueden aprender otras asignaturas como Matemáticas o Música a través de la aplicación.

Bienvenido, Rebranding

El pasado 2019, Duolingo realizó un importante rediseño de su identidad visual. La marca no sólo actualizó la apariencia de su mascota, sino que también implementó cambios en su paleta de colores, la iconografía o la tipografía para adaptarse mejor a las necesidades de la plataforma.

El rebranding fue todo un éxito por numerosas razones: mantuvo la esencia amigable de la marca, pero la actualizó con un enfoque en la accesibilidad y adaptabilidad para diferentes plataformas y dispositivos. El rediseño también tuvo presente la creciente base de usuarios de diferentes edades, razas y culturas, logrando una identidad visual más inclusiva.

En este último proceso de rediseño, también destaca la simplificación de los elementos visuales y de diseño gráfico, lo que ayudó a optimizar la interfaz para dispositivos móviles y pantallas pequeñas.

Que sepas que el manual de identidad de Duolingo está accesible para todos desde su página web.

Duo, la mascota del proyecto

Uno de los elementos más distintivos de la identidad visual de Duolingo es su mascota, Duo. Un simpático búho verde que acompaña al usuario en todo el proceso de aprendizaje. El uso de una mascota en diseño gráfico no es algo nuevo, pero Duolingo ha llevado este concepto a otro nivel.

Duo no solo es el rostro de la marca, sino que actúa como un guía y un motivador. En términos de diseño, el búho está construido con formas geométricas simples y colores planos. Su verde vibrante es un color amigable y energético. Duo participa activamente también en la experiencia de usuario. Su expresión cambia según el progreso de éste, lo que genera una conexión emocional y refuerza la relación entre el usuario y la aplicación.

Este enfoque convierte a Duo en algo más que una mascota; es una herramienta de UX que personaliza la experiencia de aprendizaje y fortalece la identidad de la marca. Además, Duo representa la base de la identidad del proyecto, sobre la que se desarrollaron otros elementos como la tipografía o los personajes, que conoceremos más adelante.

Experiencia de usuario para aprender jugando

La aplicación ha potenciado su aspecto más lúdico, convirtiéndose casi más en un juego que en una app de idiomas al uso. Es lo que en inglés se denomina “gamified learning”, que se traduce (malamente) como aprendizaje gamificado en español.

Para lograrlo, la aplicación hace uso de numerosos recursos: añaden animaciones de recompensa, expresiones de Duo personalizadas para cada paso, mensajes con los diferentes personajes para cada ejercicio y otro tipo de motivaciones visuales que mantienen a los usuarios con ganas de seguir aprendiendo.

Yo llevo más de 800 días practicando japonés desde esta aplicación y he podido coincidir con más de una actualización de su interfaz. Pero algo que siempre me llama la atención y me divierte al mismo tiempo, son los originales widgets que han diseñado para iOS, con el objetivo de motivarte a abrir la aplicación y seguir aprendiendo.

Alguno cuenta con un meme como una clara referencia… ¿lo localizas?

Una tipografía simple pero efectiva

La tipografía principal del proyecto es la Feather Bold, que usan mayormente para los titulares o cuando necesitan destacar algún texto en concreto para captar la atención. Se trata de una tipografía desarrollada íntegramente para el proyecto de Duolingo. La tipografía del logotipo de Duolingo está rediseñada con la mirada puesta en su mascota y la forma de sus alas, logrando reflejar mejor la personalidad de la empresa. Si observas de cerca, verás que el trazo en la «g» evoca las expresivas cejas de Duo.

Como tipografía secundaria hacen uso de una DIN Next Rounded, una tipografía de palo seco redondeada, limpia, legible y moderna. Este tipo de letra refuerza la simplicidad de su identidad visual, mientras que garantiza que los textos largos o en diferentes idiomas sean fáciles de leer. Un factor clave para una app que se utiliza en más de 40 lenguas. En términos de diseño gráfico, una tipografía simple permite que los elementos visuales más llamativos, como Duo o los coloridos iconos, sean los protagonistas sin que el texto pierda su relevancia.

El verde vibrante y la paleta de color

La paleta de color es también un elemento clave en el diseño gráfico de Duolingo. El vibrante verde es el tono principal del proyecto, pero el uso del color va más allá de ser una herramienta estética. Duolingo utiliza una paleta de colores vibrantes que incluye tonos brillantes de azul, naranja y amarillo, diseñados para atraer tanto a niños como a adultos. 

Hace uso de una gama de colores secundarios para agregar toques de alegría a la interfaz y a sus ilustraciones. Cada color en Duolingo tiene un propósito. Las lecciones y los logros dentro de la aplicación están representados con colores diferentes, lo que facilita que los usuarios reconozcan rápidamente en qué parte del proceso de aprendizaje se encuentran. Esto no solo mejora la experiencia de usuario (UX), sino que hace que la plataforma sea más intuitiva y accesible. En el diseño gráfico moderno, la accesibilidad es fundamental, y Duolingo logra un equilibrio entre estética y funcionalidad al emplear una gama de colores pensada para ser amigable y comprensible para todos.

La gran familia de Duolingo

Cuenta con varios personajes y un estilo de ilustración muy característico. El diseño de estos personajes con bases geométricas y colores planos, hace que sean más fácil de animar, así como de estandarizar ciertas pautas para la creación de nuevos personajes.

Todas las ilustraciones se componen de tres formas básicas: un rectángulo, un círculo y un triángulo, pero todas las formas cuentan con bordes redondeados. Las formas puntiagudas no están alineadas con la marca.

Todos estos personajes son las estrellas de la aplicación y se están convirtiendo rápidamente en embajadores de la marca Duolingo. Podemos encontrarlos bajo ciertos anuncios y campañas, apoyándose en su diversidad. Además de ser visualmente agradables, casi parece que podemos leer una historia detrás de cada uno de sus personajes.

Conclusión

Como has podido comprobar, toda la identidad visual se muestra bastante cohesionada. El diseño gráfico de Duolingo es un excelente ejemplo de cómo una identidad visual bien construida puede ir más allá de ser solo estética. Los colores, las formas, la tipografía y la mascota Duo trabajan en conjunto para crear una experiencia de usuario única, amigable y motivadora. Al hacer que el aprendizaje de un idioma sea divertido y accesible, Duolingo demuestra que el diseño no es solo una cuestión de apariencia, sino una herramienta poderosa para mejorar la funcionalidad y la usabilidad de la aplicación.

Esto ha permitido que millones de personas en todo el mundo se sientan cómodas aprendiendo un nuevo idioma, todo mientras disfrutan de una experiencia visualmente agradable y coherente.