diseño manual de marca - goapp!

50
MANUAL DE MARCA

Upload: kristell-gonzalez-alarcon

Post on 19-Jan-2017

47 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

1

MANUAL DEMARCA

Page 2: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

2

1. Misión y Visión

2. Valores de la marca

3. Elementos de Marca

4. Tipografía

5. El color

6. Uso de Imágenes e iconos

7. Formas

8. Fondos

9. Aplicaciones

10. Indoor

11. Outdoor

12. Papelería Comercial

13. Manejo digital

14. Manejo en medios

INDICE

Page 3: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

3

Conectar personas a través de interacciones sociales y culturalesbasadas en aprendizaje de diversos idiomas.

Buscar que nuestros usuarios viajen a través de conversaciones, para que por medio de las amistades multiculturales se generen nuevas oportunidades integrales.

Queremos convertirnos en la aplicación más utilizada en Colombia y una de las más relevantes a nivel mundial, en la facilidad y acceso a otros idiomas; permitiéndole a las personas crear una red de amigos en todo el mundo con el que se intercambien prácticas novedosas y simples con el objetivo de aprender otro idioma.Adicional queremos que nuestros usuarios logren mejores oportunidades laborales yacadémicas a partir de la lengua practicada.

MISIÓN

VISIÓN

Page 4: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

4

VALORES DE MARCA• Te conectamos con amigos que te gustaría tener.• Creamos conexiones multiculturales.• Potenciamos lo mejor de cada cultura• Queremos un mundo sin barreras idiomáticas• Hacemos visibles tus intereses para abrirte la puerta al mundo.

Page 5: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

5

Go App! · Manual de Marca

5

ELEMENTOSDE MARCA

Page 6: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

6

IDENTIDAD VERBALNombre o fonotipo: Go app.

IDENTIDAD VISUAL

ELEMENTOS DE MARCA

Grafismo

Logotipo

Page 7: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

7GRILLA CONSTRUCTIVA

DE LA MARCA

Eje de simetría

Eje de texto

14.7˚

Page 8: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

8

TIPOGRAFÍA PRINCIPAL

Champagne & Limousines

ABCDEFGHIJKLMNÑOPQRSTUWXYZabcdefghijklmnñopqrstuvwxyz

1234567890§¡™£¢∞§¶•ªº–≠‘“«æ÷≥≤

Regular Itálica Bold Bold Italic

Century Gothic

ABCDEFGHIJKLMNÑOPQRSTUWXYZabcdefghijklmnñopqrstuvwxyz

1234567890§¡™£¢∞§¶•ªº–≠‘“«æ÷≥≤

Regular Itálica Bold Bold Italic

APP

TIPOGRAFÍA SECUNDARIA

TIPOGRAFÍA DE LA MARCA

Page 9: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

9

COLORES PRINCIPALES

FOCOLTONE 1116

C: 14,24 M: 98,64 Y: 66,42 K: 0

R: 208 G: 26 B: 65

WEB: CF1A41

Utilización principal de degradado lineal vertical a 90˚, con 50% y 50% por

color

FOCOLTONE 1071

C: 0 M: 95,61 Y: 9,08 K: 0

R: 231 G: 23 B: 123

WEB: E6177B

3˚ COLOR

C: 0 M: 58 Y: 24,22 K: 0

R: 240 G: 138 B: 153

WEB: F08A99

FOCOLTONE 1116

FOCOLTONE 1071

Page 10: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

10

OTROS COLORES

VIOLETA OSCUROC: 0 M: 81 Y: 0 K: 65

R: 114 G: 37 B: 71

WEB: 722547

VERDE COMPLEMENTOC: 69,76 M: 0 Y: 100 K: 0

R: 0 G: 255 B: 3

WEB: 00FF03

NEGRO COMPUESTOC: 75,02 M: 67,97 Y: 67,02 K: 90,16

R: 0 G: 0 B: 0

ROSA CLAROC: 0 M: 26 Y: 0 K: 0

R: 249 G: 209 B: 228

WEB: F8D0E4

GRIS OSCUROC: 58,3 M: 50,63 Y: 49,92 K: 18,37

R: 87 G: 86 B: 86

AMARILLO CLAROC: 0 M: 0 Y: 39 K: 0

R: 255 G: 248 B: 180

WEB: FFF7B4

GRIS CLAROC: 46,3 M: 38,8 Y: 39 K: 2,8

R: 124 G: 123 B: 123

