Manual de Identidade Virtual Inovapp

INSTITUTO FEDERAL DE SANTA CATARINADESIGN –

PROJETO INTEGRADORPROFESSOR EMERSON PESSOA FERREIRA

MANUAL DE IDENTIDADE VISUAL

Candinho Luiz Dalla Brida JuniorMatheus Barbosa Ferreira

Florianópolis, Outubro de 2013

ÍNDICEApresentação 3Nome da Empresa 4Justificativa 4Versões Anteriores 4Conceitos 5Missão 5Visão 5Escola de Design 6Logo 6Dimensões 7Fonte 8Cores 8Histórico da Logo - Primeira Versão 9Histórico da Logo - Versões 2 e 3 10Histórico da Logo - Versão Atual 11Formas 12Aplicações 13Variações da Logo 14Utilização da Logo - Camisetas 15Utilização da Logo - Cartão e Crachá 16Utilização da Logo - Bolsa 17Utilização da Logo - Caneta e Caneca 18Utilização da Logo – Outdoor 19

INOVAPP | MANUAL DE IDENTIDADE VISUAL

3APRESENTAÇÃO

O Manual de Identidade Visual, é um documento técnico que reúne as especificações, recomendações e normas essenciais para a preservação das características da marca Inovapp, seu objetivo é facilitar a sua correta e coerente utilização, propagação, percepção, identificação e memorização.

A marca é o maior patrimônio de uma empresa. É nela que toda sua história e força se depositam. A forma como você escreve essa marca, acrescentando características especiais que a torna particular e inconfundível se chama logomarca. É a “caligrafia” da marca, que não pode ser igual a nenhuma outra e deve traduzir sua personalidade. Identidade Corporativa é o processo pelo qual uma instituição utiliza os elementos de comunicação para transmitir eficazmente o que faz, como o faz, quem é e como pretende ser compreendida pelo público.

Este manual tem o objetivo de informar e orientar a todos sobre a correta utilização do logotipo da empresa Inovapp, onde que, todos os parâmetros aqui contidos devem ser seguidos em toda e qualquer produção em que a marca Inovapp estiver inserida, seja qual for a mídia utilizada.


NOME DA EMPRESA

Inovapp

JUSTIFICATIVA

O nome da empresa surgiu da junção das palavras inovação e aplicativos, em que utilizamos o 'inov' da palavra inovação e o 'app' que significa aplicativos. Essas duas palavras sintetizam o objetivo da empresa que é inovar na criação de aplicativos para smartphones e dispositivos movéis.

VERSÕES ANTERIORES

Antes de estabelecer Inovapp como nome da empresa, houve duas outras possibilidades de nome, a primeira Develapp, que é a junção das palavras Develop e Aplication e a segunda Renew App's , que é a abreviação de Renewing Aplications.

4


CONCEITOS

Qualidade

Inovação

Eficiência

Confiabilidade

Segurança

Especializada

Alto Nível

Personalização

MISSÃO

VISÃO

Nosso propósito principal é desenvolver aplicativos com tecnologia eficiente, confiável, inovadora e segura a fim de garantir o seu funcionamento por meio de um suporte acima das expectativas de forma especializada e com soluções personalizadas.

Tornar-se uma empresa referência nacional no desenvolvimento de aplicativos para smartphones.

5


ESCOLA DE DESIGN A escola de design escolhida foi a Minimalista. O foco da empresa é trazer aplicativos extremamente funcionais, porém com interfaces simples e elementos

essenciais. A simplicidade, os detalhes mais importantes, interface organizada e o contraste são alguns do focos da Inovapp que estão extramente ligados a escola Minimalista.

Trazer funcionalidade, eficiência e simplicidade são elementos dessa escola, por isso escolhida como principal fonte das ideias de design para Inovapp.

LOGO

6


7

TAMANHOS EM PIXEL(PX)

BOTÃO

Largura total: 525,354 pxAltura total: 219,212 pxDiagonal Central em: 531,023 pxEspessura da sombra lateralesquerda do botão em: 13,228 pxEspessura da sombra inferiordo botão: 15,118 px

TEXTO

Tamanho da Fonte: 110Distância entre a lateral esquerdado botão e o 'I': 26,45 pxDistância entre a letra 'p' e a lateraldireita do botão: 30,23 pxEspaçamento entre as letras: 22,67 pxEspaçamento de linha: 125%

