relatÓrio de estÁgio - bdigital.ipg.ptbdigital.ipg.pt/dspace/bitstream/10314/2568/1/renato...

102
TPG folitécnico 1 daGuarda Polytechnic of Guarda RELATÓRIO DE ESTÁGIO Licenciatura em Comunicação Multimédia Renato André Concha dezembro 1 2015

Upload: ngodieu

Post on 11-Feb-2019

213 views

Category:

Documents


0 download

TRANSCRIPT

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

II

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.

2

CAPÍTULO 1 – EMPRESA

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

12

CAPITULO 2 - ESTÁGIO

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

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

BizzNet

Manual de identidade visualLogótipo da BizzNet

[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.

[COMPORTAMENTOS SOBRE FUNDOS]

BizzNet

BizzNet BizzNet

BizzNet

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

[email protected]

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

BizzNet

www.bizzNet.com

ANEXO IV

Wireframes do website Casa da Manjedoura

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

[email protected]

Cartão Frente90 mm x 50 mm

Cartão VersoIdentidade;Contacto telefónico;Website;E-mail;

Casa

daM

anjed

oura

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