41
Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO CRÍTICO Prova de Aptidão Profissional Bruno Joel Silva Moreira Nº 3 Débora Alexandra Sousa Gomes Nº 9 Curso Profissional de Técnico de Multimédia 12ºG Salvaterra de Magos Junho de 2016

Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

  • Upload
    vunga

  • View
    218

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

RELATÓRIO CRÍTICO

Prova de Aptidão Profissional

Bruno Joel Silva Moreira Nº 3

Débora Alexandra Sousa Gomes Nº 9

Curso Profissional de Técnico de Multimédia

12ºG

Salvaterra de Magos

Junho de 2016

Page 2: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

2

Arquimino Santos

Bruno Joel Silva Moreira Nº3

Débora Alexandra Sousa Gomes Nº 9

Curso Profissional Técnico de Multimédia

12ºG

SUMÁRIO

Relatório das atividades do Projeto

“Arquimino Santos”, desenvolvido como requisito

parcial dos módulos curriculares, supervisionado

pelos Professores Alice Pereira, Anabela Ferreira,

António Andrade, Teresa Fazenda, no curso

Profissional de Técnico de Multimédia.

Salvaterra de Magos

Junho de 2016

Page 3: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

3

Agradecimentos

Com o término deste trajeto escolar, queremos enaltecer a importância da

cooperação e formação que nos foi dada, agradecendo a todos aqueles que se

empenharam para que o nosso percurso fosse bem-sucedido.

Primeiramente, agradecemos todo o auxílio dos professores das disciplinas

técnicas, nomeadamente Alice Pereira, Anabela Ferreira, António Andrade, Fátima

Ferreira, José Nunes e Teresa Fazenda durante a conceção da nossa Prova de Aptidão

Profissional. Estamos gratos por todo o tempo, preocupação e flexibilidade que sempre

manifestaram, bem como as apreciações e críticas construtivas que fortaleceram o nosso

trabalho.

Deixamos também o nosso agradecimento à empresa “Arquimino Santos” pela

disponibilidade em apoiar o nosso projeto e em ajudar-nos em todas as dificuldades que

ocorreram. Obrigado por todas as ideias, todos os conselhos e toda a recetividade

demonstrada ao longo de todo o processo.

Agradecemos ainda a orientação que o professor de português nos disponibilizou

sempre, durante a elaboração do presente relatório e de todos os textos utilizados.

Obrigado pela pessoa e profissional que demonstrou ser.

Por fim, mas não menos importante, agradecemos à nossa família e amigos,

porque sem eles dificilmente conseguiríamos chegar até aqui, e por estarem sempre

presentes para nos amparar, criticar e congratular, fazendo-nos sentir pessoas melhores.

Page 4: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

4

Índice

Agradecimentos ................................................................................................................ 3

Resumo ............................................................................................................................. 6

Objetivos ........................................................................................................................... 6

Introdução ......................................................................................................................... 6

Desenvolvimento .............................................................................................................. 8

Enquadramento Teórico ................................................................................................... 8

Software utilizado ......................................................................................................... 8

Disciplinas influentes no Projeto .................................................................................... 10

Apresentação do Projeto ................................................................................................. 10

Anteprojeto ..................................................................................................................... 11

Briefing ........................................................................................................................... 11

Escolha do nome ............................................................................................................. 12

Logotipo ......................................................................................................................... 12

Construção .................................................................................................................. 12

Cor .............................................................................................................................. 14

Lettering ...................................................................................................................... 15

Site .................................................................................................................................. 15

Linguagem de Programação ....................................................................................... 15

Construção .................................................................................................................. 16

Menu ............................................................................................................................... 18

Página Inicial .............................................................................................................. 18

Quem Somos ............................................................................................................... 19

Serviços ....................................................................................................................... 19

Produtos ...................................................................................................................... 19

Lagar de Azeite ........................................................................................................... 22

Galeria ......................................................................................................................... 23

Page 5: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

5

Contactos .................................................................................................................... 23

Cor .................................................................................................................................. 24

Lettering ......................................................................................................................... 25

Estacionário .................................................................................................................... 26

Cartão-de-visita ........................................................................................................... 26

