manual shopping metrô tatuapé

Post on 28-Mar-2016

238 Views

Category:

Documents

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Manual Shopping Metrô Tatuapé

TRANSCRIPT

Shopping Metrô tatuapéManual de Identidade Visual

1

Shopping Metrô tatuapéManual de Identidade Visual

Shopping Metrô tatuapéManual de Identidade Visual

índice

Manual deidentidade viSualApresentação da marca . . . . . 05

Versão horizontal e vertical . . 06

Assinaturas . . . . . . . . . . . . . . . 07

Negativo . . . . . . . . . . . . . . . . . 08

Meio-tom . . . . . . . . . . . . . . . . 09

Cores institucionais. . . . . . . . . 10

Acromático . . . . . . . . . . . . . . . 11

Outline. . . . . . . . . . . . . . . . . . . 13

Campo de proteção . . . . . . . . 14

Reduções . . . . . . . . . . . . . . . . 15

Aplicações incorretas . . . . . . . 16

Alfabeto padrão . . . . . . . . . . . 17

Alfabeto auxiliar . . . . . . . . . . . 18

Paleta de cores . . . . . . . . . . . . 19

eleMentoSSecundÁrioSMalha . . . . . . . . . . . . . . . . . . . 21

Elementos secundários . . . . . 22

papelaria BÁSicaCartão de visitas . . . . . . . . . . . 24

Papel timbrado . . . . . . . . . . . . 25

Envelope ofício . . . . . . . . . . . . 26

Envelope saco . . . . . . . . . . . . . 27

Pasta . . . . . . . . . . . . . . . . . . . . 28

Folheto. . . . . . . . . . . . . . . . . . . 29

MídiaS digitaiSSite . . . . . . . . . . . . . . . . . . . . . 32

Assinatura de email . . . . . . . . 34

Template Word . . . . . . . . . . . . 35

Template PowerPoint . . . . . . 37

coMpleMentoSCrachá . . . . . . . . . . . . . . . . . . . 41

Frota . . . . . . . . . . . . . . . . . . . . 43

Uniformes . . . . . . . . . . . . . . . 47

pictograMaS e SetaSPictogramas e Setas . . . . . . . . 52

Sinalização internaIdentificativa . . . . . . . . . . . . . . 54

Direcional . . . . . . . . . . . . . . . . 56

Informativa . . . . . . . . . . . . . . . 58

Orientativa . . . . . . . . . . . . . . . 60

Sinalização externaFachada . . . . . . . . . . . . . . . . . . 63

Totem . . . . . . . . . . . . . . . . . . . 71

Estacionamento . . . . . . . . . . . 75

aplicativoS ioSe android Aplicativo tatuapp . . . . . . . . . 80

Tela principal . . . . . . . . . . . . . 81

Tela lojas . . . . . . . . . . . . . . . . . 82

Playstore . . . . . . . . . . . . . . . . . 83

Itunes . . . . . . . . . . . . . . . . . . . 84

Smartphones e tablets . . . . . 86

Shopping Metrô tatuapéManual de Identidade Visual

4

identidade viSual

Shopping Metrô tatuapéManual de Identidade Visual

5

apresentação da marca Versão preferencial do logo desenvolvido para o Shopping Metrô Tatuapé a ser aplicado em todo o seu projeto de comunicação visual e sinalização.

Símbolo Logotipo

Shopping Metrô tatuapéManual de Identidade Visual

6

versão horizontal e verticalVersão horizontal preferencial e vertical da marca.

Shopping Metrô tatuapéManual de Identidade Visual

7

Versãopreferencialhorizontal

Versãopreferencialpara redução

Versãoopcionalver!cal

Versão deaplicaçãodo símbolo

assinaturasVersões para assinaturas,

incluindo assinatura comversão preferencial para re-dução e assinatura con-tendo apenas o símbolo.

Shopping Metrô tatuapéManual de Identidade Visual

8

negativoAplicação da marca em negativo, nas versões horizontal e vertical.

Shopping Metrô tatuapéManual de Identidade Visual

9

meio-tomAplicação da marca nas versões horizontal

e vertical meio-tom em positivo e negativo.

Shopping Metrô tatuapéManual de Identidade Visual