WEB: CF1A41

Page 11: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

11

BUEN USO DE LOS ELEMENTOSDE MARCA

El uso principal de los elementos de la marca GoApp!, deben estar en correcta sincronización y proporción de acuerdo con la grilla de con-trucción (pag. 7), y de acuerdo con los colores autorizados previamen-te (pag. 10) de acuerdo con la pieza gráfica impresa o digital en donde se quiera emplear de la siguiente manera:

En caso de que se requiera se podrá separar la marca de su grafismo, el globo de chat, de la siguiente manera:

Uso del logo en color sobre fondo blanco

Uso del logo en gama degrises sobre fondo blanco

Uso del logo en blanco sobre fondo de color

Uso del logo gama degrises sobre fondo negro

Uso del logo sin grafismo en fondos blancos o claros

Uso del logo sin grafismo en fondos de color u oscuros

Page 12: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

12

BUEN USO DE LOS ELEMENTOS DE MARCA

OTROS USOS USO SOBRE IMÁGENES

Si la imagen no tiene reserva para el logotipo, colocar un filtro sobre la misma para así destacar el logo (blanco)

Si la imagen cuenta con reserva para el logotipo, colocar este encolores principales

Page 13: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

13

REGLAS BÁSICAS DEL BUEN USO

1. El logotipo siempre deberá colocarse a mínimo 0,7 cm del borde, sangrado o abundancia de la pieza a diseñar, independiente de su uso en medios impresos o digitales.

2. Para el uso de piezas gráficas impresas utilizar los colores designa-dos en CMYK y cuando vaya a diseñarse para web por favor utilizar los colores RGB o Web, esto permitirá mantener los colores adecua-dos de uso.

3. El uso del logo con grafísmo se podrá utilizar en fondos con color sin necesidad de reservar el espacio con filtros de color como se indica en la página 12.

4. Los otros usos del color, se dan principalmente para piezas impresas que se impriman a blanco y negro y con baja tinta. Se recomienda siempre el uso de los colores principales para impresión en papeles especiales (propalcotes, opalinas, mate, plastificados, etc.)

5. Siempre que vaya a utilizar el logotipo de la marca, realizarlo des-de el archivo directo en vectores (.ai, .eps, .pdf), el cual deberá ser entregado directamente por la marca. En caso de que no obtenga dicha información, podrá solicitar el logotipo en extensión png y jpg en alta resolución de 300 dpi (para medios impresos) y 72 pdi (para medios digitales).

6. Antes de envíar una pieza a impresión, por favor convertir todos los textos de la misma en curvas, esto permitirá que el impresor reciba información exacta de las fuentes y que no haya peligro de que tan-to la marca como la diagramación sufran cambios drásticos.

7. En caso de ser necesario se podrá usar la marca como marca de agua, se recomienda el uso del logo blanco o negro dependiendo de la imagen, y con una opacidad superior a 5%.

Page 14: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

14

USO ERRÓNEO DE LOSELEMENTOS DE MARCA

Page 15: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

15

USO ERRÓNEO DE LOSELEMENTOS DE MARCA

Page 16: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

16

USO ERRÓNEO DE LOSELEMENTOS DE MARCA

1. Se considera mal uso de la marca el no cumplir cualquiera de las normas del buen uso de la marca.

2. Utilización errónea de los colores autorizados o mezcla no adecua-da de los mismos, se confía en el buen sentido común del diseñador para combinar adecuadamente los colores en la marca.

3. El uso de colores claros sin la combinación de oscuros es un grave error ya que quita mención de marca y no la destaca de manera ade-cuada, así mismo la combinación de colores de una misma paleta donde no se distingan las tipografías del grafismo.

4. El uso de una opacidad del logo principal en una pieza sobre una imagen es un error grave ya que eliminar total espacio y jerarquiza-ción de la marca.

5. Es importante destacar que el uso de resplandores de colores o

sobras, a la tipografía y que estos no esten autorizados se considera un error del uso de la marca.

6. El no usar los colores específos para medios impresos o colores

web se considera un error ya que el software acomoda los colores de diferente manera para su visualización.

7. La desproporción de la tipografía con relación al grafismo se consi-dera un gran error, se recomienda siempre usar las proporciones y posiciones dadas en la grilla de construcción.

8. Es importante respetar las tipografías dentro del logotipo.

Page 17: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

17