Cor ........................................................................................................................... 26

Lettering .................................................................................................................. 27

Cartão de Identificação Pessoal .................................................................................. 27

Flyers .......................................................................................................................... 28

Cor ........................................................................................................................... 28

Lettering .................................................................................................................. 29

Lona ............................................................................................................................ 29

Cor ........................................................................................................................... 30

Lettering .................................................................................................................. 30

Rótulos do Azeite ........................................................................................................ 30

Cor ........................................................................................................................... 31

Lettering .................................................................................................................. 31

Redes Sociais .................................................................................................................. 32

Dificuldades surgidas durante a elaboração do projeto .................................................. 33

Conclusão ....................................................................................................................... 33

Anexos ............................................................................................................................ 34

Page 6: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

6

Resumo

O presente relatório da Prova de Aptidão Profissional tem como finalidade a

descrição minuciosa do processo de desenvolvimento do Projeto Final, decorrido ao

longo do ano letivo 2015/2016. Irão ser apresentadas as competências adquiridas ao

longo destes três anos de formação escolar e profissional, com a frequência do Curso

Profissional de Técnico de Multimédia. Serão também salientadas algumas dificuldades

que surgiram no presente Projeto, no sentido de evidenciar o modo como as

ultrapassamos.

Objetivos

O nosso principal objetivo foi a renovação da aparência física e digital da

empresa. No entanto, foram surgindo posteriormente outros objetivos, sendo eles:

Revigorar a empresa no mercado empresarial, promovendo-a a partir de uma nova

imagem gráfica concebida, divulgando os seus serviços através do estacionário (site,

flyers, cartões-de-visita, cartões de identificação pessoal, lona e rótulos);

Implementar a nova imagem gráfica da empresa;

Expandir o negócio no meio local e nacional e difundir a empresa nas redes sociais.

Introdução

No âmbito da Prova de Aptidão Profissional, decidimos apresentar as nossas

competências adquiridas na área de Design e Marketing a uma empresa que necessitasse

desses serviços. A nossa ideia-base apoiou-se, por conseguinte, na renovação da

aparência física e digital de empresas com carência de divulgação de imagem. Nos

tempos em que vivemos actualmente, de fragilidade económico-financeira, saber vender

a imagem gráfica de uma empresa e comunicar com os seus clientes de forma eficaz,

criativa e ajustada à realidade da instituição, é, efectivamente crucial para a sua

sustentabilidade.

Page 7: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

7

A Prova de Aptidão Profissional é designada, neste contexto, de “Arquimino

Santos”, sendo este o nome já existente e exigido pelo nosso cliente. A ideia surgiu com

o propósito de transformar o know how da empresa, dotando-a de um ar moderno, sem

afetar contudo, o seu conceito original, mas permitindo a sua expansão.

Tivemos como principal objetivo a criação de uma página web referente à

empresa (neste caso, a “Arquimino Santos”). Todavia, chegamos à conclusão que a

imagem empresarial estava um pouco descaracterizada e actualizamos, também, o seu

estacionário (nomeadamente cartões-de-visita, cartões de identificação pessoal, flyers e

os rótulos).

No site optamos por criar um design acessível e de navegação versátil, para que

qualquer utilizador, esteja mais familiarizado, ou não, com a navegação na internet (no

caso de utilizadores de mais idade), consiga adaptar-se facilmente e por isso usámos o

conceito One Page*. O site contém um menu inicial que disponibiliza ao utilizador toda

a informação essencial à sua pesquisa. Desta forma, possibilitámos aos utilizadores um

contato imediato com a nova imagem gráfica, e é aí que apresentamos o novo layout e

logotipo da empresa.

Na área publicitária, quisemos aprofundar as suas vertentes, já que

reconhecemos que seria importante difundir a empresa realizando um estacionário.

Assim, começamos por desenvolver o logotipo para servir de base de continuação do

restante estacionário. De seguida, elaboramos os cartões-de-visita para que a nova

imagem fosse difundida eficazmente através dos clientes da empresa. Como forma de

agilizar a identificação dos funcionários e ainda realçar mais a marca, com o objetivo de

atração de clientes, criamos cartões de identificação pessoais para cada funcionário e