10

cores institucionaisAplicação da marca nas cores institucionais,

nas versões horizontal e vertical.

Shopping Metrô tatuapéManual de Identidade Visual

11

acromáticoVersões acromáticas da marca hori-

zontal e vertical em positivo e negativo.

Shopping Metrô tatuapéManual de Identidade Visual

12

acromático emcores institucionais

Versões acromáticas da marca hori-zontal e vertical aplicado em cores ins-titucionais.

Shopping Metrô tatuapéManual de Identidade Visual

13

outlineVersões em outline da marca em sua versão preferencial horizontal e vertical.

Shopping Metrô tatuapéManual de Identidade Visual

14

campo de proteçãoCampo de proteção e malha de construção para aplicação da marca em sua versão horizontal e vertical.

Shopping Metrô tatuapéManual de Identidade Visual

15

Versão preferencial horizontalRedução máxima: h= 16mm

Versão opcional ver�calRedução máxima: h= 29mm

Versão preferencial para reduçõesRedução máxima: h= 10mm

reduçõesEspecificações do tamanho máximo de redução, das versões horizontal, vertical e apresentação de uma versão preferencial para redução.

Shopping Metrô tatuapéManual de Identidade Visual

16

SHOPPINGMETRÔ TATUAPÉ

aplicaçõesincorretas

A marca jamais deve ter sua construçãoou forma de uso alterada (salvo exceçõesque aparecem neste manual). É impor-tante que sejam respeitadas proporções,cores, tipografias, comportamentos cro-máticos e campos de proteção, prezandoassim pela autenticidade da marca.

É incorreta sua aplicação em cores quenão sejam as de sua própria paleta, aplica-ção da tipografia desacompanhada do sím-bolo, todo o tipo de distorções, inversãoda ordem dos elementos, aplicação emfundo de baixo contraste, inversão dascores de seus elementos, inclinações, usode outra tipografia em sua construção e al-teração na orientação de seus elementos.

Shopping Metrô tatuapéManual de Identidade Visual

17

alfabeto padrãoFamília tipográfica Ar Techni Regular e Ar

Techni Bold utilizada na construção do logo eem outras aplicações como títulos e textoscurtos de destaque em sua papelaria e sina-lização interna e externa.

Shopping Metrô tatuapéManual de Identidade Visual

18

alfabeto auxiliarFamília tipográfica Calibri Regular, Calibri

Bold e Calibri Italic, utilizada no corpo de tex-tos e textos auxiliares em sua papelaria e si-nalização interna e externa.

Shopping Metrô tatuapéManual de Identidade Visual

19

paleta de coresComposição das cores que formam a pa-

leta escolhida para a Identidade Visual doShopping Metrô Tatuapé nos três principaissistemas de cores: CMYK, RGB e Pantone.

Shopping Metrô tatuapéManual de Identidade Visual

20

elementos secundários

Shopping Metrô tatuapéManual de Identidade Visual

21

malhaModelo de construção de malha utili-

zando os dois elementos do simbolo damarca do Shopping Metrô Tatuapé com re-petição para ser aplicada em peças da comu-nicação visual do shopping.

Shopping Metrô tatuapéManual de Identidade Visual

22

Elemento circular que pode ser apli-cado em todas as cores institucionaisrespeitando seu comportamento cro-mático, utilizado para dar destaque àum item, ou como forma base para

númeração de páginas.

elementos secundáriosElementos secundários utilizados nas peças da comunicação visual do Shopping Metrô Tatuapé para áreas de destaque, títulos ou textos curtos, porém de grande relevância.

Caixa com terminações circulares quepode ser aplicada em todas as coresinstitucionais respeitando seu com-

portamento cromático, utilizada paradar destaque à um item, preferencial-

mente frases curtas ou titulos

Shopping Metrô tatuapéManual de Identidade Visual

23

papelaria BÁSica

Shopping Metrô tatuapéManual de Identidade Visual

24

cartão de visitasModelo de cartão de visitas nas dimens-

ções 90x50mm seguindo o novo padrão vi-sual do Shopping Metrô Tatuapé.

