Proyecto

Gráfica

Proyecto

Producto

Proyecto

Gestión

Proyecto

Gráfica

Proyecto

Espacio

Esquema de la narración Transmedia y su relación entre todos los proyectos.

1

MANUAL DE IDENTIDAD

g_presentacion.png

Situese sobre los

titulos para obtener

más información

Para la incorporación de DUOLINGO a la narrativa Transmedia se ha diseñado una marca dirigida al publico final, de fácil reconocimiento y con vinculación a la marca paraguas. El símbolo deja de estar estático, asciende, vuela y se incorpora a la nueva marca, al nuevo espacio, a la nueva visión global de la empresa.
Es dinámico y sobre todo transmite comunidad (junto con la puerta abierta que invita a entrar), razón de ser de la empresa.

 

Por último el naming se ha creado para reforzar esa idea experiencial que la marca desea transmitir con su nueva narrativa en los diferentes medios. Duolingo ya no es solo una app, es una experiencia, un descubrimiento constante y enriquecedor desde y para todos los medios.

Desde la primera versión se muestra claramente la intencionalidad que la marca desea transmitir, pero es en la versión final donde se observa de una forma sintetizada como la idea se plasma de manera concisa para que de esta manera impacte en el espectador y sea más fácil de recodar. Además esta simplificación es más adecuada para la reproducción en determinados formatos como pueden ser productos, zonas de dimensiones pequeñas o fondos y texturas muy heterogéneas.

CONSTRUCCIÓN DE LA MARCA

PRESENTACIÓN

g_esquema_trazado.png
g_esquema_trazado_2.png

IMAGEN 1. La marca esta compuesta por el símbolo y el logotipo. Ambas pueden emplearse de forma separada pero no se recomienda. Cuando esta versión sea difícil de aplicar es aconsejable usar las versiones detalladas en el punto (versiones) de este manual. El símbolo esta compuesto por 3 elementos diferenciados pero a su vez no pueden ser separados puesto que forman parte de un conjunto que da sentido a el mensaje. El logotipo esta formado por la palabras “duolingo” y “experience” y nunca puede ser utilizado en diferentes disposiciones entre ellas de las aquí recogidas.
 

IMAGEN 2. La proporción entre el símbolo y el logotipo no se puede alterar, siempre será la aquí mostrada en la que se establece una relación directa y exacta entre el ancho de la linea exterior del símbolo y el ancho del grosor de la tipografía superior del logotipo. La separación entre símbolo y logotipo corresponde también a esta medida pero en este caso se deberá de multiplicar por 2’5 para obtener la distancia adecuada. Es decir, es el doble y medio más grande. Por último la medida “b” divide el símbolo por la mitad y a su vez pasa justo por la linea base del logotipo. En el apartado “espacio reservado”, el perímetro de respeto es igual a la letra “o”.

ESQUEMA DE TRAZADO

Situarse sobre imagen para obtener vista 2

g_color.png
g_tipos.png

Los colores serán tres de los ya utilizados por la marca paraguas pero se añaden los códigos necesarios para su aplicación en otros soportes además de la pantalla como pueden ser impresiones, pinturas,  o vinilos. El color principal se denomina “Verdiso” y es un color muy fresco, pero a la vez no satura y el cliente se encontrara en calma y reconfortado cuando se vea rodeado de él. El color “Regaliz” es un negro muy contenido ya que al combinarse con el verde principal no produce desequilibrio cromático ni acoplamiento entre ellos. Por último “Menta” sera utilizado para fondos, masas de color o combinación de degradados. *Los colores Pantone también pueden ser utilizados en su versión mate (U).

La tipografía superior es la principal y puede usarse en titulares pero nunca como cuerpo de texto. Esta tipografía de sin remate y con una modulación constante es muy adecuada para el logotipo porque además tiene un perfil redondeado que le proporciona amabilidad y cercanía y a su vez contrasta con el logotipo de la marca paraguas que tiene un perfil en angulo recto. La inferior es una tipografía de apoyo para ser utilizada en cuerpos de textos, también es una tipografía sin remate, limpia y moderna que dará buena legibilidad indistintamente del formato donde se utilice.

COLORES Y TIPOGRAFÍAS

1/2

