Escola Básica e Secundária de Salvaterra de Magos. RELATÓRIO CRÍTICO Prova de Aptidão Profissional

Transcrição

1 RELATÓRIO CRÍTICO Prova de Aptidão Profissional Ema Alexandra Batista Completo Curso Profissional Técnico de Multimédia 12ºJ Nº5 Salvaterra de Magos Junho de 2018

2 Ema Alexandra Batista Completo Curso Profissional Técnico de Multimédia 12ºJ Nº5 SUMÁRIO Relatório das atividades do Projeto AME Fotógrafa de Eventos, desenvolvido como requisito parcial dos módulos curriculares, supervisionado pelos Professores Teresa Fazenda, Maria João Lucas e Patrício Oliveira, no Curso Profissional Técnico de Multimédia. Salvaterra de Magos Junho de 2018

3 Agradecimentos Em primeiro lugar, quero agradecer a todos os professores que me acompanharam e me apoiaram nesta longa jornada. Agradeço em especial às professoras Anabela Ferreira, Teresa Fazenda e Maria João Lucas e ao professor Patrício Oliveira por me terem, em parte, feito crescer a nível profissional e por me terem ajudado a alcançar com sucesso o término deste curso. Agradeço com carinho à minha mãe que sempre me apoiou nas diversas divergências que ocorreram ao longo destes três anos e ao meu namorado por me ter feito ter os pés bem assentes na terra em relação ao término da P.A.P. e do curso. Agradeço de igual forma à minha amiga e colega de curso Andreia Mendes por ter superado comigo as dificuldades que o curso nos apresentou e por me ajudado no desenvolvimento da Prova de Aptidão Profissional. Por fim, gostaria de agradecer a todos os meus colegas e amigos que me ajudaram na integração do curso e por fazerem do Ensino Secundário uma passagem inesquecível na minha vida.

4 Índice Geral Introdução Implementação Pesquisa e seleção de informação Conceção do projeto Metodologia projetual Anteprojeto Calendarização Gantt Programas utilizados Logótipo Design logótipo Esboços logótipo Logótipo final Fotografias Apresentadas Produção website Template do projeto Páginas do site Design do projeto Layout do projeto Páginas ocultas do site Conclusão Sites Utilizados Anexos

5 Introdução O projeto que escolhemos e decidimos desenvolver, consiste na realização de um website promocional e comercial intitulado AME Fotógrafa de Eventos, que irá dar a conhecer todos os trabalhos nas diferentes áreas da multimédia. Irá servir como divulgação dos serviços a prestar e, posteriormente, servirá também para publicar futuros trabalhos. Para a realização deste projeto foi necessário utilizar conteúdos e softwares lecionados nas aulas referentes ao curso profissional Técnico de Multimédia, tais como, Adobe Photoshop CS 5.1, Adobe Photoshop CC 2018, e Adobe Illustrater CS 5.1. A escolha deste projeto surgiu com a ingressão no mundo do trabalho em relação à fotografia e da necessidade de compilar num portefólio todos os trabalhos realizados com vista à sua divulgação e promoção. Neste sentido, com este projeto objetivou-se Aplicar conhecimentos adquiridos; Demostrar as minhas competências a nível do design gráfico, captura (fotografia) e edição de imagem digital; Mostrar competências de programação e edição web; Mostrar competências quanto à implementação de um produto online. Para a execução das tarefas seguiu-se a seguinte metodologia de trabalho tendo sido primeiramente realizada uma pesquisa, de seguida a planificação das atividades e posteriormente a calendarização, o design e a respetiva produção. De modo a demonstrar as etapas do trabalho acima referidas e desenvolvidas, 1

