32
identidade de marca infosoft

Identidade de marca infosoft

Embed Size (px)

DESCRIPTION

Identidade de marca criada para a empresa de criação de softwares Infosoft. O projeto pretende diferenciar a marca dos seus concorrentes através de elementos visuais que a tornem dinâmica, criativa e moderna. Além disso, adota uma linguagem gráfica apropriada, memorável e simples.

Citation preview

Page 1: Identidade de marca infosoft

identidade de marca infosoft

Page 2: Identidade de marca infosoft
Page 3: Identidade de marca infosoft

2. Ser apropriada:

O signo precisa transmitir as características

da empresa, como a criatividade, a tecnologia

empregada, a competência e a honestidade.

3. Ser simples

Identi�camos mais facilmente formas

simples. Se formos desenhar logotipos

apenas a partir de nossa memória,

lembraremos apenas dos aspectos principais

e genéricos desta marca. Criar uma marca simples

é facilitar a sua memorização e a sua identi�cação

4. Parecer a mesma:

A identidade de marca não deve sofrer alterações

não planejadas. Seja no site, cartão de visitas,

cartaz, outdoor, aplicativo de smartphone,

grandes tamanhos ou pequenos, ela tem que

ser a mesma, sem sofrer interferências.

Uma marca não é um logotipo. Nem um nome.

Marca é tudo que remete ao seu público uma

organização. Pode ser um som, um cheiro, uma

cor, uma pessoa, e, claro, também, um logotipo.

A identidade de marca, por ser altamente tangível

e familiar ao público em geral, é um dos ativos

mais importantes de uma marca. Ela é a soma

das formas visuais da empresa e sua utilização.

A identidade de marca da Infosoft foi constrída

com base em quatro características

importantíssimas na criação de uma marca forte.

1. Ser memorável:

O signo da marca precisa ser único, simples e

diferenciado dos da concorrência. Isso torna sua

identi�cação rápida, fazendo com que, com o

tempo, não seja necessária a utilização do

nome junto ao símbolo para sua identi�cação.

Page 4: Identidade de marca infosoft

infosoft / indentidade de marca/ diferenciação

O primeiro passo para a diferenciação é conhecer

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.

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

marcas do mesmo segmento.

pesquisa

/04

Conc

orrê

ncia

Empr

esas

com

mesm

o nom

e

Page 5: Identidade de marca infosoft

/05

é diferente?

isso ébom!

Page 6: Identidade de marca infosoft

infosoft / indentidade de marca/ construção do ícone

/06

i+n

+

conceito inicial modificado

conceito inicial

i

n

+

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

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á�ca criativa, moderna e �exível.

Os signos visuais procuram estabelecer padrões

de aplicação para a construção de uma identidade

forte, duradoura e diferenciada.

Com isso, atinge-se os 4 pontos iniciais citados: ser

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.

ponto de partida

Page 7: Identidade de marca infosoft

/ construção do íconeinfosoft / indentidade de marca

/07

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,

pro�ssionalismo 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.

o ícone

Page 8: Identidade de marca infosoft

x

infosoft / indentidade de marca/ construção da tipografia

/08

Com base na linha de fontes

Sansation, a parte

tipográ�ca do logotipo

foi reajustada para que

�casse mais harmonica

e com espaçamento

melhor acabado.

Uma fonte sem serifas

e com curvas bem acabadas,

traduzindo a modernidade

algo bem feito.

Além disso, seu tamanho

tem base no ícone

do logotipo.

o tipoinfosoft

versão final

sansation

sobreposto

Page 9: Identidade de marca infosoft

1/2x

1/2x

x

1/3x

infosoft / indentidade de marca / o logotipo

v1

v2

v3

/09

O logotipo completo,

além de aplicações diferentes

de acordo com o fundo em que está inserido

como é exempli�cado adiante, possui três

formas básicas.

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

ilegível, está a versão 3.

assinaturas

Page 10: Identidade de marca infosoft

infosoft / indentidade de marca/ cores

/10

As cores principais da marca

são as cores institucionais, ou padrões.

Já a paleta de cores secundárias

são variações para aplicações em materiais

e produtos diversos, fazendo com que a marca

mude mas mantenha sua essência.

