Projeto de Identidade Visual

784 visualizações

Publicada em

Projeto Elaborado em 2016 Para Estruturação de Identidade Visual e Modelo de Aplicação em Material de Divulgação e Backoffice.

Publicada em: Serviços
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
784
No SlideShare
0
A partir de incorporações
0
Número de incorporações
7
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Projeto de Identidade Visual

  1. 1. IDENTIDADEVISUALIDENTIDADEVISUAL ESTRUTURA DE NEGÓCIO IDENTIDADE VISUAL
  2. 2. IDENTIDADEVISUALIDENTIDADEVISUAL SUMÁRIO
  3. 3. IDENTIDADEVISUAL SUMÁRIO • Apresentação do Projeto; • Marca: – Histórico; – Proposta Horizontal; – Proposta Vertical; – Proposta Fundo Negativo; – Padrão Cromático; – Padrão Tipográfico; • Campanha; • Ambiente Digital: – Ícones; – Assinatura de E-mail; • Uniformes; • Papelaria: – Backoffice - Modelos de Documento; – Trade Marketing. • Slogan.
  4. 4. IDENTIDADEVISUALIDENTIDADEVISUAL APRESENTAÇÃO DO PROJETO
  5. 5. IDENTIDADEVISUAL POR QUE DEVEMOS ESTRUTURAR NOSSA IDENTIDADE VISUAL ? O conceito de Identidade Visual consiste no conjunto de elementos formais que representa visualmente e de forma sistematizada, um nome, uma ideia, um produto, uma empresa, instituição ou serviço. Esse conjunto de elementos costuma ter como base uma marca integrada a um logotipo e damos o nome de Logo. APRESENTAÇÃO DO PROJETO
  6. 6. IDENTIDADEVISUAL A logo faz parte da Identidade Visual. É um símbolo perceptivo, uma "expressão" simbólica associada a um conjunto de cores. Representa a "personalidade" da empresa. Geralmente a logo é composta por: • Nome (Logotipo) • Meme (Marca) Pode ser incluído: • Apresentação (Nome Completo) • Slogan (Definição do Negócio) APRESENTAÇÃO DO PROJETO
  7. 7. IDENTIDADEVISUAL • LOGO – Elemento reconhecido que inclui nome, símbolo ou marca de representação do produto oferecido. • LOGOTIPO – Arranjo de letras visualmente distinto no qual torna organizações reconhecidas pelo cliente. • MARCA – Grafismo de associação a determinada empresa que, de pronto, já se é reconhecido pelo cliente. APRESENTAÇÃO DO PROJETO
  8. 8. IDENTIDADEVISUAL APRESENTAÇÃO DO PROJETO Diversos fatores estão envolvidos na metodologia da criação, merecendo destaque: • A cultura da empresa; • O seu posicionamento no mercado; • A imagem perante o público; • Objetivos; • Visão; • Missão; • Valores.
  9. 9. IDENTIDADEVISUALIDENTIDADEVISUAL MARCA
  10. 10. IDENTIDADEVISUAL MARCA NOSSA MARCA DEFINE NOSSO MERCADO DE ATUAÇÃO? Marca: Representação simbólica de uma entidade, qualquer que ela seja, algo que permite identificá-la de um modo imediato como, por exemplo, um sinal de presença, uma simples pegada. Na teoria da comunicação, pode ser um signo, um símbolo ou um ícone. Uma simples palavra pode referir uma marca sendo que, devemos ter em mente seu nicho de atuação, clareza de sua proposta e entender graficamente a sua de prestação de serviço
  11. 11. IDENTIDADEVISUALIDENTIDADEVISUAL HISTÓRICO
  12. 12. IDENTIDADEVISUAL HISTÓRICO QUANDO FOI CRIADA A MARCA “PROTERJ”? A marca PROTERJ foi criada junto sua fundação, em 22 de março de 2011, onde a mesma apresentava a inscrição “Associação de Proteção Veícular do Rio de Janeiro” ou “Associação de Benefícios Coletivos do Rio de Janeiro” como parte de seu contexto, ora indefinido. Posteriormente, a inscrição foi alterada para “Associação de Benefícios Coletivos”, sendo retirado “do Rio de Janeiro” por intenção de expansão em território nacional.
  13. 13. IDENTIDADEVISUAL HISTÓRICO O logo usado anteriormente era em tom degradê e sem harmonização com sua descrição de negócio (Associação de Benefícios Coletivos), além da alteração e exclusão do termo “do Rio de Janeiro” em outra proposta.
  14. 14. IDENTIDADEVISUALIDENTIDADEVISUAL PROPOSTA VERTICAL
  15. 15. IDENTIDADEVISUAL VERTICAL A estrutura proposta para nossa logo incluiu a definição de um único tom de azul para a composição da marca e logotipo e a harmonização da descrição do nosso negócio com a letra “J”, criando uma melhor harmonia visual. O tom de azul para nossa descrição é diferenciado do tom usado para a marca e logotipo.
  16. 16. IDENTIDADEVISUALIDENTIDADEVISUAL PROPOSTA HORIZONTAL
  17. 17. IDENTIDADEVISUAL HORIZONTAL Para aplicação de nossa logo em um contexto horizontal, ou em miniatura, a proposta é o remanejamento da descrição de nosso negócio para a direita da marca + logo para melhor apresentação gráfica de nossa proposta. Os tons de azul são mantidos nessa representação.
  18. 18. IDENTIDADEVISUALIDENTIDADEVISUAL PROPOSTA COM FUNDO NEGATIVO
  19. 19. IDENTIDADEVISUAL FUNDO NEGATIVO Para aplicação de nossa logo em um fundo em tom escuro, deve-se utilizar nossos modelos propostos, sem o sombreado que compõe a marca, apenas o grafismo + logo como neste modelo aqui apresentado.
  20. 20. IDENTIDADEVISUALIDENTIDADEVISUAL PADRÃO CROMÁTICO
  21. 21. IDENTIDADEVISUAL PADRÃO CROMÁTICO Tonalidade RGB R = 025 G = 118 B = 222 Tonalidade CMYK C = 092 M = 052 Y = 000 K = 000 #1976de
  22. 22. IDENTIDADEVISUAL PADRÃO CROMÁTICO Tonalidade RGB R = 000 G = 050 B = 096 Tonalidade CMYK C = 099 M = 094 Y = 043 K = 011 #003260
  23. 23. IDENTIDADEVISUAL PADRÃO CROMÁTICO Tonalidade RGB R = 161 G = 157 B = 157 Tonalidade CMYK C = 043 M = 035 Y = 035 K = 001 #a19d9d
  24. 24. IDENTIDADEVISUAL PADRÃO CROMÁTICO Tonalidade RGB R = 217 G = 162 B = 032 Tonalidade CMYK C = 012 M = 043 Y = 096 K = 000 #d9a220
  25. 25. IDENTIDADEVISUALIDENTIDADEVISUAL PADRÃO TIPOGRÁFICO
  26. 26. IDENTIDADEVISUAL PADRÃO TIPOGRÁFICO QUAL A IMPORTÂNCIA TIPOGRÁFICA PARA A MARCA? Tipografia: (do gregos typos — "forma" — e graphein — "escrita") é a arte e o processo de criação na composição de um texto, física ou digitalmente. O objetivo principal é propor uma ordem estrutural e forma à comunicação escrita.
  27. 27. IDENTIDADEVISUAL PADRÃO TIPOGRÁFICO A família tipográfica Futura BT foi escolhida como família primária. A ausência de serifas a torna ideal para a composição de títulos e pequenos trechos de texto, e sua construção claramente geométrica complementa e enaltece a marca. Quanto aos aspectos técnicos é uma família bastante versátil, possuindo uma ampla variedade de pesos e versões condensadas, todas com seus respectivos itálicos.
  28. 28. IDENTIDADEVISUAL PADRÃO TIPOGRÁFICO Usada para os textos com enfoque e títulos. Por ser uma fonte mais espessa, deve ser utilizada em ocasiões específicas e não em todo o texto.
  29. 29. IDENTIDADEVISUAL PADRÃO TIPOGRÁFICO Usada para todo o corpo de texto do conteúdo em referência a nossa associação. É uma fonte limpa e de fácil leitura, além de passar uma imagem clara.
  30. 30. IDENTIDADEVISUALIDENTIDADEVISUAL CAMPANHA
  31. 31. IDENTIDADEVISUAL CAMPANHA NOSSA IMAGEM DEFINE NOSSO CONCEITO? Foi criada uma campanha com base no atual serviço oferecido – Programa de Proteção Automotiva (produto de vendas) que melhor define nosso conceito. Posteriormente a isso, a proposta seria uma nova campanha de enfoque a outros produtos oferecidos e uma “Campanha Matre” fortalecendo o ramo de atuação (Prevenção e Proteção = Tranquilidade) com hierarquia estruturada.
  32. 32. IDENTIDADEVISUAL CAMPANHA Campanha voltada para público recusado em seguradoras com nicho de atuação maior nas classes C, D e E ou com aceitação a proposta de proteção automotiva de baixo custo.
  33. 33. IDENTIDADEVISUAL CAMPANHA Preço psicológico de atração para nossos planos completos. Este se refere a assistência 24h 100km + Cobertura Adicional.
  34. 34. IDENTIDADEVISUAL CAMPANHA A opção por um vetor se deu pela atuação genérica de aceitação veicular. A escolha pelo modelo antigo foi pela atuação de branding para a Campanha e pela conexão que a imagem poderia trazer a marca.
  35. 35. IDENTIDADEVISUALIDENTIDADEVISUAL AMBIENTE DIGITAL
  36. 36. IDENTIDADEVISUAL AMBIENTE DIGITAL QUAL A INFLUENCIA EM MEU NEGÓCIO ? A internet mantem a empresa exposta por 24h, diariamente, permitindo que consumidores de todo o mundo nos conheçam (a vitrine do negócio). Dúvidas são sanadas pelo conteúdo exposto na web e o zelo pela informação passada dá credibilidade ao mercado de inserção. Todo material online deve passar a seriedade que o negócio exige. Para isso, deve-se ter um padrão de comunicação.
  37. 37. IDENTIDADEVISUALIDENTIDADEVISUAL ÍCONES
  38. 38. IDENTIDADEVISUAL ÍCONES POR QUE USAR O ARTIFÍCIO DOS ÍCONES? Ícone: (do gregos eikon — "imagem") É a arte e o processo de indicar rapidamente ao público o que determinada aplicação exerce ou apenas como uma fixação ideológica de respectiva marca. Os ícones não são meros elementos decorativos, e sim, parte essencial dos mecanismos de interação de qualquer interface que devem ser desenhados cuidadosamente.
  39. 39. IDENTIDADEVISUAL ÍCONES Apesar dos ícones terem limitações, seu uso adequado apresenta grandes vantagens: • Os ícones substituem um significado (ideia, conceito, ação…) representado por texto utilizando um espaço menor. • O significado da maioria dos ícones deve ser aprendido, porém isto não é problema quando o uso é muito frequente e repetido. • Os ícones também são adequados para interfaces onde é importante o aspecto visual e nem tanto a atividade. Faz parte integral da geração de interesse.
  40. 40. IDENTIDADEVISUAL ÍCONES Definiu-se o uso de ícones nas seguintes descrições: COMUNICAÇÃO AÇÃO NÃO VERBAL SINISTROS COBERTOS BENEFÍCIOS ASSISTENCIAIS AUTOMÓVEIS A escolha se deu para reforço visual de identidade gráfica + branding sobre nossa proposta de benefícios oferecidos ser exposta de forma impactante.
  41. 41. IDENTIDADEVISUAL COMUNICAÇÃO ENDEREÇOEMAILSITE
  42. 42. IDENTIDADEVISUAL COMUNICAÇÃO FALE CONOSCO TELEFONE
  43. 43. IDENTIDADEVISUAL AÇÃO NÃO VERBAL ASSOCIE-SE ATENDIMENTO ÁREA DO ASSOCIADO 2ª VIA DE BOLETO
  44. 44. IDENTIDADEVISUAL SINISTROS COBERTOS PNEU FURADO ACIDENTE COM PERDA TOTAL ROUBO ou FURTO
  45. 45. IDENTIDADEVISUAL SINISTROS COBERTOS CAPOTAMENTO COLISÃOENCHENTES
  46. 46. IDENTIDADEVISUAL SINISTROS COBERTOS PANE SECA PANE ELÉTRICA INCÊNDIO PÓS COLISÃO
  47. 47. IDENTIDADEVISUAL PLANOS – CARROS DE PASSEIO Os ícones foram escolhidos de acordo com os modelos aceitos na categoria “CARROS DE PASSEIO”.
  48. 48. IDENTIDADEVISUAL PLANOS – CARROS (ALUGUEL) Os ícones foram escolhidos de acordo com os modelos aceitos na categoria “CARROS DE ALUGUEL ou TÁXI”.
  49. 49. IDENTIDADEVISUAL PLANOS - MOTOS Os ícones foram escolhidos de acordo com os modelos aceitos na categoria “MOTOS”.
  50. 50. IDENTIDADEVISUAL BENEFÍCIOS ASSISTÊNCIAIS RASTREADORREDE DE DESCONTOS REBOQUE
  51. 51. IDENTIDADEVISUAL BENEFÍCIOS ASSISTÊNCIAIS CHAVEIROSOCORRO MECÂNICO TROCA DE PNEU
  52. 52. IDENTIDADEVISUAL BENEFÍCIOS ASSISTÊNCIAIS HOSPEDAGEMSOCORRO ELÉTRICO TÁXI
  53. 53. IDENTIDADEVISUAL BENEFÍCIOS ASSISTÊNCIAIS TRANSLADO DE CORPO MOTORISTA PARTICULAR CARRO RESERVA
  54. 54. IDENTIDADEVISUALIDENTIDADEVISUAL ASSINATURA DE EMAIL
  55. 55. IDENTIDADEVISUAL ASSINATURA DE EMAIL A assinatura de email deve ser informativa e passar os possíveis dados de contato por outros canais em caso de dúvidas.
  56. 56. IDENTIDADEVISUALIDENTIDADEVISUAL UNIFORMES
  57. 57. IDENTIDADEVISUAL UNIFORMES POR QUE DEVE-SE USAR UNIFORME? Profissionais vestidos com uniformes adequados, reforçam positivamente a imagem, confiabilidade, postura e organização de uma empresa. Além disso, motiva o profissional a executar suas funções com mais responsabilidade e compromisso e desperta nos mesmos um maior sentido de equipe e valorização de seu papel na empresa. As empresas se beneficiam com essa identificação.
  58. 58. IDENTIDADEVISUAL UNIFORMES É fato e merece destaque que o uniforme se tornou uma importante ferramenta de Marketing e o mercado enxerga seu uso como sinônimo de organização, eficiência e qualidade corporativa. Para isso, seguem 03 (três) motivos pelos quais o uniforme deve ser empregado no dia a dia da associação:
  59. 59. IDENTIDADEVISUAL UNIFORMES O uso adequado dos uniformes consolida a imagem de uma marca Eles são a primeira impressão! A padronização acaba conferindo à empresa valores como organização, cuidado com o funcionário e demonstra claramente a preocupação com a própria imagem. O uniforme causa um sentimento de pertencimento nos seus funcionários A vestimenta faz com que o funcionário se sinta mais integrado e em igualdade com os demais.
  60. 60. IDENTIDADEVISUAL UNIFORMES O seu uso é considerado uma ferramenta de Marketing mais eficaz que os meios tradicionais de propaganda Ao vestir o uniforme, os colaboradores acabam divulgando involuntariamente a marca corporativa. Assim, se pode alcançar lugares e pessoas que suas mídias tradicionais jamais alcançariam. Para isso, propõe-se uma análise na proposta do nosso atual uniforme.
  61. 61. IDENTIDADEVISUAL UNIFORMES O modelo de uniforme masculino atual é o representado graficamente ao lado. Há menção do logo bordado no lado esquerdo, na altura do peito e as cores respeitam o padrão cromático. A proposta foi passar credibilidade de identificação da empresa alem de confirmar que o atendente faz parte do corpo administrativo da mesma por estar devidamente identificado.
  62. 62. IDENTIDADEVISUAL UNIFORMES O modelo de uniforme feminino atual é o representado graficamente ao lado. Há menção do logo bordado no lado esquerdo, na altura do peito e as cores respeitam o padrão cromático. A proposta se iguala ao modelo masculino mas com um corte mais indicado.
  63. 63. IDENTIDADEVISUALIDENTIDADEVISUAL PAPELARIA
  64. 64. IDENTIDADEVISUALIDENTIDADEVISUAL BACKOFFICE MODELOS DE DOCUMENTOS
  65. 65. IDENTIDADEVISUAL PAPEL TIMBRADO Não havia um modelo de papel timbrado. A proposta foi passar credibilidade usando o mesmo padrão gráfico e utilizar o próprio material como um informativo de contato. No rodapé do papel timbrado constam informações da associação: • Telefones de contato; • Email de atendimento • Site • Facebook (para SAC e FAQ)
  66. 66. IDENTIDADEVISUAL ENVELOPE Foi incluída a informação de acesso a 2ª via do boleto e, na parte externa traseira, foi dado ênfase aos contatos de acesso. Também foi seguido o novo padrão cromático e tipográfico.
  67. 67. IDENTIDADEVISUAL CARTÃO DE VISITAS A parte frontal consta o nome do representante, cargo e sua forma de comunicação direta. Na parte traseira, os dados da empresa. O QR Code serve como chave de acesso ao nosso site (proterj.org.br), visando melhor apresentação do negócio com mobilidade na informação.
  68. 68. IDENTIDADEVISUAL CARTÃO CLUBE DE BENEFÍCIOS A parte frontal consta nosso logo, slogan e formas de contato (telefone e site), além de obedecer nosso padrão cromático e tipográfico. Na parte traseira, os dados do associado e a menção aos nossos parceiros de benefício (Givercard).
  69. 69. IDENTIDADEVISUAL PASTAS DE CONTRATO O modelo proposto segue a linha cromática mencionada. A proposta foi passar credibilidade usando o mesmo padrão gráfico de todo o material de backoffice.
  70. 70. IDENTIDADEVISUAL MODELOS DE DOCUMENTOS
  71. 71. IDENTIDADEVISUAL TABELA DE PRECIFICAÇÃO Não existia um modelo de tabela comercial de preços para representantes externos. A proposta inclui os ícones de veículos, de sinistros e de de comunicação, além da tabela vigente de nosso Programa de Proteção Automotiva (PPA).
  72. 72. IDENTIDADEVISUALIDENTIDADEVISUAL TRADE MARKETING
  73. 73. IDENTIDADEVISUAL FLYER Este modelo segue os padrões propostos, além de contar com a tabela de preços vigentes. Posteriormente sua criação, houve alteração na chamada.
  74. 74. IDENTIDADEVISUAL FLYER Este modelo se baseia no flyer anterior e conta com acréscimo de ícones de coberturas e benefícios, além de apresentação de nova parceria. Optou-se por ícones pelo apelo visual que passam e também pela forma de já transmitir a mensagem em construção.
  75. 75. IDENTIDADEVISUAL BANNER O modelo seguiu a padronização gráfica proposta. Optou-se pela inclusão das seguintes informações: • Chamada de atração; • Logo e site; • Imagem de ligação (branding); • Coberturas e assistências; • Espaço de preenchimento de contato do representante; • Telefones de contato.
  76. 76. IDENTIDADEVISUAL ESTRUTURA EM PDV Não havia um modelo de Painel Visual em Ponto de Venda (PDV). A proposta inicial foi associar a identidade visual que ainda estava em construção aliada a informação de negócio de forma clara, objetiva e acertiva.
  77. 77. IDENTIDADEVISUALIDENTIDADEVISUAL SLOGANS
  78. 78. IDENTIDADEVISUALIDENTIDADEVISUAL GARANTIMOS SUA TRANQUILIDADE COM PREVENÇÃO E PROTEÇÃO
  79. 79. IDENTIDADEVISUALIDENTIDADEVISUAL CRIANDO POSSIBILIDADES
  80. 80. IDENTIDADEVISUALIDENTIDADEVISUAL OBRIGADO! VERSÃO 2016: Elaborada Por Wiliam Brito

×