6 estruturou-se o relatório começando pela Introdução, Design logótipo, Layout Logótipo; Design Website; Layout Website e Conclusão. Com esta gestão de tarefas tenciona-se ter demonstrado cada passo acima referido com sucesso para que a preceção do trabalho seja assim bem compreendida. Implementação Este trabalho implementa-se na área do design gráfico, captura de fotografia e imagem digital, através da cobertura de uma cerimónia de casamento real e respetivos elementos gráficos para o evento, a saber: capturar as fotos do casamento e uma posterior sessão na praia; editar as mesmas; criar o cartão de convite; marcadores de mesa; mapa da sala, lembranças e outras surpresas/merchandising. Pesquisa e seleção de informação Nesta fase seguinte do projeto foi-nos solicitada a realização de uma seleção de informação dos componentes que iria usar no projeto, demonstrando a mesma através de perguntas, sendo estas: 1. Definir as tarefas necessárias e as estratégias de ação para cada elemento da equipa dentro do projeto. 2. Conceito de layout. 3. O que é Diagramação da página? 4. Sistema de navegação/informação o que é? 5. Que tipo de componentes são necessários? 6. Significado de Conceito? 2

7 7. Tipografia adequada o que é? 5. Paletas/sistemas de cor adequados? 6. CSS o que é? 7. Que tipo de linguagem de programação tenho à disposição? 8. Qual devo usar? Conceção do projeto Este projeto surgiu da uma colaboração enquanto fotógrafa num casamento realizado em março, cujas fotografias, edição das mesmas e álbum fotográfico são da nossa autoria. Posteriormente surgiu a ideia de realizar uma sessão fotográfica de casados na praia, o que deu asas a que o projeto fosse aquilo que estamos a começar a concretizar, ou seja, um website que promovesse e mostrasse o trabalho no que toca a funções/competências de fotógrafa de eventos, criação de Websites e Design gráfico. Metodologia projetual A ideia partiu de uma necessidade neste caso, de promoção profissional. Após a ideia inicial, realizou-se uma pesquisa de informação tendo em conta o conceito definido para o projeto. Em seguida efetuou-se a planificação do trabalho originando a calendarização da mesma. Posteriormente seguiu-se com a execução do projeto. Por fim, terminou-se o produto fazendo-se a verificação do mesmo. 3

8 Anteprojeto Foi realizada uma parte da planificação do trabalho a nivel de design em esboços, que consistem na página principal/inicial do site, mostrando o mais aproximado possível da realidade que eu pretendia a nível de design. A nível contextual, foi elaborado um pré-plano que contem a identificação do tema, os objetivos e nomeadamente, a descrição sumária e por fim, os recursos necessários (Anexo1). Calendarização - Gantt De modo a gerir melhor o trabalho realizou-se uma calendarização de tarefas no Software intitulado Gantt (Anexo2). Após todos os obstáculos que surgiram no meio da realização do produto, foram ajustados os horários e datas para que se aproximasse mais da realidade. Programas utilizados Para uma realização com sucesso da presente Prova de Aptidão Profissional, utilizaramse para a criação do logótipo o software Adobe Illustrater CS 5.1, para a edição de todas as fotografias apresentadas no site, utilizaram-se o software Adobe Photoshop CS 5.1 e Adobe Photoshop CC 2018, por fim para a realização do Website, foi utilizado um software online intitulado por Weebly. 4

9 Logótipo Para a realização do logótipo, começou-se inicialmente por encontrar um nome que se adequasse àquilo que era o tema do projeto. Posto isto, surgiu a ideia de usar o nome Ema com um pequeno trocadilho ou seja, utilizando o nome ao contrário, que em anagrama acaba por se intitular de Ame O nome Ame, no entanto, acaba por ter diversos significados e sentimentos a ele associados, o que favorece não só o nosso trabalho, como também a explícita melhor do que muitos outros possíveis nomes. Design Logótipo Para dar inicio ao logótipo em si, começou-se por procurar uma fonte elegante, clara e legível, não muito trabalhada formalmente e ao mesmo tempo algo austera, intitulada KL Cupid 5