Tel.: (11) 2255 4884 | Fax: (11) 2255 4882 | E-mail: | Site: www.shoppingmetrotatuape.com.br Tel.: (11) 2255 4884 | Fax: (11) 2255 4882 | E-mail: | Site: www.shoppingmetrotatuape.com.br

Shopping Metrô tatuapéManual de Identidade Visual

25

papel timbrado enormas de digitação

Modelo de papel timbrado nas dimensões297x210mm e normas utilizadas na digita-ção, seguindo o novo padrão visual do Shop-ping Metrô Tatuapé.

Corpo do textoCalibri, 12pt, preto,espaçamento entre linhas de 14pt

TítuloCalibri Bold, 14pt, preto

MargensCorpo com margem de 2cm das late-rais da página e de 2cm da aplicaçãodo logo para o ínicio do texto.

Shopping Metrô tatuapéManual de Identidade Visual

26

Shopping Metrô TatuapéRua Domingos Agos�n, 91Tatuapé, São Paulo, 03306-010

envelope ofícioModelo frente e verso de envelope ofício nas dimensões 114x229mm, seguindo o novo padrão visual do Shopping Metrô Tatuapé.

Shopping Metrô tatuapéManual de Identidade Visual

27

Shopping Metrô TatuapéRua Domingos Agos�n, 91Tatuapé, São Paulo, 03306-010

envelope sacoModelo frente e verso de envelope saco

nas dimensões 345x235mm, seguindo o novopadrão visual do Shopping Metrô Tatuapé.

Shopping Metrô tatuapéManual de Identidade Visual

28

pastaModelo frente e verso de pasta institucio-

nal feita de papel couché 230g nas dimen-sões 460x320mm aberta e 230x320mmfechada, seguindo o novo padrão visual doShopping Metrô Tatuapé.

Shopping Metrô tatuapéManual de Identidade Visual

29

folhetoModelo de folheto promocional nas di-

mensões 210x148mm, seguindo o novo pa-drão visual do Shopping Metrô Tatuapé.

Shopping Metrô tatuapéManual de Identidade Visual

30

MídiaS digitaiS

Shopping Metrô tatuapéManual de Identidade Visual

31

site insitucional

Shopping Metrô tatuapéManual de Identidade Visual

32

site institucionalProposta de site institucional es-

truturada de acordo com a novaidentidade visual desenvolvida parao Shopping Metrô Tatuapé.

O site, além de trazer o novo logoe paleta de cores, se utiliza predomi-nantemente de tons claros, visandouma comunicação simples e direta.

O layout dá destaque a promo-ções, possíveis eventos e programa-ção de filmes em cartaz em suassalas de cinema, por se tratar de umambiente popular onde as pessoasbuscam entretenimento.

Shopping Metrô tatuapéManual de Identidade Visual

34

assinatura de e-mailModelo de assinatura de e-mail de colaboradores do Shopping Metrô Tatuapé:

Prexado Senhor Henrique,

Sua sugestão foi encaminhada ao Setor de Marketing.

Atenciosamente,

Corpo do e-mailCalibri, 12pt, preto,espaçamento entre linhas 12pt.

Logo em versãopreferencial para reduçãoDimensões: 10x41,7mm

Nome do colaboradorCalibri Bold, 10pt.

InformaçõesCalibri, 10pt.

Shopping Metrô tatuapéManual de Identidade Visual

35

template word

Shopping Metrô tatuapéManual de Identidade Visual

36

template wordModelo de documentos de texto em Mi-

crosoft Word, seguindo o novo padrão visualdo Shopping Metrô Tatuapé.

Assim como no modelo de papel tim-brado, os arquivos devem respeitar uma mar-gem de 2cm das laterais e ter seu ínicio 2cmapós o logo do Shopping.

Os títulos devem ser em fonte Calibri Boldpreto ou no vermelho padrão, 14pt.

O corpo do texto deve ser em fonte CalibriRegular, 12pt e com espaçamentos entre li-nhas de 1,5.

Shopping Metrô tatuapéManual de Identidade Visual

37

template powerpoint

Shopping Metrô tatuapéManual de Identidade Visual

38

template powerpointModelo de template para apre-

