Criação de Marcas e identidades visuais - Euripedes Guimarães

EURIPEDES MAGALHÃES - @EURIPEDESM

Design de Marcas

CRIAÇÃO DE MARCA E IDENTIDADE VISUAL

O que define uma identidade visual?

IDENTIDADE

“Conjunto de características e circunstâncias que distinguem uma pessoa ou uma coisa* e graças àsquais é possível individualizá-la”

Dicionário Houaiss da Língua Portuguesa

PRA QUE SERVE IDENTIDADE VISUAL?

Marks of Excellence, 1997.

IDENTIDADE VISUAL

ATINGIR OBJETIVOS DO NEGÓCIO

identificação interna

redução de custos

identificação externa

incrementar vendas

PRA QUE SERVE IDENTIDADE VISUAL?

• Individualidade da marca - diferenciação.

• Expressar visualmente que tipo de organização o cliente é. (ex. formal x informal)

• Transmite atributos da marca. (segurança, confiança, etc)

• Conecta o cliente a imagens e ideias. (apple= cool! - Harley=potência - Volvo=segurança)

• Consistência nos canais de comunicação (sistematização)

• Torna a compra / memorização mais fácil para o consumidor

Jair Alves

QUANDO PENSAR EM IDENTIDADE VISUAL?

• Nova Empresa, novo produto, novo serviço.

• Aquisição, Fusão

• Reposicionamento

• Novo mercado

• Troca de nome

• Revitalização

Jair Alves

ANTES - DEPOIS

INTERNET

EM QUAIS MATERIAIS CONSISTEM A ID?

• Símbolo

• Logotipo

• Cor

• Tipografia

• Aplicações (papelaria, catálogos, produtos, embalagens, frota, uniformes, etc....)

Jair Alves

...E MAIS DO QUE NUNCA:

QUAL É MINHA IDENTIDADE?

CRIAÇÃO DE MARCA E IDENTIDADE VISUAL

Identidade Corporativa

IDENTIDADE CORPORATIVA

“...Identidade corporativa é o que a empresa é. E isso é muito sério, tem implicações. Você não é tudo o que gostaria: tem chulé, faz malcriações, acorda de mau homor. Uma empresa também. Não conheço nenhuma que seja um ícone de idealismo virtuoso...”

Lígia Fascioni

IDENTIDADE CORPORATIVA

“...o designer (e às vezes, nem isso) centraliza todo o seu trabalho na equivocada pergunta ‘qual a imagem que o senhor quer passar na marca da sua empresa?’, quando deveria começar o trabalho questionando ‘quem é a sua empresa?’...”

Lígia Fascioni

DIFERENÇAS ENTRE IC E ID

Lígia Fascioni, 2010

IDENTIDADE DESCRIÇÃO

Corporativa

Visual

Conjunto de atributos intangíveis (psicológicos) que definem quem a empresa é.

É o sistema que traduz a identidade da empresa em termos visuais: define usos para cores,

símbolos, tipografias, formas e grafismos a serem usados para identificar visualmente a empresa.

ATRIBUTOS DE UMA MARCA

Lígia Fascioni, 2010

IDENTIDADE

Essenciais

Acidentais

DESCRIÇÃO

Relacionados ao caráter, representam a essência e praticamente não mudam. Sofrem apenas variações

sutis de ênfase ao longo do ciclo de vida.

Relacionados às manifestações físicas, materiais, conjunturais. Mudam com frequência e se adequam

às diversas fases do ciclo de vida da empresa.

“Quanto mais muda, mais é a mesma coisa.”

Alphonse Karr

A Profa. Dra. Lígia Fascioni acredita que para uma fusão ou aquisição funcionar, é preciso assegurar que as identidades das empresas envolvidas sejam compatíveis.

ATRIBUTOS DE UMA MARCA

ATRIBUTOS DE UMA MARCA

CRIAÇÃO DE MARCA E IDENTIDADE VISUAL

E o Digital?

O design de marcas na era contemporânea deve pensar que os pixels são por vezes o suporte complementar da identidade e por vezes o suporte principal de apresentação da marca.

E o meio digital não se resume obviamente à uma página web.

MARCAS NO MEIO DIGITAL