ainda os flyers. Por fim, para tornar a empresa mais atractiva, decidimos renovar

também a sua lona publicitária.

Page 8: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

8

*One Page é uma técnica para sites com pouca informação e que não careça de constantes atualizações.

Serve para apresentar tudo o que deve ser destacado numa empresa, num produto ou em informações

pessoais/profissionais numa única página, com secções bem definidas, exibindo os conteúdos com

rolagem unidirecional, podendo ser adicionadas outras páginas ao site.

Cada link interno conduz o utilizador para uma secção da própria página, embora não o direcionem para

uma nova página, simplesmente “desce” para mostrar o conteúdo.

Um layout One Page pode-se dizer que é responsivo, ou seja adapta-se automaticamente ao tamanho do

ecrã para ficar proporcional em dispositivos diferentes.

Desenvolvimento

Enquadramento Teórico

Software utilizado

Na execução da Prova de Aptidão Profissional recorremos aos softwares leccionados

durante os três anos letivos.

Page 9: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

9

Adobe Dreamweaver CS5: é utilizado no desenvolvimento e edição de ficheiros

destinados à Web, com diferentes tipos de extensões para páginas dinâmicas e estáticas

que podem ser utilizadas por diferentes tipos de aplicações e dispositivos.

Na nossa Prova de Aptidão Profissional foi usado o Adobe Dreamweaver para a edição

do site (página destinada à apresentação do conteúdo da empresa Arquimino Santos)

com o mecanismo do Bootstrap.

Adobe Illustrator CC: este serve para a concepção e edição de imagens vetoriais.

No nosso projeto foi utilizado o Adobe Illustrator para os estudos e criação do

estacionário (logotipo, cartões de visita, cartões de identificação pessoal, flyers e

rótulos).

Adobe Photoshop CC: é utilizado na edição profissional de imagens digitais e

trabalhos de pré-impressão.

Na referida Prova foi usado o Adobe Photoshop para a edição de imagens de conteúdo

do site tais como as imagens utilizadas na ilustração dos produtos que a empresa vende

e a imagem inicial de entrada no site.

Gantt Project: é um programa desenvolvido para a gestão e planeamento de tarefas de

um projeto em diferentes etapas, hierarquizado, baseado no Diagrama de Gantt.

Foi utilizado o Gantt Project na nossa Prova de Aptidão Profissional para o

planeamento e gestão de todo o projeto, apresentando e distribuindo as tarefas pelos

elementos do grupo.

Page 10: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

10

Disciplinas influentes no Projeto

Ao longo destes três anos letivos, através das disciplinas lecionadas,

desenvolvemos competências e conseguimos por em prática este projeto. Destacamos as

Técnicas de Multimédia (TMM), que contribuíram para a aquisição de conhecimentos

do funcionamento dos softwares; Design, Comunicação e Audiovisuais (DCA),

fundamental na aquisição da linguagem gráfica/visual e domínio estético; Sistemas de

Informação (SI), importante na obtenção de conhecimentos de ferramentas de gestão e

manutenção da Web; Projeto Produção de Multimédia (PPM), crucial na aprendizagem

da metodologia projetual, dedicada à preparação e produção da Prova.

A Formação em Contexto de Trabalho, foi igualmente uma mais-valia, não só no

nosso percurso formativo, mas também na aquisição de novas ideias, evoluindo

consequentemente com uma nova perspectiva e mais objetivos.

Apresentação do Projeto

O projeto nasceu da ideia da recriação/melhoria do “rosto” de empresas,

passando a expor-se com um look contemporâneo e actualizado aos novos conceitos da

comunicação. Para o desenvolver, a nossa estratégia passou por criar um site destinado

a promover a empresa e os seus serviços com o respetivo estacionário.

A disponibilização do site tem como público-alvo produtores, empresários ou

interessados em agricultura e/ou na criação de gado, abrangendo a faixa etária dos

adultos e mais idosos, maioritariamente do sexo masculino.

Escolhemos um layout com menu simples, optando por recorrer a cores que

inspirassem a natureza, com um conceito moderno, adaptável a qualquer formato e a

qualquer destinatário, e assim, pretendemos levar o utilizador a ter um contato com ela