sentações de slide em Microsoft Po-werPoint, seguindo o novo padrãovisual do Shopping Metrô Tatuapé.No titulo deve se utilizar o alfabetoinstitucional Ar Techni tamanho 16,ou na ausência deste, o alfabeto se-cundário Calibri tamanho 16, ocorpo do texto deve ser Calibri ta-manho 12 espaçamento de 1,5.

Slides de títulos devem terplano de fundo na cor vermelhainstitucional e slides de conteúdodevem utilizar a cor branca comoplano de fundo. Devem ser utiliza-dos os elementos secundáriospara títulos, tópicos etc.

Shopping Metrô tatuapéManual de Identidade Visual

39

template powerpoint

Shopping Metrô tatuapéManual de Identidade Visual

40

coMpleMentoS

Shopping Metrô tatuapéManual de Identidade Visual

41

crachá

Shopping Metrô tatuapéManual de Identidade Visual

42

cracháModelo de crachá para o corpo de funcio-

nários do Shopping Metrô Tatuapé, seguindoo seu novo padrão visual

Shopping Metrô tatuapéManual de Identidade Visual

43

frota

Shopping Metrô tatuapéManual de Identidade Visual

44

frotaModelo de aplicação da identidade visual

na frota de veículos do Shopping Metrô Ta-tuapé, seguindo o seu novo padrão visual.

Ao lado o exemplo de envelopagem emcarro popular.

Shopping Metrô tatuapéManual de Identidade Visual

45

frotaModelo de aplicação da identidade visual

na frota de veículos do Shopping Metrô Ta-tuapé, seguindo o seu novo padrão visual.

Ao lado o exemplo de envelopagem emcarro utilitário.

Shopping Metrô tatuapéManual de Identidade Visual

46

frotaModelo de aplicação da identidade visual

na frota de veículos do Shopping Metrô Ta-tuapé, seguindo o seu novo padrão visual.

Ao lado o exemplo de pintura em cami-nhão de entregas.

Shopping Metrô tatuapéManual de Identidade Visual

47

uniformes

Shopping Metrô tatuapéManual de Identidade Visual

48

uniformesModelo de aplicação da identidade visual

nos uniformes do corpo de funcionários doShopping Metrô Tatuapé.

Ao lado, modelos de uniformes para fun-cionários da limpeza e auxiliares em geral.

Shopping Metrô tatuapéManual de Identidade Visual

49

uniformesModelo de aplicação da identidade visual

nos uniformes do corpo de funcionários doShopping Metrô Tatuapé.

Ao lado, modelos de uniformes para segu-ranças e manobristas.

Shopping Metrô tatuapéManual de Identidade Visual

50

uniformesModelo de aplicação da identidade visual

nos uniformes do corpo de funcionários doShopping Metrô Tatuapé.

Ao lado, modelo de uniforme para aten-dentes de caixa do estacionamento e aten-dentes do guichê de informações.

Shopping Metrô tatuapéManual de Identidade Visual

51

pictograMaSe SetaS

Shopping Metrô tatuapéManual de Identidade Visual

52

pictogramas e setasConjunto de pictogramas e setas desen-

volvidos com base na nova identidade visualdo Shopping Metrô Tatuapé para serem apli-cados em todo o seu sistema de sinalização.

São eles, respectivamente: bebedouro,sanitário feminino, sanitário masculino, defi-cientes físicos, telefone, elevador, bicicletá-rio, frandário, proibido fumar, área parafumante, proibido estacionar, estaciona-mento, enfermaria, extintor de incêndio, es-cadas, área de alimentação e setas.

Shopping Metrô tatuapéManual de Identidade Visual

53

Sinalizaçãointerna

Shopping Metrô tatuapéManual de Identidade Visual

54

sinalização identificativaModelo de placas identificativas utilizadas na sinalização interna do Shopping Metrô Tatuapé, seguindo o seu novo padrão visual.

Placa identificativa vertical com pictogramaMaterial: poliestireno e aço escovado

Placa identificativa vertical com textoMaterial: poliestireno e aço escovado

Shopping Metrô tatuapéManual de Identidade Visual

55

sinalização identificativaModelo de placas identificativas utilizadas na sinalização interna do Shopping Metrô Tatuapé, seguindo o seu novo padrão visual.

Placa identificativa vertical com símbolo e textoMaterial: poliestireno e aço escovado