No livro “DNA Empresarial”, a Profa. Dra. Lígia Fascione fala sobre a identidade líquida. Aqui podemos citar as “marcas líquidas”.

Líquidos, fluidos se adequam ao espaço onde são inseridos, se adequando as formas do espaço e adentrando profundamente em todas as reentrâncias existentes.

DESIGN LÍQUIDO

Tanto como nascer “offline” e se tornar “online”, a marca pode sair do digital e partir para o físico, em expansões praticamente infinitas.

Isso deve ser levado em consideração no design de marcas. Não é possível mais desassociar uma situação da outra.

DESIGN LÍQUIDO

O design de marcas não é só o design para um símbolo gráfico que vai estar em algum site, mas também design para sistemas integrados digitais e gráficos, onde essa marca tem que se expandir coerentemente e integralmente.

INTERFACE

Culturalmente, o Brasil ainda não é um país acostumado a consumir design de qualidade (não estou falando de design de carros).

É papel do designer “educar” o cliente para que para que essa cultura cresça e se solidifique.

CULTURA DE CONSUMO DE DESIGN

BRAINSTORM X ABORDAGEM METODOLÓGICA

Como fazer design?

Muitos profissionais divergem sobre a forma mais correta de definir uma estratégia, metodologia ou sequência de trabalho para se definir o design de uma marca.

O PROCESSO CRIATIVO

“Não sei se existe a inspiração, mas se ela vier, vaime encontrar trabalhando”.

Pablo Picasso

EXPERIMENTAÇÃO

Rafic Farah

O símbolo e o logotipo devem ter algum conceito relacionado ao tipo de negócio da empresa, deve refletir o que a marca quer passar.

CONCEITUAÇÃO

Nike deusa grega da vitória.O símbolo desenhado por Carolyn Davidson, representa a abstração da asa de uma estátua desta deusa.

BRAINSTORM X ABORDAGEM METODOLÓGICA

Processo Criativo

“O norte do designer é a cultura”

Claudio Ferlauto

Segunda a Profa. Msc. e artista Martha Gabriel a criatividade está vinculada a bloqueios e preconceitos que fazem parte da nossa formação cultural.

Alguns fatores que inibem a criatividade segundo Martha. Gabriel, além da preguiça:

• Rótulos• Riscos• Ego• Dinheiro• Ambiente

COMO SER CRIATIVO

• Veja muitas referências

• Conheça o que o mercado está fazendo

• Seja entusiasta

• Pratique alguma atividade relacionada artes ou diversão (música, leitura, dança, teatro, cinema)

COMO SER CRIATIVO

“A solução mora no problema”

Rico Lins

Dados, dados, dados, pesquisa, pesquisa, pesquisa. Todas as informações que forem encontradas são importantes, entender a IDENTIDADE CORPORATIVA vai ajudar no design da marca.

Dados de planejamento, objetivos de branding, pesquisa de comportamento do consumidor, tendências do seguimento...

CAMINHOS

• Concorrentes

• Mercado semelhante

• Problemas da marca existente

• Qualidades da marca existente

• Objetivos primários e secundários

PARA ANALISAR

DEFINIÇÃO DO PROBLEMA

• QUAL A FUNCIONALIDADE DO PRODUTO/SERVIÇO?

• QUAL O OBJETIVO FINAL DESSE PRODUTO/SERVIÇO?

PROCESSO CRIATIVO POR BRUNO MUNARI

DF COLETA E ANÁLISE

• EXISTE ALGO NO MERCADO?

• QUAL O PÚBLICO?

• O QUE JÁ FOI FEITO?

• O QUE OBTEVE SUCESSO RELACIONADO A ISSO?

PROCESSO CRIATIVO POR BRUNO MUNARI

DF CD CRIATIVIDADE

• PAINEL SEMÂNTICO

• RELAÇÕES VISUAIS

• RELAÇÕES MUSICAIS

• CONCEITOS DE DESIGN

PROCESSO CRIATIVO POR BRUNO MUNARI

PROBLEMA: Marca para empresa provedora de acesso web

DEFINIÇÃO DO PROBLEMA: Apresentar a versatilidade da empresa e sua agilidade de atendimento e qualidade de serviços

EXEMPLO:

COLETA DE DADOS

PALAVRAS-CHAVE:Mundo, Internet, Conexão, Versatilidade

