Duolingo presentó su nuevo wordmark y lenguaje visual más encantador y audaz

Duolingo es una plataforma gratuita de aprendizaje de idiomas basada en la ciencia que se ha convertido en una de las formas más comunes de aprender un nuevo idioma. Ofreciendo 91 cursos de idiomas en total para más de 30 idiomas distintos en línea, así como en aplicaciones de Android e iOS, Duolingo tiene 300 millones de usuarios en todo el mundo. 

Una gran parte de su atractivo es que está diseñado para sentirse como un juego, lo que permite a los usuarios competir con amigos, ganar puntos, subir de nivel y ganar moneda virtual, todo en lecciones pequeñas que son fáciles de entender. 


Duolingo-nuevo-logotipo-lenguaje-visualAntes y después.


Hemos cubierto la evolución de Duolingo: En enero de este año cuando mantuvieron el enfoque de caricatura pero aplanaron el ángulo y crearon un conjunto coherente de ilustraciones. Recientemente, Duolingo introdujo una nueva marca y un lenguaje visual más formal diseñado por Johnson Banks, con sede en Londres, Reino Unido.

Duolingo-nuevo-logotipo-lenguaje-visualElementos de “Duo” que influyeron en la marca y la fuente.

“Visualmente, su mascota búho (Duo), el color central y su estilo de ilustración funcionaban ampliamente. Pero carecían de pautas claras sobre cómo usar la marca ‘lejos’ del entorno de la aplicación. Una creciente lista de proyectos e iniciativas, como su innovador examen de inglés en línea, también estaba empujando los límites de la estructura de la marca.”

Duolingo-nuevo-logotipo-lenguaje-visual
Elementos de “Duo” que influyeron en la marca y la fuente.

“A medida que experimentamos yuxtaponiendo a la mascota con su nombre, un ‘¿y si?’ desbloqueó la solución. En lugar de utilizar una tipografía neutral junto con el símbolo (como cualquier otra empresa de tecnología), rediseñamos el logotipo inspirándonos en la forma plumosa de Duo para reflejar la peculiar personalidad de la empresa.”

Duolingo-nuevo-logotipo-lenguaje-visual
Destacados del nuevo logotipo.

“Nuestros intentos iniciales de hacer esto parecían extraños. Pero poco a poco comenzamos a resolver el enigma del logotipo y comenzamos a planificar un tipo de letra a medida. Con la ayuda de los especialistas en tipografía Fontsmith, ajustamos el logotipo y luego extrapolamos la idea a más personajes.

Pequeñas peculiaridades, como el movimiento de la minúscula ‘g’ se usaron con moderación, las versiones beta se probaron en caso de choque y finalmente ‘Feather Bold’ estaba lista.

Duolingo-nuevo-logotipo-lenguaje-visual
Detalles del nuevo logotipo.
 
La marca anterior no era muy buena a pesar de que tenía una estructura sin geometría simple… la “l” y la “g” estaban mal ejecutadas y eran extrañamente desproporcionadas, y los ascendentes achaparrados y aún largos descendientes de la “g” la hacían muy incómoda.
 
Tipografía personalizada “Feather Bold”, diseñada en colaboración con Fontsmith.
 
La nueva marca se desvía de la tendencia genérica sans con un enfoque personalizado encantador, audaz y peculiar que coincide con el espíritu lúdico de la mascota del búho en espíritu mientras toma algunas pistas visuales de la ejecución. 
 
La “g” en particular establece el tono, siendo la forma de letra más “interpretativa”, es divertida y memorable. Las esquinas redondeadas ligeramente exageradas y los largos conos en las curvas de los tallos están bien ejecutados. Es una gran evolución que se basa en la personalidad única de la marca.
 
Duolingo-nuevo-logotipo-lenguaje-visual
 Línea de base, altura xy otras líneas horizontales.

“Paralelamente, habíamos desarrollado un tono de voz más claro y un enfoque de mensajería, por lo que la siguiente tarea era tomar todos los elementos y componer un conjunto claro de pautas que reunieran todos los elementos nuevos. Esto incluyó nuevos bloqueos de logotipo, colores básicos revisados, estilo tipográfico, guías de ilustración y otros elementos gráficos.”

Duolingo-nuevo-logotipo-lenguaje-visual
Tipo de uso.

“Todos estos elementos nuevos se están implementando en múltiples puntos de contacto físicos y digitales, incluida una “adquisición” de la marca en el aeropuerto de Pittsburgh, campañas publicitarias en Europa y muchos planes para futuros productos.”

Duolingo-nuevo-logotipo-lenguaje-visual
“Todos pueden Duolingo”, la nueva narrativa de la marca.
Duolingo-nuevo-logotipo-lenguaje-visual
Duolingo-nuevo-logotipo-lenguaje-visual
Nuevo conjunto de ilustraciones, para usar fuera de la aplicación, diseñado internamente en Duolingo.
Duolingo-nuevo-logotipo-lenguaje-visual
 Pautas.
Duolingo-nuevo-logotipo-lenguaje-visual
Publicaciones en redes sociales.
Duolingo-nuevo-logotipo-lenguaje-visual
Duolingo-nuevo-logotipo-lenguaje-visual
Carteles.
Duolingo-nuevo-logotipo-lenguaje-visual
Duolingo-nuevo-logotipo-lenguaje-visual
 Anuncios.
Duolingo-nuevo-logotipo-lenguaje-visual
Papelería.
 
Duolingo-nuevo-logotipo-lenguaje-visual
 App.
 
Duolingo-nuevo-logotipo-lenguaje-visual
Duolingo-nuevo-logotipo-lenguaje-visual
Duolingo-nuevo-logotipo-lenguaje-visual
Duolingo-nuevo-logotipo-lenguaje-visual
 

En general, esto se basa efectivamente en la naturaleza colorida, alegre, viva y atractiva de la plataforma al tiempo que expande el ecosistema visual alrededor del búho cada vez más popular.

Duolingo
Diseñado por: Johnson Banks

Fuente y créditos


¡Dejanos tu opinión!