Placa identificativa vertical com pictograma e textoMaterial: poliestireno e aço escovado

Shopping Metrô tatuapéManual de Identidade Visual

56

sinalização direcionalPlaca direcional presa ao tetoMaterial: poliestireno, aço es-covado e correntes metálicas

Modelo de placa direcional utilizada na sinalização interna do Shopping Metrô Tatuapé, seguindo o seu novo padrão visual.

Shopping Metrô tatuapéManual de Identidade Visual

57

sinalização direcionalModelo de placa direcional utilizada na sinalização interna do Shopping Metrô Tatuapé, seguindo o seu novo padrão visual.

Placa direcional presalateralmente a paredeMaterial: poliestireno

e aço escovado

Shopping Metrô tatuapéManual de Identidade Visual

58

sinalização informativaModelo de placa informativa utilizada na sinalização interna do Shopping Metrô Tatuapé, seguindo o seu novo padrão visual.

Placa informativaMaterial: poliestireno

e aço escovado

i: informação

Shopping Metrô tatuapéManual de Identidade Visual

59

Placa informativaMaterial: poliestireno

e aço escovado

!: advertência

sinalização informativaModelo de placa informativa utilizada na sinalização interna do Shopping Metrô Tatuapé, seguindo o seu novo padrão visual.

Shopping Metrô tatuapéManual de Identidade Visual

60

Tela de LCD sensivel ao toque com sis-tema informatizado disponibilizando serviçosde mapas, pesquisas por categoria, pesquisapor loja, entre outros localizadas em pontosestratégicos do Shopping para a consulta eorientação do público.

sinalização orientativa

Tela LCD de 22” comsuporte em poliestireno

e aço escovado

Shopping Metrô tatuapéManual de Identidade Visual

61

Exemplo do funcionamento do sistemamostrando o trajeto que o usuário deve per-correr até a loja pesquisada.

sinalização orientativa

Shopping Metrô tatuapéManual de Identidade Visual

62

Sinalização externa

Shopping Metrô tatuapéManual de Identidade Visual

63

fachada

Shopping Metrô tatuapéManual de Identidade Visual

64

fachada

A fachada do Shopping Metrô Tatuapé compreende a pa-rede externa dos seus 3 últimos andares, a partir do telhadoda estação de ônibus, e é voltada para a Radial Leste no sen-tido bairro, e por causa do grande tráfego de pessoas e carrosnesse local, a fachada acaba tendo grande visibilidade, maiorque a entrada do metrô ou o totem que fica na entrada tra-seira do shopping, sendo o lugar ideal para a identificaçãoprincipal do shopping.

Shopping Metrô tatuapéManual de Identidade Visual

65

fachadaPara identificação principal do Shopping Metrô Tatuapé

a ser colocada na fachada deste, escolhemos uma estruturaem relevo no formato da versão horizontal da marca, com09 metros de altura por 20 metros de largura, feita de po-lipropileno resistente e oco, para que sejam dispostas emseu interior, lâmpadas para a iluminação noturna que a es-trutura deve ter.

Shopping Metrô tatuapéManual de Identidade Visual

66

estudo da fachadado shopping com a estruturada nova identidade

Shopping Metrô tatuapéManual de Identidade Visual

67

entrada interligada ao metrô

Shopping Metrô tatuapéManual de Identidade Visual

68

entrada interligada ao metrô

O Shopping Metrô Tatuapé faz ligação com a linha 3 – Ver-melha do metrô de São Paulo através de uma passarela queleva da saída do metrô direto a porta do shopping no PisoMetrô, e é ao longo desta passarela que encontram-se as prin-cipais placas externas do shopping orientando os passageirosdo metrô qual direção seguir.

Shopping Metrô tatuapéManual de Identidade Visual

69

Na nova identidade visual do shopping, as placas dapassarela e da entrada do Piso Metrô foram reformuladase ganharam novas peças, contendo as cores institucionaise a nova marca, assim criando maior identificação e me-lhor leitura, além de tornar a passarela menos poluída.

As placas são de plástico resistente e adesivados como novo logo do Shopping.

entrada interligada ao metrô

Shopping Metrô tatuapéManual de Identidade Visual

70