IMAGENS:

EXEMPLO:

SOLUÇÃO

EXEMPLO:

DIAGNÓSTICO DA SITUAÇÃO DE PROJETO

SOLUÇÃO PRELIMINAR

TESTAGENS

SOLUÇÃO

PROJETO DAS APLICAÇÕES

PRODUÇÃO DO MANUAL DE IDENTIDADE

IMPLANTAÇÃO DO SISTEMA

PROCESSO CRIATIVO POR MARIA LUÍSA PEÓN

COMO BUSCAR REFERÊNCIAS

Livros, internet, amigos, pesquisas compradas, pontos de venda, qualquer experiência ajuda no processo.

O painel semântico pode ser uma ótima ferramenta, pois cria um padrão visual que auxilia na percepção das relações entre os assuntos.

• Anote tudo

• Guarde tudo

TÉCNICAS DO CAMPO SEMÂNTICO

Painel Semântico

“Criar é associar dados nunca antes associados”

Claudio Ferlauto

PAINEL SEMÂNTICO

Semântica é o estudo do significado da linguagem.

O painel semântico é um guia de referências rápido, ele pode ser formatado de diversas maneiras de acordo com a necessidade do projeto ou área de atuação.

Ele pode conter:

• Somente imagens (referências visuais)

• Somente textos (conceitos e palavras-chave)

• imagens e textos interrelacionados

PAINEL SEMÂNTICO - EXEMPLOS

PAINEL DE QUALIDADES

Fonte: http://1001cordeis.blogspot.com/2008/09/painel-semntico.html

PAINEL SEMÂNTICO - EXEMPLOS

PAINEL ICONOGRÁFICO

Fonte: http://1001cordeis.blogspot.com/2008/09/painel-semntico.html

Fonte: http://www.arthursoares.com

PAINEL SEMÂNTICO - EXEMPLOS

EXPRESSÃO DO PRODUTO - REFERÊNCIAS VISUAIS - ESTILO DE VIDA

PAINEL SEMÂNTICO - EXEMPLOS

Fonte: http://fernandasegolin.wordpress.com

http://www.youtube.com/watch?v=fDwRMmqAwV0

PAINEL SEMÂNTICO

CONSTRUINDO A MARCA

Cores

CORES

Não é necessário citar a importância das cores, que envolve estudos longos e importantes, mas também ela é fator determinante na apresentação coerente dos conceitos aplicados na marca.

Existem significados psicológicos para cores, Modesto Farina em seu livro cita essas sensações e possíveis aplicações em diversos meios.

Exemplo do azul:• associação material: montanhas longínquas, frio, mar, céu, gelo, feminilidade, águas tranquilas• associação afetiva: espaço, viagem, verdade, sentido, afeto, infinito, sentimento profundo, meditação

CORES

Levar em consideração

Cor RGB - TELA

Cor CMYK - IMPRESSÃO

Cor Pantone - COR ESPECIAL

Cada cor tem uma aplicação específica, porém elas devem manter a identidade em diversos meios, por isso é importante escolher cores e criar cores que podem ser facilmente utilizadas tanto na web quanto fora dela.

CORES

Com aplicações simples dos símbolos da marca e com um foco grande nas cores, conseguimos identificar facilmente uma empresa.

Marcelo Trevisani defende “Marca é a cultura e as experiências que residem na mente de cada consumidor a respeito de um produto ou serviço de uma empresa.”.

E as cores ajudam nesse processo.

CORES

O designer Alexandre Wollner defende o uso de poucas cores na criação de marcas, para que seja facilmente identificada e para que seja mais prática e barata nos processos de impressão.

CONSTRUINDO A MARCA

A marca como símbolo

SÍMBOLO

Acredita-se que o sonho de cada marca é ser sintética suficiente para que o nome escrito da marca possa ser excluído.

Obviamente isso vai depender da força da marca e quanto a marca está na mídia, depende da força que essa marca tem. Normalmente acontece com marcas mais antigas, mas hoje em dia já acontece com marcas que são usadas diariamente.

Jair Alves

Alexandre Wollner

SÍMBOLO

Os símbolos são elementos identificadores que apóiam o conceito da marca e o representam, a partir de determinado momento podem se tornar até objetos de desejo e compra.

