TPGfolitécnico
1 daGuardaPolytechnicof Guarda
RELATÓRIO DE ESTÁGIO
Licenciatura em Comunicação Multimédia
Renato André Concha
dezembro 1 2015
Escola Superior de Educação, Comunicação e Desporto
Instituto Politécnico da Guarda
RELATÓRIO DE ESTÁGIO
RENATO ANDRÉ CONCHA
RELATÓRIO PARA A OBTENÇÃO DO GRAU DE LICENCIADO
EM COMUNICAÇÃO MULTIMÉDIA
DEZEMBRO/2015
III
FICHA DE IDENTIFICAÇÃO
Aluno: Renato André Concha
Número: 5007660
Curso: Comunicação Multimédia
Ano: 2015
Escola: Escola Superior de Educação, Comunicação e Desporto
Morada: Av. Dr. Francisco Sá Carneiro, 50 – 6300-559 Guarda
Telefone: +351 271 220 100
Fax: +351 271 222 690
E-mail: [email protected]
Orientador: Prof. Doutor Joaquim Brigas
Empresa: NVN Consulting, Lda
Morada: Rua da Corredoura nº86 – R/C Esquerdo, 6300- Guarda
Tél: 966 728 970
Email: [email protected]
Site: www.nvn-consulting.pt
Supervisor na Organização: Nuno Rocha
Académico: Licenciatura
Duração do Estágio: 3 meses.
IV
AGRADECIMENTOS
Agradeço ao Instituto Politécnico da Guarda, particularmente à Escola Superior
de Educação, Comunicação e Desporto, assim como todos os docentes integrados no
curso de Comunicação Multimédia, por contribuírem para a minha formação académica.
Ao Professor Doutor Joaquim Brigas, por ter aceitado o meu convite para ser meu
orientador de estágio, por todo o apoio e compreensão para a elaboração deste relatório e
ainda pelos ensinamentos durante a licenciatura.
À empresa NVN Consulting, por me terem acolhido e pela confiança depositada
para a realização de todas as atividades o que me fez sentir como um membro da empresa.
À minha família pela ajuda, compreensão e por nunca ter duvidado das minhas
capacidades.
De modo muito especial, à minha mãe, pelo carinho, dedicação, educação, valores
e apoio tanto a nível pessoal como académico, ao meu pai pelo esforço e sacrifício para
que eu pudesse concluir esta etapa.
Igualmente, ao meu irmão pela partilha de conhecimentos e acompanhamento ao
longo de todo percurso.
À Marisa Capela, pela paciência e apoio imprescindível.
Por fim, quero agradecer a todos os meus amigos que de certa forma contribuíram
para a conclusão desta licenciatura.
V
RESUMO
O presente relatório constitui um requisito fundamental para a conclusão da
licenciatura em Comunicação Multimédia, este foi elaborado no âmbito da unidade
curricular de Estágio/Projeto.
Pretende-se, descrever com clareza os projetos realizados para a entidade de
acolhimento, a NVN Consulting, enquadrando-os sempre a nível teórico.
O estágio curricular foi realizado no âmbito do Design Gráfico e no Web Design,
com a criação de logótipos e os respetivos manuais de identidade visual, bem como, o
desenvolvimento de websites.
O relatório encontra-se dividido em dois capítulos. No primeiro, pretende-se dar
caraterizar a NVN Consulting, desde a sua localização, missão e valores, serviços,
comunicação e a análise SWOT. No segundo capítulo, expõem-se todas as atividades
desenvolvidas na Instituição, procurando sempre fundamentá-las com conceitos básicos
e com metodologia de projeto adotada. Por fim, é apresentada uma reflexão final, onde
consta a opinião pessoal do estagiário.
PALAVRAS-CHAVE: design gráfico; websites; Web Design.
VI
ÍNDICE FICHA DE IDENTIFICAÇÃO .................................................................................... III AGRADECIMENTOS .............................................................................................. IV RESUMO ................................................................................................................. V
ÍNDICE DE FIGURAS ............................................................................................. VII ÍNDICE DE TABELAS ........................................................................................... VIII GLOSSÁRIO DE SIGLAS ......................................................................................... IX INTRODUÇÃO ......................................................................................................... 1 CAPÍTULO 1 – EMPRESA ..................................................................................... 2
1.1. A EMPRESA NVN CONSULTING, LDA ................................................................. 3 1.2. LOCALIZAÇÃO .............................................................................................................. 3 1.3. MISSÃO E VALORES ..................................................................................................... 4 1.4. ESTRUTURA ORGANIZACIONAL .................................................................................. 5 1.5. SERVIÇOS ...................................................................................................................... 5
1.6. COMUNICAÇÃO ............................................................................................................ 9
1.6.1. COMUNICAÇÃO INTERNA .................................................................. 9
1.6.2. COMUNICAÇÃO EXTERNA ............................................................... 10 1.7. ANÁLISE SWOT ....................................................................................................... 10
CAPITULO 2 - ESTÁGIO ..................................................................................... 12 2.1. PLANO DE ESTÁGIO ................................................................................................... 13
2.2. ENQUADRAMENTO TEÓRICO .................................................................................... 13 2.2.1. DESIGN GRÁFICO......................................................................... 13
2.2.2. WEB DESIGN ................................................................................ 14 2.2.3. IDENTIDADE VISUAL ................................................................... 14
2.2.3.1. ELEMENTOS ......................................................................... 15
2.2.4. PUBLICIDADE .............................................................................. 16 2.3. CRONOGRAMAS ........................................................................................................ 16
2.4. SOFTWARES UTILIZADOS ........................................................................................... 17
2.5. METODOLOGIA DE PROJETO ..................................................................................... 18
2.6. NVN CONSULTING ................................................................................................... 20 2.6.1. WEBSITE ......................................................................................... 20
2.6.1.1. CONCEÇÃO ............................................................................... 20
2.6.1.2. IMPLEMENTAÇÃO ..................................................................... 23 2.6.2. PUBLICIDADES NVN CONSULTING ................................................. 24
2.6.3. GESTÃO DAS REDES SOCIAIS NVN CONSULTING ........................... 25 2.7. CASA DA MANJEDOURA ........................................................................................... 25
2.7.1. IDENTIDADE VISUAL ....................................................................... 25
2.7.2. MANUAL DE IDENTIDADE VISUAL ................................................... 27 2.7.3. WEBSITE ......................................................................................... 27
2.7.3.1. CONCEÇÃO ............................................................................... 28 2.7.3.2. IMPLEMENTAÇÃO ..................................................................... 29
2.8. BIZZNET .................................................................................................................... 30
2.8.1. IDENTIDADE VISUAL ....................................................................... 31 2.8.2. MANUAL DE IDENTIDADE VISUAL ................................................... 32 2.8.3. PÁGINA DE AJUDA ........................................................................... 33
REFLEXÃO FINAL ................................................................................................. 34
BIBLIOGRAFIA ..................................................................................................... 35 ANEXOS ...................................................................................................................
VII
ÍNDICE DE FIGURAS
Figura 1 - Estrutura organizacional da NVN Consulting ............................................ 5
Figura 2 - Fases e tarefas de construção de um website ............................................. 19
Figura 3 - Mapa de navegação NVN Consulting ........................................................ 21
Figura 4 - Wireframe página Home NVN Consulting ................................................. 22
Figura 5 - Página Home NVN Consulting ................................................................... 24
Figura 6 - Publicidade NVN Consulting ...................................................................... 24
Figura 7 - Exemplos de logótipos de TER ................................................................... 25
Figura 8 - Logótipos Casa da Manjedoura ................................................................. 26
Figura 9 - Logótipo Casa da Manjedoura ................................................................... 26
Figura 10 - Marca Casa da Manjedoura ..................................................................... 27
Figura 11 - Símbolo Casa da Manjedoura .................................................................. 27
Figura 12 - Mapa de navegação da Casa de Manjedoura .......................................... 28
Figura 13 - Wireframe da página Home Casa da Manjedoura .................................. 29
Figura 14 - Página Home Casa da Manjedoura .......................................................... 30
Figura 15 - Logótipos BizzNet ...................................................................................... 31
Figura 16 - Logótipo BizzNet ........................................................................................ 31
Figura 17 - Símbolo BizzNet ......................................................................................... 32
Figura 18 - Marca da BizzNet com slogan .................................................................. 32
Figura 19 - Página de Ajuda da BizzNet ..................................................................... 33
VIII
ÍNDICE DE TABELAS
Tabela 1 - Análise SWOT da NVN Consulting ............................................................ 11
Tabela 2 - Cronograma mês de junho ......................................................................... 17
Tabela 3 - Cronograma mês de julho .......................................................................... 17
Tabela 4 - Cronograma mês de julho .......................................................................... 17
Tabela 5 - Cronograma mês de setembro.................................................................... 17
IX
GLOSSÁRIO DE SIGLAS
CMS – Content Management System.
CSS – Cascading Style Sheets.
HTML – HyperText Markup Language.
PHP – Hypertext Preprocessor.
SWOT – Strengths, Weaknesses, Opportunities and Threats.
SQL – Structured Query Language.
TER – Turismo em Espaço Rural.
TIC – Tecnologias de Informação e Comunicação.
1
INTRODUÇÃO
O presente relatório surge no âmbito do estágio curricular, realizado no terceiro
ano, da Licenciatura de Comunicação Multimédia da Escola Superior de Educação,
Comunicação e Desporto e conclui a última fase da licenciatura. Sendo que é o primeiro
passo para colocar em prática os conhecimentos adquiridos ao longo dos três anos de
licenciatura, integrando assim o mercado de trabalho que se aproxima.
Este relatório pretende apresentar de forma clara e objetiva as tarefas realizadas
ao longo dos três meses do estágio curricular realizado na empresa NVN Consulting, que
se localiza nos Policasulos do Instituto Politécnico da Guarda. A NVN Consulting é uma
empresa que presta serviços de consultoria administrativos, apoio à gestão a micro,
pequenas e médias empresas.
O relatório de estágio divide-se assim em dois capítulos. O primeiro capítulo
descreve uma caraterização e análise do mercado onde se insere a NVN Consulting, assim
como a apresentação pormenorizada da empresa, relatando vários aspetos da mesma,
desde a sua história, a sua missão e valores, os serviços que presta e a sua estrutura
organizacional. No segundo capítulo, será feita a apresentação, descrição e crítica de todas
as atividades realizadas durante o período em que decorreu o estágio e que se
encontravam previamente definidas no plano de estágio. Por fim, será apresentada uma
síntese conclusiva, onde é feita uma reflexão pessoal acerca desta experiência
profissional.
Todas as atividades que serão apresentadas foram efetuadas com profissionalismo,
nunca esquecendo de satisfazer as necessidades não só da empresa, como dos clientes.
3
Neste capítulo é apresentada a empresa NVN Consulting, onde foi realizado o
estágio curricular. Como referido na introdução é apresentada a empresa e das atividades
que exerce, a sua história, a sua estrutura organizacional, identidade visual e a sua missão
e valores.
1.1. A EMPRESA NVN CONSULTING, LDA
A NVN Consulting, nasceu da iniciativa de três empreendedores em criar uma
empresa prestadora de serviços, algo diferente da oferta existente no mercado onde se
encontra inserida. A NVN Consulting surge na sequência da análise do mercado atual e
da identificação de algumas lacunas existentes no mercado da prestação de serviços. As
lacunas identificadas, quando preenchidas, permitem às empresas melhorar as suas
performances e consequentemente fazer crescer o seu negócio.1
1.2. LOCALIZAÇÃO
Os domínios científicos e tecnológicos nos quais o Instituto Politécnico da Guarda
foi acreditado distribuem-se pelas áreas das Ciências e Tecnologias do Ambiente,
Ciências e Tecnologias dos Alimentos, Ciências da Saúde, Tecnologias e Ciências dos
Materiais, Engenharia Mecânica, Engenharia Eletrotécnica, Automação e Controlo,
Tecnologias de Informação e Telecomunicações, Engenharia de Sistemas, Sistemas
Energéticos e Novas Formas de Energia, Qualidade e Segurança Alimentar, Prevenção e
Redução de Riscos e Gestão Industrial.
Assim, esses domínios denominados de policasulos, são mini incubadoras
empresariais localizadas em antigas salas de aula, agora dotadas de mobiliário e algum
equipamento básico de modo a que os alunos possam iniciar ali a sua atividade
empresarial.2
A NVN Consulting, localiza-se nesses Policasulos, situados na Escola Superior
de Tecnologia e Gestão no Instituto Politécnico da Guarda. Como forma de estar sempre
em contato com clientes e possíveis clientes, a empresa possui o seu website e a sua
página no Facebook, telemóvel e e-mail.
1 Retirado do documento interno da empresa “A história da NVN Consulting”. 2 Retirado de http://www.ipg.pt/udi/inovacao_policasulos.aspx, acedido em 26/set
4
1.3. MISSÃO E VALORES
1.3.1. MISSÃO
Segundo Valadares (2002: 5), “A missão é definida como a razão de ser da
empresa. A missão é que orienta os objetivos e as estratégias empresariais.”, o autor
defende ainda que esta, deve ser clara e objetiva, para que possa ser entendida por todos
os colaboradores de modo a ser um compromisso para todos.
A missão da NVN Consulting, surgiu na sequência da análise do mercado atual e
da identificação de algumas lacunas existentes no mercado da prestação de serviços. As
lacunas identificadas, quando preenchidas, permitem às empresas melhorar as suas
performances e consequentemente fazer crescer o seu negócio. Para as empresas que
ainda não têm dimensão que lhes permita contratar profissionais em áreas específicas a
NVN Consulting, surge como uma solução, permitindo a essas empresas aceder a serviços
especializados a custos suportáveis para as suas estruturas.3
1.3.2. VALORES
“Os valores organizacionais correspondem aos atributos às virtudes da organização, como
prática da transparência, respeito à diversidade, cultura para a qualidade ou respeito ao meio
ambiente.” Chiavenato e Sapiro (2003: 69).
Os valores são os determinantes básicos e o referencial do comportamento
organizacional e podem contribuir para indicar qual o caminho do crescimento planeado,
e determinar claramente os objetivos e a visão que a empresa pretende atingir.
Os valores da NVN Consulting são:
Ética – Agir sempre com honestidade, lealdade e justiça. Seguir a moral
e os bons costumes.
Respeito – Tratamento gentil e indistinto aos clientes, promovendo a
harmonia e a motivação no ambiente de trabalho.
Rigor – Realizar todos os projetos com o maior profissionalismo e dentro
dos prazos estipulados.
3 Retirado do documento interno da empresa “A história da NVN Consulting”.
5
Excelência – Não só satisfazer os clientes, mas como também, exceder as
suas expectativas.4
1.4. ESTRUTURA ORGANIZACIONAL
A NVN Consulting, caracteriza-se por ser uma micro empresa onde os seus dois
promotores são também a força de trabalho existente no momento (Figura1). Face às suas
dimensões e características dos serviços que presta, não existem departamentos estanques
e definidos com responsáveis diretos, mas sim um conjunto de áreas de desenvolvimento
e gestão da empresa que, é gerida pelos seus promotores. O seu objetivo prende-se com
a prestação de serviços administrativos e apoio à gestão, consultoria e formação, sendo
todas as áreas intervencionadas por qualquer um dos seus promotores.
1.5. SERVIÇOS
Os serviços da NVN Consulting, vão ao encontro do que Davidson (1993: 251)
defende, o facto de que uma empresa bem-sucedida que presta serviços será aquela que
identifica os seus nichos. Fatores importantes na identificação dos nichos são: a natureza
do relacionamento com os atuais clientes, o potencial de crescimento, as habilidades, a
reputação e os interesses do profissional. Para isto, os clientes precisam de sentir que os
serviços prestados são feitos sob medida das suas necessidades e que a existência de uma
empresa nas proximidades é uma “sorte”. Como serviços a NVN Consulting, tem à
disposição os seguintes pontos. 5
4 Retirado documento interno da empresa “A história da NVN Consulting” 5 Retirado documento interno da empresa “A história da NVN Consulting”
Figura 1 - Estrutura organizacional da NVN Consulting Fonte: elaborado pelo estagiário
6
Gestão financeira de carteira de clientes
A NVN Consulting, realiza um controlo de dados dos devedores garantindo uma
base de dados correta e atualizada, bem como o controlo dos acordos financeiros
negociadores com devedores.
Gestão financeira de carteira de fornecedores
Possibilita através da gestão das obrigações dos seus clientes, reduzir ao máximo
os custos associados ao não cumprimento dos compromissos assumidos. Disponibiliza
também em conjunto com a gestão de tesouraria, não só reduzir os custos por força dos
incumprimentos, como possibilita um aumento de disponibilidades de tesouraria através
de um controlo rigoroso das condições financeiras que as empresas detêm junto dos seus
credores, gerindo as mesmas com o máximo proveito possível para a empresa. A NVN
Consulting, realiza também um controlo de acordos financeiros obtidos pela empresa.
Correspondência
Receção e expedição da correspondência da empresa, registo da mesma em papel
ou digitalmente. Arquivo físico e/ou digital da correspondência permitindo facilidade de
acesso à mesma. Distribuição da documentação aos respetivos departamentos da empresa.
Processamento de texto
A NVN Consulting, efetua todo o tipo de processamento de texto, este inclui
revisão ortográfica, gramatical, paginação, inserção de imagens, índices e proteção de
documentos. A apresentação de todos os trabalhos é feita em papel e/ou em suporte
digital, em formato “.doc”, “.docx.” ou “.pdf”.
Conferência de documentos financeiros
Conferência de documentação de apoio à atividade empresarial, designadamente
documentos referentes a contratos de compra e venda (requisições, guias de remessa,
faturas, recibos, etc.) e documentos bancários (cheques, letras, livranças, etc.), garantindo
que as condições acordadas com terceiros estão a ser respeitadas.
7
Introdução de dados
Introdução de dados em Excel, Access e outros (Online e Offline), nomeadamente
bases de dados, stocks, registos de trabalho, entre outros.
Criação e edição de folhas de cálculo
A NVN Consulting, cria folhas de cálculo (Excel) com introdução de fórmulas e
funções, proteção de documentos, elaboração de tabelas e gráficos, adaptadas às reais
necessidades da empresa.
Criação e edição de apresentações
Cria apresentações em Powerpoint para apresentação de produtos ou serviços,
reuniões, apresentação de contas, formação, entre outros.
Correio eletrónico
Envio de e-mails periódicos ou regulares de campanhas publicitárias, newsletters,
circularizações de clientes ou fornecedores, entre outros.
Circularizações
Realização de circularizações junto de terceiros, permitindo à empresa um
contacto direto e efetivo com todos os intervenientes nas suas relações empresariais,
possibilitando a confirmação de informações comuns, a divulgação de novos dados da
empresa de forma rápida e eficaz.
Otimização de sistemas de informação
A NVN Consulting, através de uma análise rigorosa às suas necessidades e
possibilidades que o seu sistema informático permite, define um plano de ação de forma
a colocar o seu sistema informático a trabalhar em prol da empresa e não o contrário.
Gestão de carteira de seguros
8
Consegue potenciar ao máximo a redução de custos com seguros, mantendo ou
até mesmo melhorando as coberturas dos mesmos, garantindo que as empresas paguem
apenas as coberturas que melhor se adaptam à empresa.
Análise de necessidades de formação
Proporciona aos empresários o cumprimento de requisitos legais decorrentes do
cumprimento dos critérios exigidos no que se refere à formação obrigatória dos recursos
humanos, através de uma análise profunda das necessidades de formação das empresas,
e preparação, para posterior execução, dos planos decorrentes dessa análise.
Projetos de investimento
A NVN Consulting, apoia as empresas na realização e implementação de projetos
de investimento abrangidos pelo programa “Portugal 2020”;
Certificação de qualidade
Procede à análise das necessidades da empresa, implementação e manutenção de
todo o sistema de qualidade a implementar pelas empresas.
Ligação à contabilidade, reportings para a gestão
A NVN Consulting, proporciona uma ligação mais eficaz entre a gestão de
empresas e a contabilidade. Estes serviços permitem à gestão de empresas, tirar partido
da contabilidade para o que realmente interessa.
Planeamento e reporting financeiro
Análise e planeamento de todas as responsabilidades de tesouraria da empresa,
permitindo à gestão definir planos de ação de forma a garantir que não existam
incumprimentos por parte da empresa face aos compromissos assumidos com terceiros;
Controlo e gestão de planos de formação
9
Possibilita às empresas a realização de formações que permitem aos seus recursos
humanos melhorar as suas performances, como garantir o cumprimento das normas legais
vigentes à data. Mantem devidamente atualizado todo o plano de formação bem como os
dossiers da formação ministrada internamente, garante também o preenchimento do
Anexo C do relatório único corretamente evitando custos inerentes a incumprimentos das
obrigações legais por parte das empresas.
Controlo e gestão de carteira de seguros
A NVN Consulting permite às empresas uma melhor rentabilização dos seus
recursos humanos, encarregando-se de garantir que a carteira de seguros da empresa está
sempre atualizada e otimizada.
Bolsa de profissionais
Na sequência da política de expansão desenhada pela NVN Consulting, a sua
contínua procura em satisfazer cada vez melhor os seus clientes, leva-a a estar
constantemente necessitada de reforçar os profissionais que com ela colaboram.
1.6. COMUNICAÇÃO
Caetano e Rasquilha (2007) defendem que esses públicos podem definir-se como
um grupo de pessoas que interessam a essa instituição, estando direta ou indiretamente
relacionados. Após a compreensão da definição de públicos mencionada por estes
autores, podemos considerar dois tipos de comunicação, a interna e a externa.
1.6.1. COMUNICAÇÃO INTERNA
“A comunicação interna é direcionada para funcionários e colaboradores da
empresa, ela define-se como um conjunto de atos de comunicação que se produzem
no interior da empresa” (Lindon et al., 2008).
Na NVN Consulting, a comunicação interna é informal, pois esta é praticamente
toda realizada pessoalmente (cara-a-cara) por vezes através de chamadas telefónicas ou
troca de e-mails entre os promotores.
10
1.6.2. COMUNICAÇÃO EXTERNA
Para Monteiro (apud Duarte, 2003: 158), ao delimitar o território em que a notícia
empresarial circula, é necessário que a sua dimensão se relacione com a necessidade de
criar e manter fluxos de comunicação para sobreviver.
A NVN Consulting apenas possui uma comunicação externa pessoal, via correio
eletrónico e através de chamadas telefónicas. Faltam alguns pontos de comunicação
externa não menos importantes como o uso de e-newsletter.
1.7. ANÁLISE SWOT
A Análise SWOT é uma ferramenta de gestão muito utilizada pelas empresas para
o diagnóstico estratégico. O termo SWOT é composto pelas iniciais das palavras
Strengths (Pontos Fortes), Weaknesses (Pontos Fracos), Opportunities (Oportunidades) e
Threats (Ameaças).
Numa breve análise SWOT da NVN Consulting (Tabela 1), são identificados por
observação os seguintes fatores internos e externos:
Pontos Fortes
Os pontos fortes da empresa NVN Consulting passam pela boa relação entre os
colaboradores da empresa e a qualidade dos serviços prestados, sendo estes realizados
por profissionais nas diversas áreas. Isto faz com que a NVN Consulting tenha um leque
de clientes fidelizados.
Pontos Fracos
Os colaboradores são especialistas em algumas áreas dos serviços que prestam,
mas dependem de especialistas nas outras áreas para a realização dos outros serviços a
que não estão aptos para os realizarem, ou seja, é um ponto fraco para a empresa pois
depende sempre de mais alguém para além dos colaboradores. Os recursos financeiros
são limitados devem-se à recente introdução da empresa no mercado.
11
Oportunidades
As oportunidades passam pelo potencial crescimento que resulta dos serviços
inovadores e de qualidade que são prestados e assim, com a expansão para novos serviços,
a NVN consegue manter a sua competitividade no mercado
Ameaças
A limitação da equipa é considerada uma ameaça, pois a NVN Consulting era
inicialmente composta por três promotores e no momento é apenas operado por dois
destes. Sendo a saída de um dos promotores deixou em falha a equipa numa das áreas dos
serviços prestados o que leva a que necessitem de um especialista na área atualmente em
falta.
Fonte: elaborado pelo estagiário
Tabela 1 - Análise SWOT da NVN Consulting
13
Este capítulo apresenta uma descrição das atividades desenvolvidas no decorrer
do estágio curricular e os objetivos inicialmente propostos. Apresenta também uma
contextualização sobre o que é design gráfico, publicidade, web design.
2.1. PLANO DE ESTÁGIO
O plano de estágio, em conformidade com a empresa acolhedora, reúne as
atividades desenvolvidas, que se seguem:
Realização do website da empresa acolhedora, NVN Consulting;
Gestão das redes sociais da NVN Consulting;
Realização do website da “Casa da Manjedoura”;
Realização da identidade visual da “Casa da Manjedoura”;
Realização do Manual de Identidade Visual da “Casa da Manjedoura”;
Realização da identidade visual da “BizzNet”;
Realização do Manual de Identidade Visual da “BizzNet”
Realização da folha de ajuda para o website da “BizzNet”.
2.2. ENQUADRAMENTO TEÓRICO
O enquadramento teórico é importante para a consolidação de conceitos nas
diversas áreas realizadas no estágio, contribuindo assim para uma elaboração mais
aprofundada e profissional.
2.2.1. DESIGN GRÁFICO
O Design Gráfico, segundo Ambrose e Harris (2009: 10), apresenta “ideias,
conceitos, texto e imagens, numa forma visualmente atraente através de impressão, meios
digitais ou outros meios de comunicação”.
Recorrendo à área do design gráfico, foram desenvolvidos trabalhos capazes de
promover não só a empresa como também os serviços, isto tudo com uma estratégia por
detrás da mensagem visual.
14
2.2.2. WEB DESIGN
Segundo Zeldman (2007), in Santos (2009: 33), afirma que “Web Design é a criação
de ambientes digitais que facilitam e incentivam a atividade humana, reflete ou adapta-se a
vontades individuais e conteúdos e muda graciosamente ao longo do tempo enquanto mantém a
sua identidade”.
Ao encontro da definição do autor citado, web design é uma amplificação da
prática do design, em que o principal objetivo é a criação de websites e documentos que
possam ser acedidos dentro da web. Para construir uma página web é necessário ter
conhecimento de algumas técnicas como a estrutura da informação, a programação, a
usabilidade, a aparência, a visibilidade e a acessibilidade.
2.2.3. IDENTIDADE VISUAL
Devido à estruturação e diferenciação dos vários campos que constituem a
sociedade encontramos elementos gráficos na forma de nomes, logótipos, símbolos,
tipografias e cores, entre outros, estas manifestações visuais têm como função identificar
e diferenciar cada extensão.
Villafañe (1998: 117) outorga o termo a uma variável da imagem institucional,
são pois os elementos que compõem a identidade visual que ajudará o público a criar a
identificação da instituição.
De acordo com Solas (2002: 40), esta deve obedecer ao princípio da
universalidade cultural, ou seja, deve-se dirigir a todo o tipo de observador,
independentemente de fatores como a cultura e a idade e deve obedecer também ao
princípio da globalidade temporal, ou seja, a identidade visual deve manter um
determinado seguimento, não se devem alterar constantemente os componentes da
identidade visual sob pena do público não reconhecer a instituição ou a marca.
A identidade visual desempenha funções específicas no seio de uma instituição e
como afirma Villafañe (1998: 126) a sua principal função é a de “coadjuvar a
configuração da personalidade”, desta função principal emana a função de identificação,
diferenciação, memória e associação.
Concluindo que, para a criação da identidade visual de uma instituição deve se ter
em atenção as funções enumeradas anteriormente para que se consiga atingir o sucesso,
deve existir um estudo prévio das possibilidades de elaboração dos elementos e das
15
possíveis combinações, assim como uma análise à identidade da instituição para que
assim, o profissional que cria a identidade visual saiba exatamente o que a instituição
pretende transmitir. Resumindo que, a identidade visual é a tradução da identidade de
uma instituição em símbolos.
2.2.3.1. ELEMENTOS
Os elementos que constituem a identidade visual de uma organização são o
símbolo e o logótipo.
Logótipo
O logótipo é o elemento da identidade visual a que se dá maior importância por
ser o elemento mais identificador, mais visível e passível de ser aplicado nos mais
variados meios.
A palavra logótipo surge da conjugação de duas palavras do grego clássico: logos
(palavra) e tupos (significado, impressão). O termo logótipo tem a sua origem no campo
da tipografia e entende-se como o modo de expressar visualmente a denominação de uma
instituição, o logótipo é o nome da instituição como signo puramente verbal na sua versão
visual, ou seja, a versão gráfica do nome, no entanto, também se pode entender logótipo
como a junção da tipografia com o símbolo.
Símbolo
Ao logótipo enquanto tipografia soma-se muitas vezes um símbolo, que pretende
melhorar as condições de identificação da instituição. O símbolo pode adotar formas
muito diversas, porém deve ser de fácil assimilação e deve-se diferenciar dos já existentes.
Assim, o símbolo é a parte não linguística do identificador da instituição e consiste
numa figura que possui informação acerca da imagem que a instituição pretende criar na
mente do público. Como refere Newark (2002: 120) “idealizar um logótipo para uma
marca converteu-se na peça fundamental do design gráfico moderno.”
16
2.2.4. PUBLICIDADE
“O conjunto de operações relacionadas com a difusão de uma mensagem publicitária
junto dos seus destinatários, bem como as relações jurídicas e técnicas daí emergentes
entre anunciantes, agências de publicidade e entidades que explorem os suportes
publicitários ou que exerçam a atividade publicitária” Pereira e Veríssimo (2004:
131).
Para Castro (2007: 89), a publicidade é a investigação das atitudes e motivações
do público-alvo e definição dos próprios objetivos desta. Sem essa agnição, toda a
publicidade corre o risco de passar ao lado do público.
A publicidade é qualquer forma de comunicação feita por entidades de natureza
pública ou privada, no âmbito de uma atividade comercial, artesanal ou liberal, com o
objetivo direto ou indireto de promover, com vista à sua comercialização ou alienação,
quaisquer bens ou serviços ou promover ideias, princípios, iniciativas ou instituições. Ou
seja, é uma técnica de comunicação de massas, destinada a um público específico e que
é paga e utilizada com o objetivo de dar a conhecer e valorizar uma marca, produto ou
serviço, contribuindo para a sua experimentação, consumo, adesão, fidelização ou apoio.
Um bom anúncio deverá:
Despertar Atenção;
Criar/Suscitar Interesse;
Provocar Desejo;
Permitir Memorização;
Desencadear Ação;
Levar à Repetição.
A sigla que significa este conjunto de objetivos é AIDMAR.
2.3. CRONOGRAMAS
O cronograma consiste na disposição gráfica do tempo gasto na realização de um
determinado projeto, em função das atividades a serem cumpridas. Assim nas tabelas
seguintes, são apresentados os cronogramas que mostram as tarefas desenvolvidas ao
longo dos três meses de estágio.
17
2.4. SOFTWARES UTILIZADOS
Para a realização dos projetos foram utilizados os seguintes softwares.
Corel Draw – é um software de desenho vetorial bidimensional em que permite a
criação e alteração de vários produtos como por exemplo logotipos, cartões-de-visita,
folhas de orçamento, cartazes, flyers. Tem a funcionalidade de gravar o ficheiro em vários
formatos.6
6 Adaptado de https://pt.wikipedia.org/wiki/CorelDRAW, acedido em 4/dez.
Tabela 2 - Cronograma mês de junho Fonte: elaborado pelo estagiário
Tabela 3 - Cronograma mês de julho
Fonte: elaborado pelo estagiário
Tabela 4 - Cronograma mês de julho Fonte: elaborado pelo estagiário
Tabela 5 - Cronograma mês de setembro
Fonte: elaborado pelo estagiário
18
Adobe Photoshop – direcionado para imagens bitmap em que se pode criar, editar
e manusear todo o tipo de imagens e fotografias. Desde a sua cor, textura, tamanho,
brilhos, filtros, etc. É o software líder no setor em que se insere e o mais utilizado por
profissionais.7
2.5. METODOLOGIA DE PROJETO
Santos (2009: 33) diz que web design é uma atividade no âmbito da Engenharia
Web que consiste na produção de páginas web na perspetiva do utilizador. Combinando
essencialmente competências técnicas e artísticas de forma a potenciar o papel dos
seguintes conceitos:
Usabilidade – é a facilidade com que os utilizadores podem utilizar uma
ferramenta para executar uma tarefa específica;
Aparência – é o aspeto ou aquilo que se mostra superficialmente, ou seja, à
primeira vista;
Visibilidade – é a destreza com que os utilizadores localizam e interpretam a
informação.
Ainda, segundo Santos (2009: 37), o desenvolvimento de um website pode
classificar-se em três grandes fases, subdivididas em tarefas como podemos ver no
esquema da Figura 2.
1. Conceção: em que se pretende reconhecer “o que o website deve abarcar”, a
informação a processar, as funcionalidades a implementar, as restrições
existentes;
a) Planeamento: identificação geral das necessidades, identificação e
seleção de alternativas e definição do plano de trabalho;
b) Análise: identificação detalhada das funcionalidades do sistema,
respetiva descrição e assimilar que conteúdo será colocado e onde será
colocado;
c) Desenho: desenho de interfaces, de tabelas, de módulos;
7 Adaptado de https://pt.wikipedia.org/wiki/Adobe_Photoshop, acedido em 4/dez.
19
2. Implementação: em que o objetivo é identificar “o como fazer o website” e
construi-lo na realidade. São definidas e construídas as estruturas de dados, os
testes a realizar, a concretização do alojamento e do domínio. No final desta
fase deverá ser disponibilizado o sítio web a funcionar;
a) Desenvolvimento: programação das diversas partes do website;
b) Teste: o website é verificado com o objetivo de obter a aceitação do
utilizador;
3. Manutenção: inclui todas as alterações posteriores à aceitação do sítio web
pelo cliente como correção de erros, introdução de melhorias e/ou novas
funcionalidades.
a) Manutenção: corresponde ao tempo de vida útil do website e durante
o qual serão realizadas todas as modificações posteriores à entrada em
funcionamento do website.
Figura 2 - Fases e tarefas de construção de um website
Fonte: Elsa Santos em “Web design: Uma reflexão conceptual
20
2.6. NVN CONSULTING
Como descrito no plano de estágio, mencionado anteriormente, foram realizados
alguns projetos solicitados pela empresa, que serão descritos desde a conceção ao
desenvolvimento. Começando pelo site da empresa acolhedora, a NVN Consulting.
2.6.1. WEBSITE
Foi realizado o website da empresa acolhedora na plataforma wordpress, segundo
a metodologia adotada de Elsa Santos, retirada de “Web Design: Um Reflexão
Conceptual”. As tarefas de teste a manutenção foram realizadas pela empresa acolhedora
e não pelo estagiário.
2.6.1.1. CONCEÇÃO
Para se começar a desenvolver um projeto e necessário ter em conta alguns
aspetos. Assim, nesta fase, definem-se os objetivos para o website e começam-se a
recolher e a analisar as informações necessárias para o desenvolvimento do projeto.
Geralmente, isso inclui conhecer as respostas às perguntas:
Qual o propósito da Empresa?
Qual a intenção com existência do site/aplicação?
Quais os objetivos principais?
Qual é o público-alvo?
Quais as principais características do público-alvo?
Que informação disponibilizar?
Esta também é a fase na qual se definem as terminologias necessárias para o
desenvolvimento do site e quais as funcionalidades que este deve possuir.
Planeamento
Numa primeira fase existiram algumas reuniões com um dos promotores da
empresa acolhedora, com a finalidade de delinear os pontos a ter em consideração para a
realização do website da mesma. O principal objetivo do website da NVN Consulting,
21
consiste em divulgar os seus objetivos como empresa e serviços que oferece., mantendo
assim a contiguidade e disponibilidade por parte da empresa para com o público-alvo.
O público-alvo da NVN Consulting são as micro, pequenas e médias empresas,
oferecendo assim a empresa soluções a custos aceitáveis de serviços especializados.
Um dos aspetos essenciais solicitado pela empresa foi para a realização do website
fosse utilizado o wordpress. Sendo este, um aplicativo de sistemas de gestão de conteúdos
ou CMS (Content Management System) com base em PHP (Hypertext Preprocessor) e
um banco de dados em MySQL, é utilizado como plataforma de desenvolvimento de
websites de comércio eletrónico ou de outros conteúdos devido a sua capacidade de
extensão através de plugins, templates e programação PHP.
Análise
Uma boa análise melhora a qualidade do website, contribuindo para que o
utilizador se depare com uma hierarquia. Isto é importante, pois é apresentado em
primeiro lugar as informações mais relevantes, o que permite que o utilizador saiba onde
se encontra durante a sua navegação e encontre o que pretende num tempo admissível.
Como mapa de navegação, é apresentado uma estrutura diferente da já utilizada
que se apresenta na Figura 3.
A NVN Consulting, Lda já possuía inicialmente um website, devido ao mau
funcionamento na submissão de formulários de contato e da respetiva validação de
ficheiros anexados e ao conteúdo ter sido desenvolvido em Adobe Flash que reunia num
só objeto os vários serviços da empresa, foi pedido a alteração para HTML5. Pois, estes
serviços necessitavam de um link individual para cada um deles. Assim, a atualização do
website em HTML permitiu a instalação de um plugin para a gestão de Newsletter.
Figura 3 - Mapa de navegação NVN Consulting
Fonte: elaborado pelo estagiário
22
Desenho
De acordo com a análise realizada surge a necessidade de construir o wireframing.
O wireframing é um dos métodos de usabilidade para a fase de desenvolvimento de uma
interface. Este método passa pela construção de wireframes, que permitem apresentar
uma ilustração semelhante à do layout de elementos fundamentais da interface. Para isto
deve-se evitar cores, utilizando os tons cinza.
Foi utilizado a ferramenta online Moqups para a conceção dos wireframes. A
figura 4, apresenta o wireframe da página Home.
Figura 4 - Wireframe página Home NVN Consulting
Fonte: elaborado pelo estagiário
23
2.6.1.2. IMPLEMENTAÇÃO
Desenvolvimento
Após a realização dos mapas de navegação e a aprovação por parte da empresa
acolhedora, passa-se para o desenvolvimento do website. Esta tarefa é a última fase da
criação de um website para que este fique completamente disponível ao público.
Optou-se pelo template denominado de “ifeature” do autor cyberchimps. O
template é de fácil utilização para o utilizador e adapta-se a todas as dimensões de ecrãs
e de dispositivos moveis utilizados hoje em dia, responsive design.
Após a escolha do template colocou-se o logótipo do lado esquerdo do menu de
navegação, na homepage foi necessário alterar o slider com o plugin gratuito Slider WD.
Algumas das páginas contém sidebar do lado direito com links para as páginas de
“Incentivos Comunitários”. No topo da página é descrito o contacto da empresa da lado
esquerdo e do lado direito apresentam-se dois botões com as redes sociais Facebook e
Likedin. O footer é constituído pelo formulário da newsletter. Para as alterações
necessárias foi necessário a utilização dos plugins que se seguem:
Contact Form 7
CRUDLAB Facebook Like Box
Newsletter
Slider WD
Symple Shortcodes
TinyMCE Advanced
Velvet Blues Update URLs
Wp Mail Bank
WP SVG Icons
Ao longo do desenvolvimento do website, foram seguidas as normas de
usabilidade, sendo principalmente importante o utilizador saber a sua localização no
mesmo. Na Figura 5 é apresentada a homepage do website.
24
2.6.2. PUBLICIDADES NVN CONSULTING
A publicidade apresentada na Figura 6 foi realizada para ser colocada no
Facebook para a informação e renovação da página, sendo que esta não continha muitas
imagens/publicidades, informando assim o cliente e potenciais clientes. A publicidade foi
realizada no programa Adobe Photoshop.
Figura 5 - Página Home NVN Consulting
Fonte: elaborado pelo estagiário
Figura 6 - Publicidade NVN Consulting Fonte: elaborado pelo estagiário
25
2.6.3. GESTÃO DAS REDES SOCIAIS NVN CONSULTING
A gestão das redes sociais da empresa NVN Consulting, serviu apenas para a
gestão de possíveis contatos de clientes e futuros clientes e publicação da publicidade
realizada.
2.7. CASA DA MANJEDOURA
A Casa da Manjedoura trata-se de uma unidade de alojamento TER (Turismo em
Espaço Rural), ou seja, casa de campo, que se pretende ser de excelência. Situa-se na
freguesia de Alfaiates, no concelho do Sabugal, do Distrito da Guarda onde se insere num
contexto a beleza natural, patrimonial, cultural e tradicional.8
2.7.1. IDENTIDADE VISUAL
Como uma das tarefas a realizar durante o estágio, foi proposta a criação de toda
a identidade visual da “Casa da Manjedoura”. Foi feita uma reunião com um dos
promotores da empresa e com o proprietário da “Casa da Manjedoura”, para saber o que
o cliente pretendia na elaboração da identidade visual da mesma. Foi solicitada uma
identidade o mais simples possível, fácil de identificar, séria, mas ao mesmo tempo
moderna, transmitindo confiança e inovação. Para a criação de todas as propostas foi
utilizado o software Corel Draw. Para começar foi feita uma pesquisa de identidades
visuais de casas de turismo em espaço rural (Figura 7).
8 Adaptado de http://beira.pt/portal/diretorio/casa-da-manjedoura/, acedido em 24/nov.
Figura 7 - Exemplos de logótipos de TER
26
Após a pesquisa partiu-se para a elaboração de esboços e, após terem sido
apresentados vários esboços, estes foram reduzidos a duas opções (Figura 8).
Posto isto, foi optado pelo logótipo apresentado na Figura 9, em que o tipo de letra
escolhido é um tipo de letra arrojado, com serifas, fácil de perceber e identificar por parte
dos potenciais clientes. Esta é uma tipografia de licença livre para usos comerciais,
distribuída online, tem o nome de “Motion”, é uma tipografia moderna e de fácil
legibilidade com traços grossos e finos que causam uma sensação harmoniosa, o facto de
a letra ser serifada guia os olhos de quem lê, numa primeira instância e é mais fácil de
diferenciar pois as serifas dão mais identidade às letras.9
Após ter sido escolhida a proposta, e como era vontade do cliente reforçar a ideia
de exatidão foi adicionado um símbolo, com a parte exterior de uma casa, apenas com
uma janela, telhado e uma chaminé (Figura 10), enfatizando a palavra “casa”, para que
9 Adaptado de http://www.serifa.com.br, acedido em 25/nov.
Figura 8 - Logótipos Casa da Manjedoura
Fonte: elaborado pelo estagiário
Figura 9 - Logótipo Casa da Manjedoura
Fonte: elaborado pelo estagiário
27
assim a marca (Figura 11) sugerisse o pensamento de “acolhedor” por parte dos potenciais
clientes.
2.7.2. MANUAL DE IDENTIDADE VISUAL
Para Pezzullo (2003: 91) o manual de Identidade Visual é um conjunto de
elementos, materiais impressos, sistemas de cores, orientações para a aplicação da
identidade e todas as formas de comunicação internas e externas. Detalhando assim todos
os usos possíveis da identidade.
A segunda tarefa para o projeto da “Casa da Manjedoura” foi a criação de um
manual de identidade visual que visa descriminar todos os usos possíveis da identidade
criada.
O documento foi tratado de forma cuidada, para que todas as diretrizes contidas
no manual de identidade sejam o mais explícitas possível, guardando que a identidade
não sofra alterações penosas e mantenha a sua coerência (Anexo III).
2.7.3. WEBSITE
Outro dos pontos do plano de estágio, foi a realização do website para a Casa da
Manjedoura na plataforma wordpress, segundo a metodologia adotada, exceto as tarefas
de teste a manutenção, como referido anteriormente.
Figura 11 - Símbolo Casa da Manjedoura Fonte: elaborado pelo estagiário
Figura 10 - Marca Casa da Manjedoura Fonte: elaborado pelo estagiário
28
2.7.3.1. CONCEÇÃO
Planeamento
Após a recolha de informações sobre o local, foi feito um planeamento prévio para
identificar as necessidades do cliente. Este pretendia a reserva de quartos via online e
partilha de informação sobre o local.
Numa primeira fase foi feita a recolha de informações sobre a empresa e o seu
público-alvo. O principal objetivo do website da Casa da Manjedoura, consiste em
divulgar os serviços que oferece com a intenção de permitir a reserva de quartos via
online. O público-alvo abrange os turistas rurais tanto do interior como do exterior do
país, à partida são pessoas familiarizadas com as TIC.
Um dos aspetos essenciais solicitado pela empresa foi para a realização do website
fosse utilizado o wordpress. Sendo este, um aplicativo de sistemas de gestão de conteúdos
ou CMS (Content Management System) com base em PHP (Hypertext Preprocessor) e
um banco de dados em MySQL, é utilizado como plataforma de desenvolvimento de
websites de comércio eletrónico ou de outros conteúdos devido a sua capacidade de
extensão através de plugins, templates e programação PHP, sendo também o mais
utilizado atualmente.
Análise
Nesta fase é importante respeitar a hierarquia sendo que os websites devem
apresentar em primeiro lugar as informações mais importantes. Assim, após a pesquisa
na fase de planeamento, foi definido junto do cliente que o website deveria conter cinco
páginas, segundo o mapa de navegação que se apresenta na Figura 12.
O mapa de navegação foi desenvolvido na plataforma Moqups. Esta plataforma
permite a criação de mapas de navegação para websites. Este mapa serve de apoio à
compreensão dos caminhos dentro da plataforma.
Figura 12 - Mapa de navegação da Casa de Manjedoura Fonte: elaborado pelo estagiário
29
Desenho
Nesta fase e como já referido num ponto anterior surge a necessidade de construir o
wireframing, este método de usabilidade passa pela construção de wireframes, que
permitem apresentar o desenho da interface. Permite respeitar a hierarquia, ou seja
colocar em primeiro lugar a informação mais importante. O mapa de navegação
apresentado na Figura 13, foi realizado na plataforma online Moqups.
2.7.3.2. IMPLEMENTAÇÃO
Esta fase assenta sobre a fase anterior, a conceção, onde é definido como se irá
realizar o website. O estagiário optou pela realização no wordpress.
Numa primeira fase foi feita a pesquisa e a escolha do template a utilizar-se,
ficando escolhido o responsive template denominado “SKT-Hotel Lite”, desenvolvido
pela empresa “SKTThemes”. Começou-se pela alteração da página inicial (Figura 14) e,
para dar maior importância ao cabeçalho da página onde se apresenta o logótipo, do lado
esquerdo e o menu de navegação, do lado direito e apelando também à imagem que se
quer transmitir da Casa, foi removida a área de conteúdo da primeira página substituindo
Figura 13 - Wireframe da página Home Casa da Manjedoura
Fonte: elaborado pelo estagiário
30
esta por um slider de imagens do local, incluindo e destacando um botão para reservas.
À exceção da página inicial, todas as páginas contêm o sidebar do lado direito, com o
mapa de localização, a morada e os contatos.
O footer é constituído por quatro seções, respetivamente, o menu, as notícias
recentes, a rede social facebook e as informações de contato.
Para inclusões no website utilizou-se o “Google Maps Widget” para inserir o mapa
de localização e o “Form Maker” para o formulário de reservas online.
No final desta etapa o website ficou completamente completo e disponível aos
utilizadores.
2.8. BIZZNET
A BizzNet foi uma das atividades solicitadas, que passa pela criação de uma marca
que resulta de uma plataforma para a web que irá permitir aos utilizadores que se
registarem poderem vender/comprar produtos ou serviços.
Figura 14 - Página Home Casa da Manjedoura
Fonte: elaborado pelo estagiário
31
2.8.1. IDENTIDADE VISUAL
Outra das atividades do estágio foi a criação da identidade visual da
“BizzNet”,que como indicada anteriormente. Assim, foi realizada uma reunião com um
dos promotores da empresa, para saber o que este pretendia na elaboração da identidade
visual da “BizzNet”. Foi atribuída total liberdade ao estagiário para a criação do logótipo,
desde que este fosse fácil de identificar. Para começar foi feita uma pesquisa de
identidades visuais plataformas com a mesma finalidade. Para a criação de todas as
propostas foi utilizado o software Corel Draw.
Após a pesquisa partiu-se para a elaboração de esboços e, após terem sido
apresentados vários esboços, estes foram reduzidos a duas opções (Figura 15).
Posto isto, foi optado pelo logótipo apresentado na Figura 16, com o tipo de letra
escolhido é um tipo de letra não serifada, moderna e fácil de identificar por parte dos
potenciais utilizadores. Esta é uma tipografia de licença livre para usos comerciais,
distribuída online, tem o nome de “Good Times”, o facto de não ser serifada mostra o
profissionalismo, tornando as letras mais vincadas transmitindo segurança.10
Consoante as propostas, o promotor pediu para reduzir as linhas no símbolo para
que este parecesse o efeito emitido na água aquando algo cai dentro desta para que
10 Adaptado de http://www.serifa.com.br, acedido em 25/nov.
Figura 15 - Logótipos BizzNet
Fonte: elaborado pelo estagiário
Figura 16 - Logótipo BizzNet Fonte: elaborado pelo estagiário
32
simbolizasse a ideia da “BizzNet” que se traduz em englobar na mesma plataforma várias
empresas (Figura 17).
No slogan foi utilizada a frase “O futuro da sua empresa passa por aqui.”, a frase
foi escolhida pelos estagiários reforçando a ideia de englobar todas as empresas numa
rede, para partilha de serviços. Foi utilizado um tipo de letra simples com serifas para
uma melhor leitura, recorreu-se ao uso de aspas com a mesma cor do símbolo da
identidade, mantendo a coerência e transmitindo a ideia de que se trata de uma citação
por parte da empresa desenvolvedora. Assim é apresentado na Figura 18, a marca
acompanhada do slogan.
2.8.2. MANUAL DE IDENTIDADE VISUAL
A segunda tarefa para o projeto da “BizzNet” foi a criação de um manual de
identidade visual que visa descriminar todos os usos possíveis da identidade criada. O
documento foi tratado de forma cuidada, para que todas as diretrizes contidas no manual
de identidade sejam o mais explícitas possível, guardando que a identidade não sofra
alterações penosas e mantenha a sua coerência (Anexo IV).
Figura 17 - Símbolo BizzNet
Fonte: elaborado pelo estagiário
Figura 18 - Marca da BizzNet com slogan Fonte: elaborado pelo estagiário
33
2.8.3. PÁGINA DE AJUDA
A página de ajuda foi desenvolvida em HTML para o website da “BizzNet”, com
o intuito de suporte para as empresas que se queiram registar, assim como, oferece suporte
após as empresas estarem registadas. Esta página contém um menu tipo “Accordion” com
os seguintes tópicos:
Clientes;
Fornecedores;
Informação Geral;
Esta página de ajuda contém também um formulário para o utilizador enviar
possíveis dúvidas ou obter esclarecimentos por parte da empresa desenvolvedora (Figura
18).
Figura 19 - Página de Ajuda da BizzNet
Fonte: elaborado pelo estagiário
34
REFLEXÃO FINAL
O estágio curricular é um ponto importantíssimo na conclusão da licenciatura, é
quando tem de se colocar em prática tudo o que foi aprendido durante os três anos de
curso e também, é a aproximação ao mercado profissional.
Os três meses de estágio na empresa NVN Consulting, foram notáveis para o
progresso do aluno, tanto a nível profissional, pelo rigor, desempenho e dedicação, como
a nível pessoal, tornando-o assim mais confiante para o futuro.
Os projetos descritos no plano de estágio foram todos realizados e seguidos
estrategicamente, desde a aplicação da metodologia utilizada à entrega dos mesmos,
sempre na data solicitada, tanto à empresa, como aos clientes da mesma.
No futuro próximo, espera desenvolver trabalhos nestas áreas, mas mais
especificamente na Criação e Modelação 3D, pois apesar de ter só uma disciplina de
opção do curso, o aluno desenvolveu o gosto e levou como uma ocupação extra curricular
para mais conhecimentos adquiridos nesta área.
35
BIBLIOGRAFIA
Ambrose, G. e Harris, P. (2009). The Fundamentals of Graphic Design. Londres: Ava
Publishing.
Caetano, J., Rasquilha, L. (2007). Gestão da Comunicação. Porto: Quimera.
Castro, J. P. (2007) Comunicação de Marketing. Lisboa, Edições Sílabo.
Chiavenato, I., Sapiro, A. (2007) Planejamento Estratégico: fundamentos e aplicações.
Rio de Janeiro: Elsevier.
Davidson, Jeff (1993). Marketing de Serviços Profissionais E Consultoria. São Paulo:
Brasilmix Livros.
Duarte, J. (2003) Produtos e serviços de uma assessoria de imprensa. Assessoria de
imprensa e relacionamento com a média: teoria e técnica. São Paulo: Atlas.
Lindon, D. et al. (2008). Mercator XXI. Alfragide: Publicações Dom Quixote.
Monteiro, G. F. (2003) A notícia institucional. In: Duarte, J. Assessoria de imprensa e
relacionamento com a média: teoria e técnica. (pp. 140-159) São Paulo: Atlas.
Newark, Q. (2002) Qué es el Diseño Gráfico? Manual de Diseño. Barcelona: Editorial
Gustavo Gili.
Pereira, F. C. e Veríssimo, J. (2004) PUBLICIDADE. O Estado da Arte em Portugal.
Lisboa: Sílabo.
Pezzullo, Susan (2003). Desenvolvendo Sua Organização: um Guia de Sustentabilidade.
São Paulo: Senac
36
Santos, E. (2009). Web Design: uma reflexão conceptual. Revista de Ciências da
Computação.
Solas, J. G. (2002) Identidad visual corporativa. La imagen de nuestro tiempo. Madrid:
Editorial Sintesis.
Valadares, M.C.B. (2002). Planejamento Estratégico Empresarial. Rio de Janeiro:
QualityMark.
Villafañe, J. (1998) Imagem Positiva. Gestão Estratégica da Imagem das Empresas,
Lisboa: Edições Sílabo.
LISTAGEM DE ANEXOS
ANEXO I – Wireframes do website NVN Consulting
ANEXO II – Páginas do website NVN Consulting
ANEXO III – Manual de Identidade Visual – Casa da Manjedoura
ANEXO IV – Wireframes do website Casa da Manjedoura
ANEXO V – Páginas do website Casa da Manjedoura
ANEXO VI – Manual de Identidade Visual – BizzNet
ANEXO VII – Wireframe Página de Ajuda BizzNet
ANEXO VIII – Mapa de navegação do website NVN Consulting
[IDENTIDADE VISUAL]
O QUE É A IDENTIDADE VISUAL
Identidade visual é o conjunto dos elementos gráficos que representam determinada instituição, produto ou serviço. Compreende todo e qualquer material gráfico tangível ou não que possua a sua imagem institucional. O uso correto da identidade visual garante a unidade da instituição e elimina ruídos na comunicação.
A IMPORTÂNCIA DA IDENTIDADE VISUAL
A identidade visual é o maior património da instituição, pois é responsável pela identificação da instituição em qualquer meio de aplicação. A sua fixação na mente dos clientes faz-se através da uniformidade das aplicações. A uniformidade sugere força, organização, competência, profissionalismo, entre outros valores que nos temos atuais e com um mercado cada vez mais competitivo são essenciais.
OBEJTIVOS DA IDENTIDADE VISUAL
Estabelecer um panorama completo sobre a imagem institucional.Normalização do uso e disposição dos elementos institucionais.Fornecer medidas precisas para a construção dos elementos constitucionais.
BENEFÍCIOS DO USO CORRETO DA IDENTIDADE VISUAL
Imagem institucional preservada.Reconhecimento da unidade de alojamento.Clareza e objetividade.
O QUE É UM MANUAL DE IDENTIDADE VISUAL
A normalização e aplicação da identidade visual são feitas através do manual que organiza os elementos, especificando formatos, cores e regras que orientam todas as manifestações visuais da instituição, produto ou serviço. O manual é uma referência imediata para a utilização da marca e o seu uso garante os seus objetivos.
[Logótipo, Símbolo & Marca]
Logótipo, nome da empresa ou da marca, com
atributos próprios da tipografia escolhida (tipo de letra, tamanho, cor e qualquer outra indicação que defina formas e estilos).
Marca, comercial do produto, da empresa ou
serviço que ofereça ao público.
Símbolo, elemento gráfico, figurativo ou abstrato,
que constitui uma representação da identidade da empresa.
[SIMBOLO]
[LOGÓTIPO]
BizzNet
[MARCA]
BizzNet
[MARCA]Versão exata da marca BizzNet a ser utilizada em toda a comunicação.
ABCDEFGHIJLMNOPQRSTUVXZ
1234567890
ABCDEFGHIJLMNOPQRSTUVXZ
1234567890
[TIPOGRAFIA]A familia tipografica é usada na marca e não deve de forma alguma ser alterada.
Good Times Light
Good Times
Good Times Bold
REDUÇÃOO limite mínimo de redução é de 3,59 cm. O limite de redução do logotipo é definido por questões de legibilidade e reconhecimento. A legibilidade também é determinada por fatores relacionados ao processo de reprodução utilizado à qualidade da imagem original. A redução do logótipo e símbolo além do limite descrito acima, podera comprometer a sua leitura.
AMPLIAÇÃONão há restrições na ampliação da marca, desde que sejam respeitados alguns critérios como a proporção igual dos elementos e a margem de segurança para que assim tenha uma reprodução fidedigna.
[REDUÇÃO E AMPLIAÇÃO]A marca não deverá em hipótese alguma, possuir largura inferior a 3,60 cm.
BizzNet
5,3 cm
BizzNet
3,59 cm
[MARGENS DE SEGURANÇA]As margens de segurança devem ser respeitadas
Malha construtiva é a organização dos elementos gráficos e tem como objetivoorientar a reprodução da identidade gráfica da marca e a manutenção das suas proporções em ampliações ou reduções.Considera-se, na malha construtiva do símbolo e do logótipo cada módulo ‘’a’’ como uma unidade fundamental da construção, conforme representado em cima.
BizzNet
aa
2a 5a10a
O uso da identidade deve prever um campo de proteção de, no mínimo, dois módulos da malha construtiva, ou seja arejamento de ‘’2a’’ , visando garantir a sua visibilidade e evitar interferência de outros elementos gráficos.
[CORES INSTITUICIONAIS E MONOCROMÁTICAS]
A marca não deverá em hipótese alguma, possuir largura inferior a 1,6 cm.
75% 50% 25% 75% 50% 25%
Blue Black
C:100 M:0 Y:0 K:0 C:60 M:0 Y:40 K:40
Pantone Cyan Pantone Black
R:0 G:160 B:227 R:43G:42 B:41
Hex: #00A0E3 Hex: #2B2A29
Versão positiva com cor institucional
Versão positiva Versão negativa
BizzNet BizzNet
BizzNet
BizzNet
O futuro da sua empresa passa por aqui
[Slogan]Descrição.
SLOGANO slogan “O futuro da sua empresa passa por
aqui”. Foi utilizado um tipo de letra simples sem serifas para uma melhor leitura.O tipo de letra utilizada tem o nome de “Good Times”
Existem situações em que o logótipo precisará aparecer acompanhado de um slogan. Previamente definido, o slogan “O
futuro da sua empresa passa por aqui” é colocado abaixo do logótipo,respeitando as regras de arejamento de um módulo(a).
O tamanho do slogan vai depender do tamanho em que o logótipo se encontra.
BizzNet
Contração
Alteração das dimensões
Alteração do tipo de letra
Alteração das cores
[UTILIZAÇÕES INCORRETAS]
Pouco contraste Adicionar outros elementos
BizzNet
BizzNet
BizzNet
BizzNet BizzNet
[CARTÃO DE VISITA]
Lorem Ipsum
963 319 866 www.casadamanjedoura.pt
Cartão Frente90 mm x 50 mm
Cartão VersoIdentidade;Contacto telefónico;Website;E-mail;
BizzNet
Net
Bizz
BizzNet
O futuro da sua empresa passa por aqui
MANUAL DE IDENTIDADE VISUALNormas padrão para construção e uso correto da marca
Casa daManjedoura
Casa daManjedouraCasa da Manjedoura2015
Casa daManjedoura
[IDENTIDADE VISUAL]
O QUE É A IDENTIDADE VISUAL
Identidade visual é o conjunto dos elementos gráficos que representam determinada instituição, produto ou serviço. Compreende todo e qualquer material gráfico tangível ou não que possua a sua imagem institucional. O uso correto da identidade visual garante a unidade da instituição e elimina ruídos na comunicação.
A IMPORTÂNCIA DA IDENTIDADE VISUAL
A identidade visual é o maior património da instituição, pois é responsável pela identificação da instituição em qualquer meio de aplicação. A sua fixação na mente dos clientes faz-se através da uniformidade das aplicações. A uniformidade sugere força, organização, competência, profissionalismo, entre outros valores que nos temos atuais e com um mercado cada vez mais competitivo são essenciais.
OBEJTIVOS DA IDENTIDADE VISUAL
Estabelecer um panorama completo sobre a imagem institucional.Normalização do uso e disposição dos elementos institucionais.Fornecer medidas precisas para a construção dos elementos constitucionais.
BENEFÍCIOS DO USO CORRETO DA IDENTIDADE VISUAL
Imagem institucional preservada.Reconhecimento da unidade de alojamento.Clareza e objetividade.
O QUE É UM MANUAL DE IDENTIDADE VISUAL
A normalização e aplicação da identidade visual são feitas através do manual que organiza os elementos, especificando formatos, cores e regras que orientam todas as manifestações visuais da instituição, produto ou serviço. O manual é uma referência imediata para a utilização da marca e o seu uso garante os seus objetivos.
Montion �cture Light
A B C D E F G H I J L M N O P Q R Z T U V X Za b c d e f g h i j l m n o p q r s t u v x z1234567890
[TIPOGRAFIA]A familia tipografica é usada na marca e não deve de forma alguma ser alterada.
Montion �cture
A B C D E F G H I J L M N O P Q R Z T U V X Za b c d e f g h i j l m n o p q r s t u v x z1234567890
Montion �cture Bold
[Logótipo, Símbolo & Marca]
Logótipo, nome da empresa ou da marca, com
atributos próprios da tipografia escolhida (tipo de letra, tamanho, cor e qualquer outra indicação que defina formas e estilos).
Marca, comercial do produto, da empresa ou
serviço que ofereça ao público.
Símbolo, elemento gráfico, figurativo ou abstrato,
que constitui uma representação da identidade da empresa.
[MARCA]Versão exata da marca CASA DA MANJEDOURA a ser utilizada em toda a comunicação.
[SIMBOLO]
[LOGOTIPO]
Casa daManjedoura
Casa daManjedoura
[MARCA]
REDUÇÃOO limite mínimo de redução é de 1,60 cm. O limite de redução do logotipo é definido por questões de legibilidade e reconhecimento. A legibilidade também é determinada por fatores relacionados ao processo de reprodução utilizado à qualidade da imagem original. A redução do logótipo e símbolo além do limite descrito acima, podera comprometer a sua leitura.
AMPLIAÇÃONão há restrições na ampliação da marca, desde que sejam respeitados alguns critérios como a proporção igual dos elementos e a margem de segurança para que assim tenha uma reprodução fidedigna.
Casa daManjedoura Casa da
Manjedoura
3,25 cm 1,60 cm
Casa daManjedoura
6,50 cm
[REDUÇÃO E AMPLIAÇÃO]A marca não deverá em hipótese alguma, possuir largura inferior a 1,6 cm.
Versão exata da marca CASA DA MANJEDOURA a ser utilizada em toda a comunicação.
[MARGENS DE SEGURANÇA]As margens de segurança devem ser respeitadas
Casa daManjedoura
Malha construtiva é a organização dos elementos gráficos e tem como objetivoorientar a reprodução da identidade gráfica da marca e a manutenção das suas proporções em ampliações oureduções.Considera-se, na malha construtiva do símbolo e do logótipo cada módulo ‘’a’’ como uma unidade fundamental da construção, conforme representado em cima.
O uso da identidade deve prever um campo de proteção de, no mínimo, dois módulos da malha construtiva, ou seja arejamento de ‘’2a’’ , visando garantir a sua visibilidade e evitar interferência de outros elementos gráficos.
aa
2a 5a13a
[CORES INSTITUICIONAIS E MONOCROMÁTICAS]
A marca não deverá em hipótese alguma, possuir largura inferior a 1,6 cm.
75% 50% 25% 75% 50% 25%
Verde Azul
C:42 M:0 Y:73 K:0 C:60 M:0 Y:40 K:40
Pantone 366C Pantone 625C
R:169 G:204 B:104 R:77 G:137 B:124
Hex: #A9CC68 Hex: #4D897C
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Versão positiva com cor institucional
Versão positiva Versão negativa
[COMPORTAMENTOS SOBRE FUNDOS]
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
[UTILIZAÇÕES INCORRETAS]
Contração Alteração das dimensões
Casa daManjedoura Casa da
Manjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Casa daManjedoura
Alteração do tipo de letra Alteração das cores
Pouco contraste Adicionar elementos gráficos
[CARTÃO DE VISITA]
Casa daManjedoura
Casa daManjedoura
Lorem Ipsum
963 319 866
www.casadamanjedoura.pt
Cartão Frente90 mm x 50 mm
Cartão VersoIdentidade;Contacto telefónico;Website;E-mail;