VERSIONES. Estas tres versiones serian las principales. La de la izquierda es la única que puede ser empleada en la que “experience” aparece de forma individual. El texto debe de tener la dimensión exacta en altura que el símbolo. La central es la versión estándar ya detallada en el apartado: Esquema de trazado. Por último en la versión del extremo derecho el logotipo aparece en la zona inferior y el símbolo debe de situarse entre las lineas marcadas y además el ángulo debe de ir en paralelo con el texto de la forma en la que se muestra. No podrá ser inclinado bajo ninguna circunstancia. 
 
Abajo las versiones secundarias y se emplearan siempre y cuando no se adapten bien las primeras. En estas versiones el símbolo también se mantiene al mismo tamaño entre ambas pero cambia la disposición en las dos primeras: En la primera el símbolo se sitúa en el extremo superior derecho y en la segunda se sitúa en el extremo inferior izquierdo pero en altura con la linea base de la tipografía. En último lugar el logotipo se sitúa en la zona inferior derecha pero adquiere otra dimensión, con la relación que se muestra arriba.

VERSION REDUCIDA. Esta versión mantiene la misma geometría y estilo de símbolo que la versión estandar para no desvincularse de la esencia “experience” pero con la ventaja de ocupar un espacio más reducido, con unas proporciones más cuadradas que son de mejor aplicación en espacios más pequeños. El arco y pajaro superior se mantienen exactamente igual pero se prescinde del pajaro inferior. Por otro lado el arco en la versión estandar evoca a una puerta de forma más figurativa, sin embargo, en esta versión se vuelve más abstracto pero mantiene el mismo sentido ya que la diagonal inferior (de mismo ángulo que en la verisón estandar) nos invita con la misma intesidad a entrar en la experiencia. Regla principal de uso: solo se debe de emplear en los productos de la divisón, como por ejemplo, los auriculares.

VERSIÓN REDUCIDA

VERSIONES

g_versiones_de_color.png

Se muestran las versiones de color, las 3 pueden ser combinadas con las diferentes versiones anteriores de disposición.
 
-Versión mixta color corporativo principal más “regaliz”.
-La versión blanca sobre fondo negro, también apta para fondos con imágenes oscuras.
-Versión marca de agua en el que se combina el color “Verdiso” para el fondo y el color “Menta” para el logo.

VERSIONES DE COLOR

1/2

APLICACIONES INCORRECTAS. En este punto se muestran los 8 errores más importantes en la aplicación y uso de la marca transmedia. No se permite realizar los cambios aquí recogidos, ni de forma independiente ni tampoco la mezcla de ellos, es decir, por ejemplo es incorrecto suprimir elementos y cambiar colores de forma combinada. O cambiar colores para conseguir un contraste más adecuado con el fondo. No hay justificación ninguna para modificar las normas recogidas anteriormente, en el supuesto de que el espacio donde se desea aplicar sea reducido, se empleara las versiones indicadas para ello, no se deformaran o se cambiaran elementos.

TEST DE REDUCCIÓN. El test de reducción nos indica un aspecto muy importante, no se puede utilizar una versión más pequeña de las aquí marcadas. Además se tendrá que tener en cuenta el color utilizado, debido a que en el color verde corporativo la lectura mínima se establece en 16’4 mm, mientras que en negro puede reducirse un 25% más hasta 12,3 mm.
*Para otras versiones de color se establece la misma medida que con el color corporativo, excepto con la versión blanco sobre fondo oscuro que se aplicara la misma regla que con el color negro.

TEST DE REDUCCIÓN

APLICACIONES INCORRECTAS

En esta sección se muestran los patrones y conceptos que se han desarrollado para aplicar en el diseño de la identidad, la publicidad, y las interfaces digitales.
 
El uso de diagonales, los colores planos y las tipografías como gráfismo para el desarrollo visual de los elementos por un lado y por otro el uso de pequeñas piezas y texturas para complementar. Por último las fotografías serán tratadas a escala de grises en fusión con el color corporativo “Verdiso”.

UNIVERSO GRÁFICO

2

COMUNICACIÓN GRÁFICA

Esta configuración gráfica se nutre de los elementos citados en el punto “Universo gráfico” de la sección Manual como son el uso de figuras planas y los bocadillos en el eje central. De este modo hay una jerarquía del eje central en el reclamo visual. En lo que respecta a la fotografía se utilizara un plano medio de los actores en el espacio, además serán tratadas bajo los preceptos indicados en el manual.

 

