Upload
manuela-ribeiro
View
236
Download
1
Embed Size (px)
DESCRIPTION
Manual Shopping Metrô Tatuapé
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