DIMENSÕES

13,9cm

5,8cm

0,6cm

0,4cm

2cm0,

57cm

0,35cm

0,8cm0,7cm

14,05cm


FONTESansation Light

Com traços simples e alinhados essa fonte segue os ideais da escola de design minimalista.

CORES

Juntamos a cor fria verde com a cor quente coral, pois as duas cores estão em lados distintos do circulo cromático. A utilização dessas cores juntas foi escolhida para criar um contraste, mas sem ferir a harmonia visual da junção.

RENOVAÇÃO e CRESCIMENTO

ATRAÇÃO e CRIATIVIDADE

8


9

Desde o princípio, quando definimos o nome da nossa empresa, buscamos fazer com que o app, ficasse destacado, sendo que desde o inicio do projeto buscamos colocar um contorno em torno do nome da empresa, para dar a ideia de um botão.

A primeira versão da logo, consistia em manter um tom metálico ao nome da empresa, para dar a ideia de tecnologia e inovação, características fundamentais da Inovapp.

HISTÓRICO DA LOGOPRIMEIRA VERSÃO


10HISTÓRICO DA LOGOVERSÃO 2 e 3

Assim que feita a primeira versão da logo, decidimos tirar o tom metálico da palavra Inovapp, a fim de deixar a logo mais limpa visualmente, e para deixar a logo mais próxima do estilo da nossa escola de design.A mudança para a segunda e terceira versão, se deu pelo contorno em torno do nome da empresa, em que procurávamos destacar o app, mas deixando ao fundo a ideia de que como os aplicativos eram feitos para dispositivos touch, a logo levasse essa ideia ao usuário, explicando assim o porque de o contorno ser mais evidenciado no app, e ao longo do texto, ficando mais suave.


11

A versão atual da logo, teve sua mudança concretizada na cor e forma. Como desde o início nossa pretensão era destacar o app, e queríamos passar a ideia de um botão, como que se o nosso cliente pudesse clica-lo, alteramos o contorno do nome da empresa, de forma que o mesmo parecesse um botão, e alteramos a cor do nome da empresa, sendo que o Inov, de Inovar, ficou com a cor verde, e o app, de aplicativos, ficou com a cor coral para ficar destacado. E colocamos a mesma cor do app no sombreamento do botão, justamente para destacar todo o conjunto.

HISTÓRICO DA LOGOVERSÃO ATUAL


FORMAS

Botão: A utilização de um botão na marca da empresa, tem a finalidade de remeter à tecnologia. Como a empresa produz aplicativos, o botão remeteria ao aplicativo, pois como em muitos aplicativos, para ter acesso a mesma temos de clicar em um botão de acesso ao aplicativo.

Junção de:

Retângulo + Circulo

12

O circulo traz a ideia deFlexibilidade

O retângulo traz a ideia deConfiança e Consistência


APLICAÇÕES13

Correto

Incorreto

Incorreto

A logo esta correta pois ela segue as dimensões necessárias para que a logo fique bem visível.

A logo esta incorreta pois ela esta estendida, ficando desfocada e não seguindo as dimensões necessárias para que a logo fique bem visível.

A logo esta incorreta pois ela esta achatada, não seguindo as dimensões necessárias para que a logo fique bem visível.


Versão Preto e Branco

Versão Colorida

VARIAÇÕES DA LOGO14

A versão original da logo é a colorida, que alterna entre o verde e o coral nas cores do nome da empresa, e é utilizado a cor coral para compor a cor do contorno do botão.

A versão preto e branco da logo é utilizada quando existe a necessidade de ausência de cores. Neste caso, no lugar das cores é utilizada a cor preto.

Lembrando que no caso de a logo ser exposta em um fundo escuro, as cores das letras e o contorno do botão são trocadas pelo branco.


15

UTILIZAÇÃO DA LOGOCAMISETAS


16

UTILIZAÇÃO DA LOGOCARTÃO E CRACHÁ

17

UTILIZAÇÃO DA LOGOBOLSA

UTILIZAÇÃO DA LOGOCANETA E CANECA

18

19

UTILIZAÇÃO DA LOGOOUTDOOR

Manual de Identidade Virtual Inovapp

Documents

Transcript of Manual de Identidade Virtual Inovapp