10 Posteriormente adicionei uma seta com stroke preto sem preenchimento no início e com. preenchimento preto no triângulo que dá por terminada a seta, seta essa que iniciava na letra a e terminava na ponta da letra e A escolha do elemento gráfico seta tem diversos significados: Podemos amar sem limite, amar sem nem olhar para trás, com uma e só uma direção, a direção para a felicidade Amar o que fazemos, amar cada foto, amar cada sentimento nela transmitida. Amar o nosso par, o nosso amigo e até o nosso inimigo. Amar o nosso trabalho e principalmente amar o sentimento que depositamos nele. Como tal, pensou-se que não ficava esteticamente apresentável, apenas uma seta e o respetivo nome, para tal efeito ser cortado adicionou-se um coração com stroke a preto sem preenchimento 6

11 Não foi adicionado qualquer outro tipo de cor, textura ou efeito pois, ou perdia o enfoque ao nome ame ou perdia a estética toda que se pretendia ter no logótipo. Como tal, o logótipo manteve-se como monocromático, acentuando-se assim, não só o nome como tudo o que o rodeia. Esboços Logótipo Antes de chegar ao logótipo final recorremos a diversos esboços direcionados para a estética da seta interligada com o nome. Primeiro esboço Consiste numa interligação horizontal entre o início e o final da palavra, sendo que no meio da seta, para além de conter o nome e o coração principal, ainda contêm dois 7

12 corações em tamanho reduzido: um com preenchimento preto e stroke preto e outro sem preenchimento apenas com stroke preto. Não se optou por este esboço, por ter uma leitura visual bastante horizontal e conter demasiada informação desnecessária para o pretendido, que consistia em focar o nome. Segundo esboço Aproxima-se mais do logótipo final, não contendo corações secundários, mas a estética horizontal ainda permanece, por esse motivo este esboço não foi o produto final escolhido. 8

13 Terceiro esboço Neste esboço foi retirada a sua organização e design horizontal, procurando uma leitura oblíqua e dando a ideia de que a seta se direciona para um lugar sem fim, para o céu, lugar onde procuramos o sinal para que todos os nossos sonhos se concretizem e sejam capturados, quer na memória que no coração merecendo ser relembrado com o olhar de quem viveu aquele precioso momento. Este esboço não foi escolhido pois o início da seta não estava corretamente posicionado, não transmitindo a ideia correta de que a seta tem direção para cima. Logótipo Final O logótipo final não alterou muito a sua estética relacionado com o esboço anterior, que era o que se pretendia para dar como concluído com sucesso este importante elemento 9

14 gráfico. O produto final contêm o início e o final da seta alinhados no mesmo sentido, a começar na primeira letra do ame e a acabar na última letra do mesmo com o respetivo coração anteriormente referido no meio. Sendo este logótipo o produto final escolhido. Fotografias Apresentadas Todas as fotos que se encontram no Website foram por nós capturadas e editadas, sendo assim a sua autoria perfeitamente identificada. Todas as fotos têm um cliente próprio, sendo assim editadas com todo o rigor. Utilizouse para o efeito, diversas ferramentas para a edição das mesmas, tais como: 10

15 Brightness/Contrast Levels Curves Vibrance Hue/Saturation Color Balance Black and White Produção Website Para a realização do produto principal que consiste no Website, recorreu-se a um software intitulado Weebly, tratando-se de uma plataforma online para construir sites com base em templates ou de raiz. 11

16 Template do projeto Para dar início à construção do site começamos por procurar um template que fosse ao encontro daquilo que se pretendia, neste caso um portefólio. Deu-se por finalizada a procura com um template base relacionado com fotografia. Página Principal

17

18

19 7. Portefólio 1. 15

20

21

22 Sobre Mim

23 3. Todas as outras páginas que posteriormente serão apresentadas foram por nós desenvolvidas de raiz, o template de base serviu apenas de apoio para o começo do projeto. Páginas do Site O Site divide-se por uma barra de menus visível com outras páginas ocultas. As páginas apresentam-se pela seguinte ordem Página Inicial; Sobre Mim; Portefólio; o Página Inicial; o Sessão Praia; o Design Gráfico; Serviços; Contactos; 19