muito facilmente. Escolhemo-lo também para motivar o cliente, gerando uma maior

capacidade de memorização, quer da nova “imagem”, quer do espaço físico.

O nosso cliente, a “Arquimino Santos”, forneceu-nos toda a informação

disponível em todos os materiais realizados para a apresentação final, mostrando-se

interessado no esclarecimento de dúvidas e na prestação de apoio.

Page 11: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

11

Anteprojeto

O anteprojeto consiste no delineamento e planeamento da Prova de Aptidão

Profissional. Por isso, no presente documento é feita uma descrição sumária da

metodologia seguida: apresentação do tema, materiais utilizados e objetivos que

visamos alcançar.

Foi utilizado, como auxiliar, o programa Gantt Project, que inclui um diagrama

que permitiu a calendarização e planificação das nossas tarefas e recursos e facilitou ao

grupo a gestão de tempos para cada tarefa, assim como o responsável por esta.

Briefing

No dia 2 de outubro de 2015, foi feita a primeira reunião com o nosso cliente.

Foram apresentadas as ideias iniciais, uma vez que ainda não sabíamos com exatidão o

trajecto que iríamos dar ao nosso projeto. Contudo, a modernização da empresa era a

ideia-base.

Um dos problemas da empresa era a falta de divulgação e o modo como a sua

difusão era feita e seria necessário o seu restauro. Deste modo, iniciamos a pesquisa,

baseados no setor da empresa (a agricultura e a natureza), e inspiramo-nos com o

objetivo de modernizar todo o conceito.

Com este problema resolvido, acreditamos que a empresa será memorizada mais

facilmente e que o consumidor-cliente, sempre que pensar em algum produto

relacionado com a sua área de negócio, será remetido automaticamente a satisfazer as

suas necessidades profissionais junto da empresa e a passem a frequentar.

Mais tarde, sugerimos ao cliente mais opções relativas à nossa ideia-base em que

destacamos a mudança da publicidade. Por enquanto a marca é de âmbito regional, mas

pretendemos elevá-la a um patamar nacional.

Page 12: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

12

Escolha do nome

No início de todo este processo, pesquisamos na área geográfica em que

residimos empresas que necessitassem de ser renovadas e entramos em contacto com o

nosso atual cliente.

Na nossa primeira reunião propusemos a alteração de identificação da empresa

(embora considerássemos que não fosse necessário, questionámo-lo sobre a

possibilidade de renovação radical), mas foi-nos negada essa intenção, apenas nos foi

permitida a mudança de logotipo. Tendo em conta essa restrição, não pudemos

renomeá-la, visto tratar-se de uma empresa legalmente constituída.

Logotipo

Construção

Com o nome da empresa em mente, foi mais fácil iniciar o processo de estudo e

construção do logotipo. Sendo uma empresa do ramo da agricultura e natureza, e como

tínhamos o exemplo do logotipo utilizado pela empresa, detínhamos uma ideia clara

daquilo de que precisaríamos para o criar. Analisamos alguns logotipos pré-definidos

que foram ajustados de acordo com a nossa preferência de cor, forma e tipografia.

Seguem-se os exemplos que fizemos e demos a escolher à empresa:

Esboço 1 Esboço 2 Esboço 3 Esboço 4

Esboço 5 Esboço 6

Page 13: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

13

Após a seleção feita pela empresa, foi escolhido o segundo logotipo (Esboço 2),

sendo que este teve alterações crómaticas e de lettering.

O logotipo final, tem a forma de círculo de modo a representar tanto a Terra

como a natureza envolvente, assim como a folha agregada na parte inferior do círculo.

A cor azul do texto “Arquimino Santos” pretende simbolizar a água e as gaivotas

retratam, em geral, os animais.

Do ponto de vista empresarial, o conceito pode ser visto de outra forma: a

“folha” agregada poderá representar os campos cultivados em que são utilizados os

fertilizantes (vendidos na empresa); o texto “Arquimino Santos” de cor azul, pode ser

interpretado como uma forma de utilização de canalização e/ou sistemas de regas, e as

“gaivotas” simbolizam a criação e venda de animais.

Esboço