1. Es importante conocer el uso que se le va a dar a la imagen para así seleccionar la más adecuada, para medios impresos se exige el uso de imágenes con mínimo 300 dpi de resolución y en modo de color CMYK no se permitirá el uso de imágenes en baja resolución para medios impresos, independiente de sus tamaños.

2. Así mismo para imágenes que se usen en medios digitales es esen-cial que estas esten en RGB.

3. El uso de imágenes en un contexto publicitario siempre debe estar relacionado con nuestro público objetivo, personas jóvenes, explo-radoras, emprendedoras, imágenes que muestren varios niveles cul-turales para contextualizar a nuestro usuario. Siempre alegres.

4. En las imágenes seleccionadas se debe revisar que no haya mención de otras marcas en objetos, fondos, prendas, de las personas de la imagen.

USO DE IMÁGENES

Page 18: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

18

APLICACIONES

Page 19: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

19

APLICACIONESINDOOR

Page 20: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

20

APLICACIONES INDOORLOOK AND FEEL OFICINAS

Page 21: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

21

APLICACIONES INDOORLOOK AND FEEL OFICINAS

Page 22: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

22

APLICACIONES INDOORLOOK AND FEEL OFICINAS

Page 23: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

23

APLICACIONES INDOORLOOK AND FEEL OFICINAS

Page 24: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

24

APLICACIONES INDOORLOOK AND FEEL OFICINAS

Page 25: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

25

MANEJO INTERNO DE APLICACIONESDETALLES PARA EL COLABORADOR

Page 26: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

26

MANEJO INTERNO DE APLICACIONESDOTACIÓN PARA EL COLABORADOR

Page 27: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

27

MANEJO INTERNO DE APLICACIONESMAILING PARA EL COLABORADOR

Page 28: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

28

APLICACIONESOUTDOOR

Page 29: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

29

USOS DE ELEMENTOS DE MARCAEN MERCHANDISING

Page 30: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

30

USOS DE ELEMENTOS DE MARCAEN MERCHANDISING

Page 31: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

31

USOS DE ELEMENTOS DE MARCAEN MERCHANDISING

Page 32: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

32

USOS DE ELEMENTOS DE MARCAEN MERCHANDISING

Page 33: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

33

APLICACIONESPAPELERIA

Page 34: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

34

APLICACIONES INDOORMEMBRETE

MembretesFormato: Tamaño Carta (21 x 27,5 cm)Tintas: 4 x 0Fuente textos: Century Gothic RegularTamaño: 13 pt.Normas APA

Page 35: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

35

APLICACIONES INDOORTARJETAS DE PRESENTACIÓN

TIRO RETIRO

Tarjetas de presentaciónFormato: 5 x 8 cmTintas: 4 x 0Troqueles: NoFiltro UV: Si, sobre logo principalAcabado: Plastificado Mate

Page 36: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

36

APLICACIONES INDOORSOBRES CORRESPONDENCIA

Page 37: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

37

APP

APLICACIONES INDOOROTRAS APLICACIONES

APROBADO

FIRMA

FIRMA DE CORREO

RICARDO MACIAS APP

Director de mercadeo y comunicacionesDirección: Trv. 93 No. 51-95, Ed. 3 . Bogotá/ColombiaPbx: (+57 1) 367 8400 . FAX (+57 1) 367 8410www.goapp.com.co

Page 38: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

38

APLICACIONESDIGITAL

Page 39: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

39

APLICACIONES DIGITALLOOK&FEEL APP

Page 40: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

40

APLICACIONES DIGITALPAUTA EN APP

Page 41: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

41

APLICACIONES DIGITALLOOK&FEEL APP

Page 42: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

42

APLICACIONES DIGITALSITIO WEB

Page 43: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

43

APLICACIONES DIGITALPLANTILLA MAILING

Page 44: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

44

APLICACIONESMEDIOS

Page 45: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

45

APLICACIONES EN MEDIOSREDES SOCIALES

Page 46: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

46

APLICACIONES EN MEDIOSREDES SOCIALES

Page 47: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

47

APLICACIONES EN MEDIOSREDES SOCIALES

Page 48: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

48

APLICACIONES EN MEDIOSPAUTA EN REDES SOCIALES

PAUTA EN MURO FACEBOOK

Page 49: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

49

PAUTA TIPO BANNER EN SITIO WEB

APLICACIONES EN MEDIOSPAUTA ONLINE

Page 50: Diseño Manual de marca - GoApp!

Go App! · Manual de Marca

50

MANUAL DEMARCA