24 Design do Projeto O projeto contém apenas 3 cores. Branco e roxo para fundo; Branco e preto para texto; Foi escolhida a cor roxa, por ser uma cor com bastante identificação e gosto pessoal e que se assume como acolhedora e enquadrando-se tanto para o cliente ou visitante do site feminino, assim como para o masculino. A cor branca transmite leveza, pureza e paz que se completa com a cor roxa. Layout do Projeto A primeira página do site consiste na página inicial, página essa que terá várias secções direcionando, através de pequenos resumos ou imagens apelativas, para as respetivas páginas importantes do site. Ao abrir o site, irá surgir inicialmente o logótipo e a barra de menus. Logótipo Fundo simples de apresentação para ocupar o ecrã inteiro; Transparência branca de modo a ocupar todo o fundo; Linha formando um quadrado preto em volta do logótipo centrado; Logótipo no centro do ecrã seguido de indicação da profissão; O fundo da imagem, contem uma caixa de texto com o objetivo de convidar à continuação da navegação em redor do site e suas funcionalidades; 20

25 Menu Barra de menu para as diferentes páginas do site sendo estas o Página Inicial; o Sobre mim; o Portefólio; o Serviços; o Contactos; Ao navegar no site o menu irá sempre acompanhar na página onde se encontra, com um transparência preta; 21

26 De seguida irá surgir conteúdo pela ordem que se encontra no menu acima apresentado. Primeiramente surge a secção Quem Somos que contém do lado esquerdo um pequeno excerto da história/informação pessoal do profissional de fotografia, com um botão no final do texto direcionando para a respetiva página que contêm informação mais detalhada. Do lado direito encontra-se uma fotografia mostrando, neste caso, a fotógrafa a realizar um determinado trabalho com a câmara fotográfica em punho. 22

27 Após a secção Quem Somos surge uma outra secção com o objetivo de apelar à contratação de um determinado serviço, requerendo um orçamento para um determinado trabalho com um botão direcionado para a página com formulário intitulada por Contactos De seguida surge mais um item do menu, mais propriamente, o portefólio. Esta secção inicia com um texto para apelar ao público alvo a paixão por cada trabalho abaixo apresentado. Logo após o texto surgem 3 projetos na qual se pode e deve navegar/visitar, pois direciona para a respetiva página de cada trabalho apresentado. 23

28 No final desta secção surge um botão que direciona para a página onde se encontram todos os trabalhos. Em seguida surge a secção de serviços que informa de todos os serviços disponíveis ao público alvo/cliente. Esta secção, visto que se encontra na página principal, mostra apenas a imagem esquematizada em ícone, para ilustrar do que se trata e o respetivo nome de cada serviço. No final desta secção surge um botão que direciona para a página onde se encontram 24

29 todos os serviços. No final da página principal surge o footer. O footer contêm duas secções sendo que, uma das secções pretende despertar nos clientes o interesse e a procurarem nas redes sociais mais informação sobre a empresa e a segunda secção informa de contatos profissionais, ou seja Contato telefónico, e País residente. No meio das duas secções encontra-se um botão que se direciona para o topo da página. A página seguinte é direcionada à fotógrafa e profissional, sendo intitulada Sobre Mim. Ao acedermos à página obtemos em primeira mão uma fotografia de um trabalho realizado, mostrando assim o artista e criativo em ação. Por cima da mesma encontrase uma transparência preta de modo a observar-se com qualidade o nome Sobre Mim. 25

30 De seguida, surge uma secção em que, no lado esquerdo contém a história um pouco mais detalhada acerca do profissional responsável pelos serviços e do que se pretende com a fotografia, do lado direito exibem-se três fotos mostrando, neste caso, um autorretrato da fotógrafa e esta a realizar um determinado trabalho com a câmara fotográfica. Mais a baixo surge uma secção, donde constam apenas paisagens e fotos de elevado interesse e gosto pessoal, para que o público-alvo também conheça a personalidade do profissional a nível de gostos e estética fotográfica. 26

31 No final da página volta a surgir o footer referido anterior. A página seguinte consiste no portefólio de trabalhos anteriormente realizados. Ao acedermos à página observamos inicialmente, uma foto de fundo com uma transparência preta de modo a observar-se com qualidade do nome Portefólio 27