Cromático 1

Esboço

Cromático 2

Esboço

Cromático 3

Esboço

Cromático 4

Esboço Cromático 5

(logotipo final)

Page 14: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

14

Cor

Os estudos das cores foram realizados no software Adobe Illustrator, consoante

a conceção do logotipo. Terminados os estudos foram usadas as cores azul, verde claro

e verde escuro, pois seriam aquelas que seguiam o conceito da empresa.

O logotipo possui dois tons de verde para a representação da Natureza e

agricultura e para criar relevo nas formas do logotipo, transitando de uma para a outra,

produzindo um gradiente cromático. Possui também a cor azul para a representação da

água e para a destacar visualmente, visto que está contido no texto. Também colocamos

um sombreado para destacar e lhe dar uma noção de 3D.

Paleta cromática:

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Verde escuro #049648

RGB: R=4 G=150 B=72

CMYK: C=86 M=16 Y=99 K=3

Verde claro #8DC543

RGB: R=141 G=197 B=67

CMYK: C=50 M=0 Y=97 K=0

Sombreado (que equivale ao preto com opacidade a 50%) #000000

RGB: R=0 G=0 B=0

CMYK: C=75 M=68 Y=67 K=90

Page 15: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

15

Lettering

O lettering utilizado no logótipo foi pesquisado num site de fontes livre de

direitos de autor (www.dafont.com).

Fonte: Sansation

Tamanho: 47 px

Paleta cromática:

Site

Linguagem de Programação

HTML: (HyperTextMarkupLanguage) é uma linguagem utilizada para produzir páginas

na Web. Os documentos em HTML podem ser interpretados por todos os navegadores.

CSS: (CascadingStyleSheets) é uma linguagem de folhas de estilo, utilizada para definir

a apresentação numa linguagem como HTML ou XML.

JavaScript: é uma linguagem de programação interpretada, implementada como parte

dos navegadores web para que os scripts pudessem ser executados do lado do cliente e

interagissem com o usuário sem a necessidade deste script passar pelo servidor,

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Page 16: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

16

controlando o navegador, realizando comunicação assíncrona e alterando o conteúdo do

documento exibido.

Bootstrap: é o framework mais popular de HTML, CSS e JS para o desenvolvimento

dos projetos móveis que respondem na web.

Construção

O foco principal deste projeto foi a criação do site. Utilizámos o programa

Adobe Dreamweaver para toda a sua construção e utilizamos também as

funcionalidades do Bootstrap de modo a torná-lo atual, uma vez que o objetivo é tornar

o site Responsive*.

*(Um site com a funcionalidade Responsive visa dar uma ótima visualização e uma experiência de

navegação, adaptando-se proporcionalmente a qualquer dispositivo com o mínimo de redimensionamento

e rolagem)

Nas seguintes imagens mostramos o nosso site em diversos dispositivos:

Mockup nº 1 – Representação do website num computador

Page 17: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

17

Mockup nº 2 – Representação do website num smartphone

Para a construção do site foi usado um template que encontramos na nossa

pesquisa. O template utilizado foi o Creative, o qual editamos.

Todo o conteúdo utilizado no site é livre de custos e de direitos de autor (pois é

livre para todos, sendo editável sem compromisso, e para não sofrermos qualquer

acusação de plágio), nomeadamente imagens, template, lettering e foi pesquisado em

sites com o mesmo conceito.

O site “Arquimino Santos”, com o template Creative, mostra o menu de

orientação com transparência, centrado e acompanhando toda a largura, e exibe também

um botão que dá ao utilizador a possibilidade de voltar ao início mais rapidamente. O

menu acompanha a rolagem enquanto se navega pelo site. Este, é constituído pelas

páginas: “Quem Somos”, “Serviços”, “Produtos”, “Lagar de Azeite”, “Galeria” e

“Contatos”.

Page 18: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

18

O site está dividido por secções, destacadas pelas cores usadas na construção do

logotipo, tendo em conta que à medida que se faz a rolagem com o rato, passamos pela

informação do menu e, apesar de ser One Page, inclui submenus que redireccionam o

utilizador aos produtos que a empresa vende.