En el caso particular de este diseño el claim se situa en la parte superior en un fondo homogeneo en fusión con la fotografía inferior, de este modo se enfatiza la sensación de sumergirse o adentrarse en el espectaculo y el aprendizaje.

DATOS TÉCNICOS

-Medidas (cm): 120x175

-Sangrado: 6mm

-Impresión: Offset

-Tintas: (4) Cuatricomía CMYK

-Resolución de impresión: 150 ppp

-Papel: 190gr estucado mate

-Tirada: 300 ejemplares

-Precio 5,58€ unidad. Total: 1674€

GRÁFICA DE LA NARRACIÓN

Situarse sobre imagen para obtener descripción, formato y medidas.

Esta configuración gráfica se nutre de los elementos citados en el punto “Universo gráfico” de la sección Manual. Los 3 actores principales se situan de forma vertical con una proporción igual para cada uno, ninguno de ellos sobresale sobre el otro. De este modo el espectador aprecia rapidamente la homogeneidad, aunque la lectura occidental le llevara con mucha probabilidad a visualizar a Javier Bardem en primer lugar.

 

Arriba los nombres, y abajo la información con un espacio reservado para la marca donde las diagonales se conectan; los pajaros vuelan en dirección al claim y este a su vez da paso de arriba hacia abajo a la dirección y la fecha. En resumen, encontramos 4 niveles de peso visual por importancia: fotos de actores, marca “duolingo experience”, claim e información adicional.

DATOS TÉCNICOS


-Medidas (cm): 120x175

-Sangrado: 6mm

-Impresión: Offset

-Tintas: (2) negro + verdiso (Pantone 376 U)

-Resolución de impresión: 150 ppp

-Papel: 190gr estucado mate

-Tirada: 800 ejemplares

-Precio 5,58€ unidad. Total: 4470€

GRÁFICA DE EVENTO

Situarse sobre imagen para obtener descripción, formato y medidas.

flyers_.png

Anverso

FLYERS

Reverso

Este diseño limpio de formas esta creado para captar la presencia del público allí donde se muestre. Su minimalismo pero a la vez potencia de formas y colores hace muy atractivo el aspecto visual, consiguiendo generar expectación. Uso de diagonales, bocadillo y color corporativo con una figura central de alto contraste y el “Claim” al lado, en la parte también central.

Este planteamiento coge reminiscencias de la famosa campaña de apple creada para el iPod en el año 2003 llamada “silhouette”.

CARTELERÍA CLAIM

Chapas símbolo reducido

montaje_merchandising_.png

Stickers

Carcasas smartphone

Tazas corporativas

Bolsas trama

MERCHANDISING

3

APP

5 Pantallas (el máximo permitdo por Apple para la versión iOS) son las que forman este árbol de navegación. En primer lugar por la izquierda se encuentra “Historias recientes” dado que es la pantalla que más uso tendrá por parte de los usuarios. En ella se muestran los últimos videos subidos por la plataforma Duolingo Experience.

 

La segunda pantalla “Aprendizaje” tiene una conexión directa con la primera dado que se mostrata el progreso conseguido del idimoa mediante la visualización de los videos. También “Calendario” tiene una conexión con la primera, en ella apareceran nuevos videos pendientes por subir y eventos de la sede Transmedia en Matadero-Madrid.

 

Por último “Auriculares” donde se reune todo lo necesario para la configuración de los mismos y “Ajustes” que se situa cerca del pulgar.

ÁRBOL DE NAVEGACIÓN

arbol.png

Los iconos han sido diseñados completamente en exclusiva para la aplicación. Estan basados en una cuadricula definida donde las diagonales son la seña principal de identidad. Las pantallas que permanecen apagadas tienen fondo oscuro y linea en “Verdiso” mientras que la pantalla seleccionada tiene las lineas en blanco y el fondo en “Verdiso” translucido a un 60%.

 

-Historias recientes      -Aprendizaje      -Calendario      -Conexión con auriculares      -Ajustes

 

* Iconos versión iOS

ICONOS MENÚ

iconos.png

Conexión auriculares

historias_3x.png

Historias recientes

historias_3x_3.png

PANTALLAS

Pinche en PROTOTIPO para interactuar.