manual shopping metrô tatuapé

Shopping Metrô tatuapéManual de Identidade Visual

1


í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


4

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


6

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


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.


8

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


9

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

e vertical meio-tom em positivo e negativo.


10

cores institucionaisAplicação da marca nas cores institucionais,

nas versões horizontal e vertical.


11

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

zontal e vertical em positivo e negativo.


12

acromático emcores institucionais

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


13

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


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.


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.


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.


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.


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.


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.


20

elementos secundários


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.


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


23

papelaria BÁSica


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


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.


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é.


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é.


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é.


29

folhetoModelo de folheto promocional nas di-

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


30

MídiaS digitaiS


31

site insitucional


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.


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.


35

template word


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.


37

template powerpoint


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.


39

template powerpoint


40

coMpleMentoS


41

crachá


42

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

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


43

frota


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.


45



Ao lado o exemplo de envelopagem emcarro utilitário.


46



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


47

uniformes


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.


49



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


50



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


51

pictograMaSe SetaS


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.


53

Sinalizaçãointerna


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


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


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.


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


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


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.


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


61

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

sinalização orientativa


62

Sinalização externa


63

fachada


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.


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.


66

estudo da fachadado shopping com a estruturada nova identidade


67

entrada interligada ao metrô


68


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.


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.



70

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


71

totem


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.


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.


74

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


75

estacionamento


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.


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.


78

estudo da entrada doestacionamento com a novaproposta de placa


79

aplicativoS ioSe android


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.


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


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.


85

smartphones e tabletsRepresentação de smartphones e tablets com

o botão do aplicativo Tatuapp.


86

smartphones e tabletsRepresentação de smartphones e tablets com

o botão do aplicativo Tatuapp.


87


88

manual shopping metrô tatuapé

Documents