O footer apresenta-se no final do site, centrado, acompanhando toda a largura do

mesmo, com o nome dos criadores, o ano actual e a referência dos direitos de autor

(copyright).

Menu

Página Inicial

Na nossa “Página Inicial” são disponibilizadas todas as informações úteis ao

utilizador (visto que se trata de um site com o conceito One Page). Apresentamos

igualmente uma imagem da região (fotografada e trabalhada por nós, em Salvaterra de

Magos) juntamente com a logomarca recriada por nós, o menu de navegação e, à

medida que se desce, apercebemo-nos das secções de informação definidas no menu.

Page 19: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

19

Quem Somos

Na secção “Quem Somos” apresentamos, num breve texto, a história da

“Arquimino Santos”, assim como algumas informações a seu respeito.

Serviços

A secção “Serviços” dá ao cliente a possibilidade de se informar acerca dos

recursos disponibilizados pela empresa.

Produtos

Na estação “Produtos” dividimo-lo em quatro submenus que serão redirecionados,

respetivamente, para quatro páginas: “Adubos”; “Alfaias”; “Plantas” e “Regas”. Nisto,

serão identificados os produtos vendidos na empresa.

Page 20: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

20

Submenu Plantas

Page 21: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

21

Submenu Alfaias

Submenu Adubos

Page 22: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

22

Submenu Regas

Lagar de Azeite

Nesta secção estará incluída uma sucinta introdução do que é o “Lagar de

Azeite” e mostraremos também os seus produtos.

Page 23: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

23

Galeria

Na “Galeria” apresentamos um slideshow com fotografias (fornecidas pela

“Arquimino Santos”) referentes à empresa para que o cliente possa estar mais

envolvido e lhe desperte simultaneamente o interesse em conhecer pessoalmente o

espaço.

Contactos

A estação “Contactos” consiste na disponibilização de endereços que podem ser

utilizados para os mais diversos esclarecimentos, designadamente o número de telefone

e o e-mail. Deste modo, dispomos também um mapa com uma ligação ao Google Maps

com o fim de ajudar o utilizador a localizar geograficamente a empresa.

Page 24: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

24

Cor

Para que houvesse uma coerência gráfica, a paleta cromática será a mesma

utilizada na construção do logotipo (verde e azul). São também utilizados os tons

neutros como o branco para contrastar com as cores fortes azul e verde das secções.

Paleta cromática:

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Verde escuro #049648

RGB: R=4 G=150 B=72

CMYK: C=86 M=16 Y=99 K=3

Page 25: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

25

Lettering

O lettering utilizado no website foi pesquisado nas fontes existentes no software

em que o construímos.

Fonte: Arial

Tamanho: títulos 30 px; conteúdo 18 px

Paleta cromática:

Verde claro #8DC543

RGB: R=141 G=197 B=67

CMYK: C=50 M=0 Y=97 K=0

Branco #FFFFFF

RGB: R=255 G=255 B=255

CMYK: C=0 M=0 Y=0 K=0

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Branco #FFFFFF

RGB: R=255 G=255 B=255

CMYK: C=0 M=0 Y=0 K=0

Page 26: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

26

Estacionário

Cartão-de-visita

O cartão-de-visita visa recordar o cliente dos endereços disponíveis, que podem

ser solicitados sempre que necessite, sendo entregue numa das suas visitas à empresa.

Este refere a morada, o telefone, o e-mail e o endereço da página web, como se ilustra a

seguir:

Mockup nº 3 – Cartão-de-visita

Cor

Para continuar a coerência gráfica, a paleta cromática será idêntica à utilizada na

construção do site (verde, azul e branco), alterando apenas os tons devido à imagem de

fundo.

Sombreado (que equivale ao preto com opacidade a 50%) #000000

RGB: R=0 G=0 B=0

CMYK: C=75 M=68 Y=67 K=90

Page 27: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

27

Lettering

No cartão-de-visita, utilizamos o mesmo lettering do logotipo, uma vez que o

cartão tem um formato pequeno e, por isso de fácil transporte, e assim, sempre que o

cliente olhar para o lettering, vai associar à marca “Arquimino Santos”.

Fonte: Sansation

Tamanho: 7 px