De�nições Paleta Laranja:cmyk: 000-080-095-000 | rgb: #�4f38cmyk: 000-080-095-050 | rgb: #ca3f2ccmyk: 000-050-100-000 | rgb: #�8d3bcmyk: 000-050-080-000 | rgb: #�8e55cmyk: 000-035-100-000 | rgb: #�aa40cmyk: 000-025-085-000 | rgb: #�be57cmyk: 000-000-085-000 | rgb: #�f161cmyk: 000-000-050-000 | rgb: #�f6a2cmyk: 000-000-025-000 | rgb: #�facfcmyk: 000-000-000-000 | rgb: #���

De�nições Paleta Verde:cmyk: 080-010-045-000 | rgb: #00a89ccmyk: 080-010-045-050 | rgb: #00665ecmyk: 070-005-035-000 | rgb: #03b6b0cmyk: 060-005-025-000 | rgb: #2bbec0cmyk: 040-005-020-000 | rgb: #88cdcbcmyk: 035-005-010-000 | rgb: #95d2dccmyk: 025-005-005-000 | rgb: #b1dbe8cmyk: 020-000-000-000 | rgb: #bcebfacmyk: 010-000-000-000 | rgb: #dcf4fdcmyk: 000-000-000-000 | rgb: #���

De�nições Paleta Roxa:cmyk: 075-100-000-000 | rgb: #6c2f8bcmyk: 075-100-050-000 | rgb: #420154cmyk: 075-100-025-000 | rgb: #57206fcmyk: 075-085-000-000 | rgb: #624a97cmyk: 060-070-000-000 | rgb: #7b62a5cmyk: 045-060-000-000 | rgb: #9773afcmyk: 035-050-000-000 | rgb: #ab86b9cmyk: 015-025-000-000 | rgb: #d6bdd9cmyk: 005-010-000-000 | rgb: #efe3efcmyk: 000-000-000-000 | rgb: #���

principaise secundárias

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

cmyk: 085-050-000-010 | rgb: 11-109-166 : #0b6da6

cmyk: 070-015-000-000 | rgb: 0-172-220 : #00acdc

cmyk: 050-015-000-000 | rgb: 98-183-223 : #62b7df

cmyk: 050-005-000-000 | rgb: 77-200-236 : #4dc8ec

cmyk: 035-000-000-000 | rgb: 136-221-246 : #88ddf6

cmyk: 025-050-000-000 | rgb: 172-230-248 : #ace6f8

cmyk: 000-000-000-000 | rgb: 255-255-255 : #ffffff

Page 11: Identidade de marca infosoft
Page 12: Identidade de marca infosoft

infosoft / indentidade de marca/ variações de uso

/12

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.

orientações

Page 13: Identidade de marca infosoft

infosoft / indentidade de marca / variações de uso

/13

Page 14: Identidade de marca infosoft

infosoft / indentidade de marca/ alfabeto da marca

/14

O alfabeto da marca diz respeito

aos tipos, ou fontes, padrões que

devem ser utilizados na comunicação

da empresa.

Eles auxiliam a formação de uma

identidade, além de garantir a legibilidade

e qualidade de textos, títulos, subtítulos, etc.

O tipo Sansation e suas variações

são destinadas à títulos e pequenos

textos, como uma chamada, um outdoor,

um slogan, ou anúncio.

O tipo Humble Begninnings, por ter

um formato cursivo, deve ser evitado

em textos longos ou técnicos,

sendo utilizado apenas em casos

muito especí�cos, 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.

Sansation RegularAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Sansation BoldAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Sansation ItalicAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Sansation LightAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Humble BeginningsAaBbCcDdEeFfGg HhIiJjLlMmNnOo PpQqRrSsTtUuVvXxZz0123456789 !? . , ; : <>Çç´ ` (){}[ ] “ ”@#$%¨&*_ / \ |

orientações

Page 15: Identidade de marca infosoft

/ alfabeto da marcainfosoft / indentidade de marca

/15

Myriad Pro RegularAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Myriad Pro CondensedAaBbCcD dEeFfGgHhI iJ jL lMmNnO oPpQ qR rSsTtUuVvXxZz0123456789 !? . , ; : <>Çç´ ` ( ) {}[] “ ”@#$%¨&*_ / \ |

Myriad Pro Bol CondensedA aBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` ( ){}[] “ ”@#$%¨&*_ / \ |

Myriad Pro ItalicAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Myriad Pro BoldAaBbCcDdEeFfGgHhIiJjLlMmNnOoPpQqRrSsTtUuVvXxZz0123456789 !?. , ; : <>Çç´ ` (){}[] “ ”@#$%¨&*_ / \ |