32 De seguida encontram-se 3 secções: a primeira apresenta do seu lado esquerdo, a sessão fotográfica de um casamento e do seu lado direito apresentam-se três fotos do mesmo para apelar à curiosidade do cliente para ver mais. Seguidamente, apresenta-se do lado direito a sessão de praia com recém casados que e do seu lado esquerdo apresentam-se três fotos do mesmo para apelar à curiosidade do cliente para visualizar o resto do portefólio. 28

33 Por fim, apresenta-se do lado esquerdo de que tipo de trabalho se trata, sendo assim de Design Gráfico e do seu lado direito apresenta três imagens do mesmo para apelar à curiosidade do cliente para visualizar o resto dos trabalhos realizados. No final da página surge o footer. O footer contêm duas secções sendo que, uma das secções pretende apelar os clientes para pedirem um orçamento. No meio das duas secções encontra-se um botão que se novamente o botão direcionado 29

34 para a página Inicial A página de Serviços é a página seguinte na barra de menus e consiste na divulgação das competências, mostrando ao público alvo tudo aquilo que estamos habilitados a fazer. Ao acedermos à página observamos, tal como em todas as outras páginas uma foto de fundo com uma transparência preta para que seja percétivel o nome Serviços Seguidamente, surgem 3 colunas com 2 filas referindo todos os serviços disponibilizados ao cliente, especificando por baixo do lógotipo do serviço indicado, aquilo que nos é possível realizar e/ou concretizar dentro daquela área específica. 30

35 No final da página surge de novo o footer com as mesmas funcionalidades descritas anteriormente. 31

36 A última página da barra de menus consiste nos Contactos. Quando acedemos à respetiva página deparamo-nos com uma foto de fundo com uma transparência preta para que seja legível e bem visível a frase nela escrita. É nos contactos que o público alvo pode comunicar com o profissional, seja através de , contato telefónico e igualmente através do preenchimento do formulário de pedido de orçamento. Neste caso, a página inicia diretamente com o formulário de orçamento, de modo a que a pessoa indique se pretende tirar qualquer género de dúvida sobre os serviços disponibilizados. 32

37 No final da página de contactos surge o footer com a possibilidade de direcionar para as redes sociais. O resto do footer coincide com as descrições anteriores. Páginas Ocultas do Site Dentro do site existem três páginas que não são visíveis no menu, sendo assim estas são consideradas páginas secundárias. Estas páginas consistem nos trabalhos apresentados muito resumidamente na página Portefólios. São páginas com layout exatamente igual, simplesmente o que altera é a informação e as imagens escolhidas. Sendo assim, quando acedemos às páginas, deparamo-nos com uma foto de fundo com uma transparência preta para que seja percétivel a frase nela escrita especificando de que tipo de trabalho se trata. 33

38 De seguida aparece o portefólio de fotos de um determinado trabalho, neste caso, da sessão de praia. No meio das duas secções encontra-se um botão que se direciona para voltar à pagina Portefólio. 34

39 Conclusão Tendo como pensamento as ideias e conceitos iniciais e olhando para aquilo que se concretizou e materializou na realidade penso que no geral, atingi os meus objetivos pessoais e académicos. Consegui explicar e principalmente expor tudo o que poderia fazer pelo cliente e inclusive mostrei provas e fundamentos de tais argumentos, explanados no portefólio. O projeto final penso que tem tudo claro, objetivo e de fácil manipulação o que ajuda posteriormente o cliente que o irá utilizar, pois não se torna confusa a sua utilização. Quanto a dificuldades, penso que não surgiu nenhum problema que ocupasse bastante tempo ou apresentasse dificuldades de monta, tendo surgido apenas a necessidade de algumas escolhas difíceis ao nível de design mas nada considerado problema, mas sim mais como um desafio. Espero utilizar este site futuramente para ingressar de forma devidamente adequada no mundo do trabalho para fazer aquilo que mais desejo. 35

40 Sites Utilizados 36

41 Anexos Anexo1 37

42 Anexo2 38