identidade de marca infosoft
Uma marca não é um logotipo. Nem um nome.
2. Ser apropriada:
Marca é tudo que remete ao seu público uma
O signo precisa transmitir as características
organização. Pode ser um som, um cheiro, uma
da empresa, como a criatividade, a tecnologia
cor, uma pessoa, e, claro, também, um logotipo.
empregada, a competência e a honestidade.
A identidade de marca, por ser altamente tangível
3. Ser simples
e familiar ao público em geral, é um dos ativos
Identificamos mais facilmente formas
mais importantes de uma marca. Ela é a soma
simples. Se formos desenhar logotipos
das formas visuais da empresa e sua utilização.
apenas a partir de nossa memória, lembraremos apenas dos aspectos principais
A identidade de marca da Infosoft foi constrída
e genéricos desta marca. Criar uma marca simples
com base em quatro características
é facilitar a sua memorização e a sua identificação
importantíssimas na criação de uma marca forte. 4. Parecer a mesma: 1. Ser memorável:
A identidade de marca não deve sofrer alterações
O signo da marca precisa ser único, simples e
não planejadas. Seja no site, cartão de visitas,
diferenciado dos da concorrência. Isso torna sua
cartaz, outdoor, aplicativo de smartphone,
identificação rápida, fazendo com que, com o
grandes tamanhos ou pequenos, ela tem que
tempo, não seja necessária a utilização do
ser a mesma, sem sofrer interferências.
nome junto ao símbolo para sua identificação.
/ diferenciação
infosoft / indentidade de marca
pesquisa o que já existe para não fazer igual. A pesquisa inicial sobre a concorrência mostrou para que lado não se poderia seguir para alcançar o objetivo desejado.
Concorrência
O primeiro passo para a diferenciação é conhecer
Além disso, descobriu-se que há outras empresas com o mesmo nome. Isso apontou alguns aspectos de identidade visual que deveriam ser descartados para que a identidade de marca da empresa fosse única e singular, fugindo do lugar comum e das características semelhantes entre outras
Empresas com mesmo nome
marcas do mesmo segmento.
/04
isso ĂŠ ĂŠ diferente?
bom!
/05
/ construção do ícone
ponto de partida
infosoft / indentidade de marca
icial
conceito in
O ponto zero da criação do ícone da marca foi a união da letra i e da letra n. O motivo, além da sonoridade do in de infosoft, foi fugir dos logotipos mostrados anteriormente, onde alguns já utilizavam
i+n
a união do i+s ou apenas o i, de forma estilizada. O projeto visa diferenciar a marca dos concorrentes através de uma representação gráfica criativa, moderna e flexível.
+
Os signos visuais procuram estabelecer padrões de aplicação para a construção de uma identidade forte, duradoura e diferenciada.
conceito inicial modificado
Com isso, atinge-se os 4 pontos iniciais citados: ser
n
memorável, apropriada, simples e ser sempre a mesma. Em relação ao formato principal (o quadrado), é uma forma de linhas essencialmente retas, o que denota
+
modernidade e seriedade. Por ter dimensões simétricas (lados iguais), traz a sensação de um trabalho bem feito, sem erros ou falhas. Além disso, permite uma grande reduação, ajudando no momento de trabalhar no ambiente virtual.
/06
i
infosoft / indentidade de marca
/ construção do ícone
o ícone O formato quadrado facilita a aplicação em meios digitias, como programas, websites e aplicativos diversos. As cores, em tons de azul, remetem ao logotipo anterior, preservando esta importante característica. Uma cor que casa com o conceito nova da marca, uma vez que transmite serenidade, profissionalismo e superioridade, no sentido da qualidade do serviço/produto. As formas retas garantem uma limpeza no cojunto visual, com o o "i" em dividido pelo "n" de forma ascendente traduz o aspecto de crescimento e de evolução da empresa. O padrão ao fundo, como veremos adiante, é um importante elemento de apoio da marca. Ele simboliza as etapas de um projeto de programação, uma sustentando a anterior, aplicando qualidade e solidez ao conjunto.
/07
/ construção da tipografia
infosoft / indentidade de marca
infosoft
o tipo Com base na linha de fontes Sansation, a parte tipográfica do logotipo foi reajustada para que ficasse mais harmonica e com espaçamento
x
sansation
melhor acabado. Uma fonte sem serifas e com curvas bem acabadas, traduzindo a modernidade algo bem feito.
o
sobrepost
Além disso, seu tamanho tem base no ícone do logotipo.
/08
l
a versão fin
/ o logotipo
infosoft / indentidade de marca
1/2x
assinaturas O logotipo completo, além de aplicações diferentes de acordo com o fundo em que está inserido como é exemplificado adiante, possui três formas básicas.
v1
A primeira é o formato padrão, que deve ser utilizado com preferência. Em seguida, por ordem de preferência, a utilização do formato 2. Em último caso, apenas em assinaturas pequenas onde o nome facaria
v2
ilegível, está a versão 3.
1/2x
v3
x
1/3x /09
/ cores
principais e secundárias
infosoft / indentidade de marca
cmyk: 085-050-000-000 | rgb: 11-118-182 : #0b76b6 cmyk: 100-050-000-050 | rgb: 0-68-110 : #00446e cmyk: 100-050-000-025
| rgb: 0-92-145 : #005c91
As cores principais da marca
cmyk: 085-050-000-010
| rgb: 11-109-166 : #0b6da6
são as cores institucionais, ou padrões.
cmyk: 070-015-000-000
| rgb: 0-172-220 : #00acdc
cmyk: 050-015-000-000
| rgb: 98-183-223 : #62b7df
Já a paleta de cores secundárias são variações para aplicações em materiais
cmyk: 050-005-000-000 | rgb: 77-200-236 : #4dc8ec
e produtos diversos, fazendo com que a marca
cmyk: 035-000-000-000 | rgb: 136-221-246 : #88ddf6
mude mas mantenha sua essência.
cmyk: 025-050-000-000 | rgb: 172-230-248 : #ace6f8
Definições Paleta Laranja: cmyk: 000-080-095-000 | rgb: #ff4f38 cmyk: 000-080-095-050 | rgb: #ca3f2c cmyk: 000-050-100-000 | rgb: #ff8d3b cmyk: 000-050-080-000 | rgb: #ff8e55 cmyk: 000-035-100-000 | rgb: #ffaa40 cmyk: 000-025-085-000 | rgb: #ffbe57 cmyk: 000-000-085-000 | rgb: #fff161 cmyk: 000-000-050-000 | rgb: #fff6a2 cmyk: 000-000-025-000 | rgb: #fffacf cmyk: 000-000-000-000 | rgb: #ffffff Definições Paleta Verde: cmyk: 080-010-045-000 | rgb: #00a89c cmyk: 080-010-045-050 | rgb: #00665e cmyk: 070-005-035-000 | rgb: #03b6b0 cmyk: 060-005-025-000 | rgb: #2bbec0 cmyk: 040-005-020-000 | rgb: #88cdcb cmyk: 035-005-010-000 | rgb: #95d2dc cmyk: 025-005-005-000 | rgb: #b1dbe8 cmyk: 020-000-000-000 | rgb: #bcebfa cmyk: 010-000-000-000 | rgb: #dcf4fd cmyk: 000-000-000-000 | rgb: #ffffff Definições Paleta Roxa: cmyk: 075-100-000-000 | rgb: #6c2f8b cmyk: 075-100-050-000 | rgb: #420154 cmyk: 075-100-025-000 | rgb: #57206f cmyk: 075-085-000-000 | rgb: #624a97 cmyk: 060-070-000-000 | rgb: #7b62a5 cmyk: 045-060-000-000 | rgb: #9773af cmyk: 035-050-000-000 | rgb: #ab86b9 cmyk: 015-025-000-000 | rgb: #d6bdd9 cmyk: 005-010-000-000 | rgb: #efe3ef cmyk: 000-000-000-000 | rgb: #ffffff
/10
cmyk: 000-000-000-000 | rgb: 255-255-255 : #ffffff
/ variações de uso
orientações As variações de uso dizem respeito às várias maneiras de se utilizar o logotipo. Para que não haja restrições em seu uso, existem duas orientações básicas que devem ser seguidas ao usar o logotipo. A primeira é a utilização do logotipo em cor, azul com padrão interno, sempre que o fundo for branco ou cor sólida. A segunda, é a utilização do logotipo em branco, ou preto, sem o padrão interno, sempre que o fundo for colorido ou uma imagem. Estas orientações servem tanto para impressos quanto para vídeos e web.
/12
infosoft / indentidade de marca
infosoft / indentidade de marca
/ variaçþes de uso
/13
/ alfabeto da marca
infosoft / indentidade de marca
orientações O alfabeto da marca diz respeito
Sansation Regular
aos tipos, ou fontes, padrões que
AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
devem ser utilizados na comunicação da empresa. Eles auxiliam a formação de uma
Sansation Bold
identidade, além de garantir a legibilidade
AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
e qualidade de textos, títulos, subtítulos, etc. O tipo Sansation e suas variações são destinadas à títulos e pequenos
Sansation Italic
textos, como uma chamada, um outdoor,
AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
um slogan, ou anúncio. O tipo Humble Begninnings, por ter um formato cursivo, deve ser evitado
Sansation Light
em textos longos ou técnicos,
AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
sendo utilizado apenas em casos muito específicos, como em anúncios ou materiais mais criativos, mas, mesmo assim, apenas em textos curtos. A família Myriad Pro é destinada a textos longos, como este que você está lendo. Apesar de ser um tipo sem serifa, apresenta boas condições de uso em parágrafos e frases, sem cansar o leitor.
/14
Humble Beginnings
AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
/ alfabeto da marca
infosoft / indentidade de marca
Myriad Pro Regular AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
Myriad Pro Bold AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
Myriad Pro Italic AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
Myriad Pro Bol Condensed AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
Myriad Pro Condensed AaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz 0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |
/15
/ elemento de apoio
infosoft / indentidade de marca
01 O elemento gráfico de apoio de uma
02
marca é uma ferramenta importante não só para a afirmação dela, mas pode ser também algo que a defina de forma sutil e quase imperceptível. No caso da Infosoft, este elemento busca transmitir a criatividade e o aspecto tecnológico da marca. Sua utilização é simples, a partir da duplicação do padrão, podendo ser utilizada em materiais de expediente, como veremos adiante, frotas, adesivos, campanhas publicitárias, decoração do escritório e tudo mais que possa se enquadrar sua aplicação. A soma do padrão presente ao fundo do logotipo com as cores da marca resultam o pattern ao lado, que quando duplicado formam os fundos coloridos que se apresentaram até aqui.
/16
03
04
A duplicação do elemento é simples, como mostra a figura acima: Duplica-se a direita até o final do espaço a ser preenchido e, abaixo, pulando o primeiro quadrado e assim por diante.
infosoft / indentidade de marca
/ elemento de apoio
/17
/ elemento de apoio
/18
infosoft / indentidade de marca
infosoft / indentidade de marca
/ elemento de apoio
/19
/ produtos infosoft
construindo uma
infosoft / indentidade de marca
identidade O ícone da marca, pela sua flexibilidade de
Além de criar uma unidade dentro dos
Nesta seção serão abordados os três principais
uso, deve ser utilizado como link entre a
setores da organização, fortalece a marca
produtos da empresa, mas é importante que
imagem do produto e a imagem da empresa.
e difere o produto dos seus concorrentes.
futuros novos produtos utilizem a mesma
*Psicodinâmica das cores em comunicação - Modesto Farina, ed. 2006.
maneira de identificação gráfica.
/20
iCommerce :
iClinic:
iProcess:
Principal produto da empresa,
Representando cerca de 5% das vendas
O iProcess representa, também, cerca
responsável por 90% das vendas, é
da empresa, o iClinic tras uma solução
de 5% das vendas da empresa. O software
um software de solução de automação
para automação de consultórios médicos.
é uma solução para automação de escritórios de advocacia.
comercial para empresas de pequeno e médio porte (Supermercados,
Neste caso, as cores são mais calmas e
Farmácias, Lojas de Vestuário, Agropecuárias,
serenas, em tons de verde-azulado*,
Buscando um tom sério dos escritórios
Padarias).
assim como a decoração de
de advocacia, mas sem perder as
consultórios e clínicas médicas.
características de criativade da infosoft,
Devido ao fato de ser destinado a empresas
os tons de roxo* trazem ao mesmo tempo
do comércio, as cores escolhidas são os tons
a sensação de justiça e calma, sem perder
de laranja*, uma cor enérgica e dinâmica,
a energia de um ambiente criativo.
assim como a atividade em que está inserido.
/ produtos infosoft / icommerce
infosoft / indentidade de marca
embalagem do software
a
topo da caix
/21
/ produtos infosoft / iclinic
infosoft / indentidade de marca
embalagem do software
a
topo da caix
/22
/ produtos infosoft / iprocess
infosoft / indentidade de marca
embalagem do software
a
topo da caix
/23
/ papelaria e material de expediente
união de linguagem A papelaria e material de expediante desenvolvidos para a empresa visa, assim como os outros itens, linkar através de elementos gráficos todas as peças, criando um conjunto peculiar e adequado. É através dessa união de linguagem visual que inicia-se o processo de criação da identidade da empresa.
/24
infosoft / indentidade de marca
infosoft / indentidade de marca
/ papelaria e material de expediente
/25
/26
/27
/ variações de uso
ícones A comunicação hoje passa, invariávelmente, pelo mundo do mobile. Por isso, é necessário se assegurar de que a identidade da empresa não se perca em momento algum, inclusive em um simples ícone de aplicativo.
/28
infosoft / indentidade de marca
infosoft / indentidade de marca
/ variações de uso
facebook fanpage A idendidade da marca não se perde no Facebook. Com um ícone de fácil aplicação na forma de avatar e elementos de apoio simples de utilizar, a página na rede social auxiliará na criação do nome da marca.
/29
/ varições de uso
estrutura caixa Seja em um toten de identificação ou mesmo em uma escultura para de coração, a forma do ícone permite que ele venha à vida tridimensionalmente. Uma caixa de acrílico com iluminação interna é o mais indicado para conseguir o efeito da imagem ao lado.
/30
infosoft / indentidade de marca
JULIO BERTOTTI
IDENTIDADE DE MARCA INFOSOFT
JULHO, 2013.
DIRECAO DE ARTE