CONSTRUINDO A MARCA

Tipografia

A TIPOGRAFIA NAS MARCAS

Tipografia vai além do simples desenho da fonte (caracteres), tipografia tem relação com a forma com que a LETRA É USADA, isso engloba diagramação, uso das cores e um forte pensamento em linguagem visual.

“A tipografia é acara da linguagem”

Ellen Lupton

TIPOGRAFIA

Com tipografia é possível trazer situações visuais que englobem as sensações desejadas.

Trabalhe pesos e formas de acordo com a necessidade.

A TIPOGRAFIA NAS MARCAS

Existem muitas marcas que são criadas somente com tipos.

Simplicidade!!!

A TIPOGRAFIA NAS MARCAS

Fontes têm história, a maioria delas foi criada com um propósito industrial.

Neoclássica, século 18 Romântica, séculos 18 e 19

Renascentista, séculos 15 e 16 Barroca, século 17

• eixo humanista• terminais precisos• abertura grande• itálico equivalente

• traço modulado• eixo racionalista• terminais em gota• terminais em botão

Elementos do estilo tipográfico

A TIPOGRAFIA NAS MARCAS

Fontes têm história, a maioria delas foi criada com um propósito industrial.

Modernista lírica, século 20 Pós-moderna, século 21

Realista, séculos 19 e 20 Modernista geométrica, século 20

• eixo vertical• serifas ausentes• peso igual• itálico ausente

• traço modulado• eixo humanista• serifas oriundas da pena• serigas afiadas

Elementos do estilo tipográfico

A TIPOGRAFIA NAS MARCAS

Devemos lembrar que muitas fontes são feitas para a tela ou para a impressão.

Devemos contar com o “hint” da fonte?

E as telas de alta resolução?

Helvetica Verdana

Times Georgia

A TIPOGRAFIA NAS MARCAS

Hoje já é possível embedar fontes no html ou hospedar a fonte em servidores específicos, que pode facilitar ou até mesmo acabar com a necessidade de utilizar fontes substitutas no html.

TIPOGRAFIA

Use famílias e suas variações na identidade visual.

Se a fonte da marca for uma fonte específica, procure uma fonte de apoio. Pode ser definida também uma fonte “display” para títulos e uma fonte mais voltada para leitura, texto.

http://www.youtube.com/watch?v=CAV0XrbEwNc

TIPOGRAFIA AJUDA, E MUITO

http://www.youtube.com/watch?v=a2J8KJDsqqY

A TIPOGRAFIA NAS MARCAS

http://www.youtube.com/watch?v=Elo7WeIydh8

TIPOGRAFIA AJUDA, E MUITO

CONSTRUINDO A MARCA

Conclusões

CONCLUSÕES

Devemos sempre levar em consideração:

• contexto• conceito• aplicações• tecnologias• suportes• estética• cores

Marca é a síntese dos conceitos de design e da empresa, aplicados em um signo gráfico visual.

CONCLUSÕES

E também é importante pensar:

• tridimensionalidade• animações• materiais promocionais• sinalização• e muito mais

Pense globalmente (para tudo).

http://www.youtube.com/watch?v=cFnL4eo2094

MARCA DAS OLIMPÍADAS

DIGITALKS

• Pensar com tipos - Ellen Lupton• Projeto tipográfico - Cláudio Rocha• Elementos do estilo tipográfico - Robert Bringhust• Sistemas de identidade visual - Maria Luísa Peón• Das coisas nascem coisas - Bruno Munari• Psicodinâmica das cores em comunicação - Modesto Farina• DNA Empresarial - Lígia Fascioni • Gestalt do Objeto - João Gomes Filho

Links úteis e bibliografia

DIGITALKS

• http://typekit.com• http://typeface.neocracy.org/examples.html• http://www.logodesignlove.com• http://logofaves.com• http://www.logomoose.com• http://logooftheday.com• http://www.logopond.com• http://38one.com/cleverblog

Links úteis e bibliografia

DIGITALKS

web: www.euripedes.com.brmail: euripedes@euripedes.com.brtwitter: @euripedesm

MAIS:www.futurecast.com.brhttp://posmktdigital.wordpress.com/www.twitter.com/mktdigimpacta

Obrigado