Paleta cromática:

Cartão de Identificação Pessoal

A ideia de criar o cartão de identificação pessoal surgiu quando visitamos a

empresa e reparamos que não eram prática usual na empresa. À semelhança do que

fizemos nos cartões-de-visita, seguimos com coerência gráfica. Como o nome indica, o

cartão apresenta o nome do funcionário e o logotipo da mesma, como é possível ver na

imagem abaixo:

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Page 28: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

28

Mockup nº 4 – Cartão de Identificação Pessoal

Flyers

Os flyers têm como objectivo a divulgação dos serviços da empresa. Nele,

apresentamos as vertentes que a empresa tem, dando ao cliente a possibilidade de

escolha daquela que mais lhe agradar ou necessitar. O nosso flyer, contém frente e

verso, sendo que na frente apresenta as categorias que a empresa abrange e no verso faz

referência ao “Lagar de Azeite” pois é o setor menos conhecido da mesma.

Mockup nº 5 – Representação do flyer (frente e verso)

Cor

No caso dos flyers, a paleta cromática será idêntica à utilizada na construção do

site (verde e branco), excluindo apenas o azul no fundo e mudando os tons.

Page 29: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

29

Lettering

Na pesquisa do lettering, decidimos optar por um estilo sem serifa e moderno,

(de acordo com o conceito que quisemos dar à empresa) pela sua legibilidade e fácil

memorização.

Fonte: Sansation; Calibri

Tamanho: títulos 20 px; conteúdo 9 px; 15 px; 17 px

Paleta cromática:

Lona

A lona é utilizada como elemento decorativo da empresa, neste caso, achamos

por bem que passasse a ter a nova imagem gráfica para que o cliente se sinta

familiarizado com ela. O logotipo centrado dá destaque à marca, sendo o foco do

cliente. Dimensão: 300cm x 100cm

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Branco #FFFFFF

RGB: R=255 G=255 B=255

CMYK: C=0 M=0 Y=0 K=0

Preto #000000

RGB: R=0 G=0 B=0

CMYK: C=75 M=68 Y=67 K=90

Page 30: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

30

Cor

Ao invés do restante estacionário, a lona é constituída por imagens dos produtos

que a empresa vende que por si só, têm cores fortes, semelhantes às utilizadas

anteriormente.

Lettering

Fonte: Calibri;

Tamanho: título 240 px; conteúdo 120 px

Paleta cromática:

Rótulos do Azeite

A empresa “Arquimino Santos” tem também agregado o negócio do azeite e,

pensamos em pedir para renovarmos também os rótulos das garrafas e garrafões de

azeite que são vendidos.

Azul #00559B

RGB: R=0 G=85 B=155

CMYK: C=98 M=74 Y=8 K=1

Page 31: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

31

Mockup nº 6 – Representação dos rótulos nas respectivas embalagens

Cor

No caso das cores dos rotulos, uma vez que é um produto da empresa, decidimos

mudar um pouco o layout e optamos pelas cores correspondentes ao azeite. O cinza

escuro carateriza as azeitonas e o dourado simbolizao azeite no seu estado final: líquido.

Lettering

Após as pesquisas de layouts de garrafas e garrafões de azeite, apercebemo-nos

de que o lettering tinha que ser moderno e ao mesmo tempo rústico e, portanto, para o

título escolhemos o estilo caligrafia e para o conteúdo, sem serifa.

Cinza escuro #202020

RGB: R=32 G=32 B=32

CMYK: C=72 M=66 Y=65 K=73

Dourado #B6872C

RGB: R=182 G=135 B=44

CMYK: C=27 M=45 Y=100 K=6

Page 32: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

32

Fonte: Calibri; Marguerite

Tamanho: título 30 px; conteúdo 20 px; 15 px; 10 px; 8 px; 7 px

Paleta crómatica:

Redes Sociais

Para marcar o seu regresso ao mercado, inicialmente pensamos que seria útil

criar uma conta na rede social Facebook. Para além de ser uma das mais utilizadas no

mundo é também uma grande fonte de comunicação social cuja informação se propaga

de forma instantânea.

Cinza escuro #202020

RGB: R=32 G=32 B=32

