O documento fornece 6 dicas sobre identidade visual para websites. As dicas incluem pensar na apresentação de aspectos técnicos e da marca, entender o público-alvo, testar várias ideias com eles, ler autores sobre o assunto, seguir tabelas de cores acessíveis e refletir as qualidades da pessoa.

1. 6 dicas de identidade
visual para websites
– VEDA 4
Feito por: Andréa Souza

2. Dica 1
• Para a identidade visual do seu site recomenda-se pensar sobre a
apresentação de: aspectos técnicos (cores, fontes, formatos gráficos,
dentre outros), variações de assinatura (símbolo, nome, da marca a
ser representada por exemplo).
• Uma dica para testar é colocar a imagem da marca no menor
tamanho possível, para ver se fica legível, e também, em cores preto
e branco e colorido, verificando se há algum problema de
visualização/entendimento (ASCOM, 2012).

3. Dica 2
• Além de pensar sobre a organização, aqui vão mais perguntas que
podem abrir mais as ideias sobre o publico alvo:
• Quem você espera que visite o seu sitio e porque eles vêm?
• O que você sabe sobre os seus visitantes?
• São pessoas de todas as idades, diferentes gostos, variedade de
opiniões?
• O que você quer que seu sitio faça pelos seus visitantes? (DUCKETT,
2010)

4. Dica 3
• Teste várias ideias. Não se apague a primeira que surgir, faça
quantos layouts for necessário até se sentir satisfeito. Sempre é bom
pesquisar a respeito do que mais lhe agrada.
• Há a possibilidade de fazer uma enquete com o publico alvo em
questão, o type form, google doc, por exemplo, são bons para isso e
gerando gráficos com as estatísticas das respostas.

5. Dica 4
• Autores que indico ler sobre o assunto de identidade visual são:
• Ligia Fascioni: DNA Empresarial: identidade corporativa como
referência estratégica.
• Pinho: O poder das marcas
• Também ajudam a elaborar um briefing averiguando quais as
informações mais relevantes para serem aplicadas. O briefing é uma
descrição de todas as informações relevantes aos interessados no
projeto. Terá o proposito de ajudar a esclarecer especificações da
parte técnica de forma mais completa e útil possível (PHILLIPS,
2007 p.2).

6. Dica 5
• O Modelo de acessibilidade em Governo Eletrônico (e-MAG) fornece
tabelas de cores que podem também ser sugestões a seguir pensando
na identidade visual:
Cores contrastantes com a cor preta
Fonte: EMAG, 2016.
Cores contrastantes com a cor branca
Fonte: EMAG, 2016.

7. Dica 6
• É importante que a identidade visual reflita quem a pessoa é
profissionalmente e traga uma boa impressão de eficiência
destacando as principais qualidades e virtudes.
• Quando se aprende a valorizar o que tem é possível chamar a
atenção para os clientes criando uma experiência positiva.

8. Obrigada por assistir!
Inscreva-se no canal
;)

9. Referências
• ASCOM – DNT. Manual de Identidade Visual. Disponível em:
https://books.google.com.br/books?id=IFfEAgAAQBAJ&pg=PA7&dq=identidade+visua
l&hl=pt-
BR&sa=X&ved=0ahUKEwiis4m1_PXLAhUJlZAKHWgeBjcQ6wEIPTAC#v=onepage&
q=identidade%20visual&f=false . Ministério dos Transportes, 2012
• Departamento de Governo Eletrônico 2011. Modelo de acessibilidade em Governo
Eletrônico e-MAG. Gestão, Secretaria de Logística e Tecnologia da Informação;
Ministério da Educação, Secretaria de Educação Profissional e Tecnológica. Brasília,
2011. Disponível em: <http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG>
• DUCKETT, Jon. Acessible XHTML and CSS – Web Problem – Design Solution.
Indiana: Ed.: Wiley Publishing. 2010.
• FASCIONI, Ligia. Disponível em: http://www.ligiafascioni.com.br/livros/dna-
empresarial-identidade-corporativa-como-referencia-estrategica/. Acessado em Abril,
2016.
• PINHO, J. O poder das Marcas. Disponível em:
https://books.google.com.br/books?id=xg5xXtXBrBsC&pg=PA29&dq=identidade+visua
l&hl=pt-
BR&sa=X&ved=0ahUKEwjbg9TQhvbLAhWCjZAKHepdAKYQ6wEIODAB#v=onepage
&q=identidade%20visual&f=false. Acessado em Abril, 2016.
• PHILLIPS, Peter. Briefing: A Gestão do Projeto de Design. SP: Ed. Blucher, 2007.