estudo da entrada doshopping interligada ao metrôcom as novas estruturas

Shopping Metrô tatuapéManual de Identidade Visual

71

totem

Shopping Metrô tatuapéManual de Identidade Visual

72

totem

Na entrada do Shopping, localizada na Rua Domingos deMorais com a Rua Tuití, encontra-se, junto às bandeiras doBrasil e do Estado de São Paulo, um outdoor com dimensõesde aproximadamente 3 x 4,5 metrôs em lona azul, sustentadopor duas hastes de metal, com o texto “Shopping Metrô Ta-tuapé” na cor branca, em uma tipografia diferente da utilizadaem seu logo e sem a presença de seu símbolo.

Shopping Metrô tatuapéManual de Identidade Visual

73

totemO novo totem consiste de 4 peças de plástico resistente,

sendo elas a base, um apoio central e duas faces com amarca em sua versão preferencial e em relevo. As peças sãoda cor cinza (e uma variante) e a marca apresenta as coresinstitucionais. O totem tem altura de 5 metros e largura de1 metro, aproximadamente.

Shopping Metrô tatuapéManual de Identidade Visual

74

estudo da entrada doshopping interligada ao metrôcom as novas estruturas

Shopping Metrô tatuapéManual de Identidade Visual

75

estacionamento

Shopping Metrô tatuapéManual de Identidade Visual

76

estacionamento

Em uma das entradas do shopping, localizada na Rua Do-mingos de Morais, encontra-se a entrada do estacionamentosinalizada por uma placa de difícil leitura.

Shopping Metrô tatuapéManual de Identidade Visual

77

estacionamentoA nova placa consiste de uma peça de uma combina-

ção de poliestireno e aço escovado na cor vermelha insti-tucional com a palavra 'estacionamento' escrita com oalfabeto padrão da identidade desenvolvida e dois picto-gramas de setas.

Shopping Metrô tatuapéManual de Identidade Visual

78

estudo da entrada doestacionamento com a novaproposta de placa

Shopping Metrô tatuapéManual de Identidade Visual

79

aplicativoS ioSe android

Shopping Metrô tatuapéManual de Identidade Visual

80

aplicativo tatuappAplicativo para smartphones e tablets com plataformas

IOS ou Android do Shopping Metrô Tatuapé. O aplicativoconta com inúmeros recursos para facilitar a interação dousuário para com o shopping, além de oferecer serviços einformações úteis.

Shopping Metrô tatuapéManual de Identidade Visual

81

Lojas

Buscar

Sair

Lista

Mapa

Lojas Buscar SairLista Mapa

Tela principal do aplicativo Tatuapp com a marca doShopping Metrô Tatuapé em destaque e o menu de telas,onde cada botão dá acesso a um serviço.

tela principal

Shopping Metrô tatuapéManual de Identidade Visual

82

Lojas

L O J A S

Access Quality

Akkar Soft

Alex Shoes

Alianças Lupatelli

All Parmegiana

Americanino

Any Any

Lojas

Buscar

Sair

Lista

Mapa

Lojas

L O J A S

Lojas Buscar SairLista Mapa

Access Quality

Akkar Soft

Alex Shoes

Alianças Lupatelli

All Parmegiana

Americanino

Any Any

Arezzo

Armazém

Tela do menu Lojas do aplicativo Tatuapp, onde é apre-sentada uma lista com as lojas disponíveis no ShoppingMetrô Tatuapé. Ao clicar sobre o nome da loja são exibidasmaiores informações e contatos da mesma.

tela lojas

playstoreRepresentação da página do aplicativo Tatuapp na loja

PlayStore do Google.

itunesRepresentação da página do aplicativo Tatuapp na loja

ITunes Store do ITunes.

Shopping Metrô tatuapéManual de Identidade Visual

85

smartphones e tabletsRepresentação de smartphones e tablets com

o botão do aplicativo Tatuapp.

Shopping Metrô tatuapéManual de Identidade Visual

86

smartphones e tabletsRepresentação de smartphones e tablets com

o botão do aplicativo Tatuapp.

Shopping Metrô tatuapéManual de Identidade Visual

87

Shopping Metrô tatuapéManual de Identidade Visual

88

top related