Page 16: Identidade de marca infosoft

/16

infosoft / indentidade de marca/ elemento de apoio

O elemento grá�co de apoio de uma

marca é uma ferramenta importante

não só para a a�rmação dela, mas

pode ser também algo que a de�na

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.

01 02

03A duplicação do elemento ésimples, como mostra a �gura acima:Duplica-se a direita até o �nal doespaço a ser preenchido e, abaixo,pulando o primeiro quadrado e assim por diante.

04

Page 17: Identidade de marca infosoft

/ elemento de apoio

/17

infosoft / indentidade de marca

Page 18: Identidade de marca infosoft

/18

infosoft / indentidade de marca/ elemento de apoio

Page 19: Identidade de marca infosoft

/ elemento de apoioinfosoft / indentidade de marca

/19

Page 20: Identidade de marca infosoft

Além de criar uma unidade dentro dos

setores da organização, fortalece a marca

e difere o produto dos seus concorrentes.

Nesta seção serão abordados os três principais

produtos da empresa, mas é importante que

futuros novos produtos utilizem a mesma

maneira de identi�cação grá�ca.

O ícone da marca, pela sua �exibilidade de

uso, deve ser utilizado como link entre a

imagem do produto e a imagem da empresa.

iClinic:

Representando cerca de 5% das vendas

da empresa, o iClinic tras uma solução

para automação de consultórios médicos.

Neste caso, as cores são mais calmas e

serenas, em tons de verde-azulado*,

assim como a decoração de

consultórios e clínicas médicas.

iProcess:

O iProcess representa, também, cerca

de 5% das vendas da empresa. O software

é uma solução para automação de

escritórios de advocacia.

Buscando um tom sério dos escritórios

de advocacia, mas sem perder as

características de criativade da infosoft,

os tons de roxo* trazem ao mesmo tempo

a sensação de justiça e calma, sem perder

a energia de um ambiente criativo.

iCommerce :

Principal produto da empresa,

responsável por 90% das vendas, é

um software de solução de automação

comercial para empresas de pequeno

e médio porte (Supermercados,

Farmácias, Lojas de Vestuário, Agropecuárias,

Padarias).

Devido ao fato de ser destinado a empresas

do comércio, as cores escolhidas são os tons

de laranja*, uma cor enérgica e dinâmica,

assim como a atividade em que está inserido.

*Psi

codi

nâm

ica

das

core

s em

com

unic

ação

- M

odes

to F

arin

a, e

d. 2

006.

infosoft / indentidade de marca/ produtos infosoft

/20

construindouma

Page 21: Identidade de marca infosoft

/ produtos infosoft / icommerceinfosoft / indentidade de marca

/21

embalagem dosoftware

topo da caixa

Page 22: Identidade de marca infosoft

infosoft / indentidade de marca/ produtos infosoft / iclinic

/22

embalagem dosoftware

topo da caixa

Page 23: Identidade de marca infosoft

/ produtos infosoft / iprocessinfosoft / indentidade de marca

/23

embalagem dosoftware

topo da caixa

Page 24: Identidade de marca infosoft

infosoft / indentidade de marca/ papelaria e material de expediente

/24

A papelaria e material de

expediante desenvolvidos para

a empresa visa, assim como os outros

itens, linkar através de elementos

grá�cos 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.

união delinguagem

Page 25: Identidade de marca infosoft

/ papelaria e material de expedienteinfosoft / indentidade de marca

/25

Page 26: Identidade de marca infosoft

/26

Page 27: Identidade de marca infosoft

/27

Page 28: Identidade de marca infosoft

infosoft / indentidade de marca/ variações de uso

/28

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.

ícones

Page 29: Identidade de marca infosoft

/29

infosoft / indentidade de marca

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.

facebook fanpage

/ variações de uso

Page 30: Identidade de marca infosoft

Seja em um toten de identi�caçã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.

estrutura caixa

/30

infosoft / indentidade de marca/ varições de uso

Page 31: Identidade de marca infosoft

JULIO BERTOTTI DIRECAO DE ARTE

JULHO, 2013.IDENTIDADE DE MARCA INFOSOFT

Page 32: Identidade de marca infosoft