CMYK: C=72 M=66 Y=65 K=73

Branco #FFFFFF

RGB: R=255 G=255 B=255

CMYK: C=0 M=0 Y=0 K=0

Dourado #B6872C

RGB: R=182 G=135 B=44

CMYK: C=27 M=45 Y=100 K=6

Page 33: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

33

Dificuldades surgidas durante a elaboração do projeto

Ao longo da construção do projeto já estavam previstas algumas dificuldades,

uma vez que este requeria muita criatividade, competências técnicas e organização da

nossa parte. Uma delas foi a criação do site, que era uma das áreas em que não nos

sentíamos muito à vontade, outra, era a constante falta de criatividade na criação do

estacionário devido ao tema do projeto.

Conclusão

Ao longo destes três anos de curso fomos desenvolvendo competências técnicas

da área da multimédia, nomeadamente edição de imagens, som, animações, vídeo, etc.

Inscrevemo-nos no curso sem ter a perceção da influência que a multimédia têm sobre a

sociedade e o mundo que nos rodeia.

Quanto ao Projeto de Aptidão Profissional, após todo o esforço contra as

enumeras dificuldades que surgiram, conseguimos finalizar atempadamente, com

profissionalismo e sentido estético, respeitando sempre a opinião do cliente. O projeto

final deixou-nos orgulhosos, pois foi muito gratificante verificarmos que o nosso

trabalho foi produtivo e que esse esforço foi valorizado.

Page 34: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

34

Anexos

ANEXO 1

AGRUPAMENTO DE ESCOLAS DE SALVATERRA DE MAGOS

ESCOLA BÁSICA E SECUNDÁRIA DE SALVATERRA DE MAGOS

Curso Profissional de Multimédia

Pré-plano de Prova de Aptidão Profissional

Ano: 2013/2014

Identificação do Grupo:

Nr Turma Nome

3/12 12ºH Bruno Moreira/Débora Gomes

Tema

Construção de um site e estacionários para a empresa (Arquimino Santos-Marinhais) de produtos agrícolas.

Objetivos

Promover a empresa Divulgar os serviços através de um site, flyers, banners Expandir o negócio no meio local e nacional Publicitar o que a empresa é ou para que serve Fazer reaparecer a empresa no mercado Implementar uma nova “imagem” À empresa Criar o estacionário de identificação empresarial e o redesign do logótipo Sensibilizar produtores, empresários ou interessados em agricultura Produzir uma estratégia de vendas (como fazer chegar a mensagem ao público)

Descrição Sumária

O nosso produto vai ser um site destinado a promover a empresa e os seus serviços, devido à sua falta de reconhecimento, e vai ser implementado no final do ano letivo aquando a apresentação da PAP. A disponibilização do site, a apresentação da empresa, os seus serviços e o que vendem, tem como público-alvo produtores, empresários ou interessados em agricultura sendo o nosso cliente o senhor Arquimino Santos, pretendemos também criar estratégias de venda como, amostras de garrafas de azeite ou spot publicitário na rádio (promover o lagar) e fazer algumas promoções de acordo com o nosso cliente, dar aos

Page 35: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

35

clientes cartões de visita e flyers de forma a que outras pessoas que não frequentam a empresa possam ter acesso a estas estratégias de venda.

Materiais necessários

- Os softwares que vamos utilizar são essencialmente os da Adobe, o Adobe Photoshop, Adobe Illustrator e o Adobe Dreamweaver - Equipamentos físicos como computadores, sala de multimédia e camara fotográfica

Salvaterra de Magos, 13 de Outubro de 2013

O Diretor de Curso

________________________________

ANEXO 2

Antes

Depois

Page 36: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

36

ANEXO 3

Esboço inicial do site

Page 37: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

37

Page 38: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

38

ANEXO 4

Gantt Project

Page 39: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

39

Page 40: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

40

Page 41: Agrupamento de Escolas de Salvaterra de Magos RELATÓRIO ...aesmprojetos.net/arquiminosantos/docs/Relatorio.pdf · Agrupamento de Escolas de Salvaterra de Magos 3 Agradecimentos Com

Agrupamento de Escolas de Salvaterra de Magos

41