Escola Básica e Secundária de Salvaterra de Magos RELATÓRIO CRÍTICO Prova de Aptidão Profissional Daniela Sofia Rodrigues Soares Cruz Curso Profissional Técnico de Multimédia 12ºJ Nº4 Salvaterra de Magos Junho de 2018
Daniela Sofia Rodrigues Soares Cruz Curso Profissional Técnico de Multimédia 12ºJ Nº4 SUMÁRIO Relatório das atividades do Projeto Laçarotes & Companhia, desenvolvido como requisito parcial dos módulos curriculares, supervisionado pelos professores Teresa Fazenda, Patrício Oliveira e Maria João Lucas, no curso Profissional Técnico de Multimédia. Salvaterra de Magos Junho de 2018
Índice AGRADECIMENTOS... 4 INTRODUÇÃO... 5 DESENVOLVIMENTO... 7 CONCEÇÃO DA IDEIA... 7 PESQUISA... 7 ANTEPROJETO... 7 PLANIFICAÇÃO/CALENDARIZAÇÃO... 7 SOFTWARE... 8 CONCEPTUALIZAÇÃO... 8 TAREFAS E MATERAIS... 8 PÚBLICO-ALVO... 9 DESIGN... 9 VÍDEO... 13 CONCLUSÃO... 15 BIBLIOGRAFIA... 16 ANEXOS... 17 ANEXO 1 GANTT... 17 ANEXO 2 ANTEPROJETO... 18
Agradecimentos Ao longo do meu projeto tive a colaboração e o apoio de várias pessoas que, sem elas, não teria conseguido realizar e concluir a Prova de Aptidão Profissional. Quero agradecer à minha mãe e ao meu padrasto por me terem confiado este projeto, por me terem acompanhado, ajudado no local das gravações do vídeo comercial e sessão fotográfica. Um enorme obrigado ao meu avô, Adelino Cruz, pois foi quem me ofereceu todos os equipamentos necessários tanto para o curso como para a Prova de Aptidão Profissional. Um obrigado aos professores responsáveis pela supervisão do projeto, Teresa Fazenda, Patrício Oliveira e Maria João Lucas, que nunca me deixaram desistir e que sempre me ajudaram a superar as dificuldades que foram surgindo ao longo da realização do projeto. Um obrigado especial aos meus colegas de turma principalmente ao João Dias e ao Tiago Guiomar, por me ter ajudado a resolver alguns problemas técnicos do site. Um Obrigado a todos.
Introdução O presente relatório refere-se ao projeto de Produção de um Website intitulado, Laçarotes & Companhia no âmbito da Prova de Aptidão Profissional do Curso Profissional de Técnico de Multimédia. O Projeto engloba o desenvolvimento de um Website, onde serão inseridas fotografias, assim como, uma curta-metragem Comercial/Promocional. O Website pretende ser uma loja online de venda de roupa, calçado e acessórios para Criança cujos objetivos são: Divulgar os produtos de uma forma mais abrangente e eficaz e torná-lo em algo mais sério, uma vez que os produtos são vendidos e anunciados apenas através do Facebook. Este projeto vai servir para a divulgação das roupas e acessórios, assim como os respetivos preços e tamanhos, para futuras encomendas; Dar a conhecer a loja a mais pessoas; Facilitar os clientes a ver todos os produtos de forma organizada; Evidenciar competências na área da fotografia e do webdesign. A empresa Laçarotes & Companhia, já se encontra a funcionar, no entanto, foi-me proposta pela mesma, a produção de um Website e uma curta-metragem Comercial/Promocional com o intuito de tornar a empresa mais profissional. Para concretização deste projeto, foi iniciada uma pesquisa com a abordagem a conceitos relacionados com a criação de Websites, com o estudo de Webdesign e com a produção de uma curta-metragem para fins publicitários. Seguidamente, procedeu-se à planificação cronológica do projeto na sua totalidade, com o auxílio da ferramenta digital GANTT. 5
No fim destas duas etapas foi iniciado o processo de produção do Website em paralelo com a reportagem fotográfica e captura dos momentos para a realização da curta-metragem Comercial/Promocional. 6
Desenvolvimento Conceção da Ideia Escola Básica e Secundária de Salvaterra de Magos Na seleção do tema do projeto a desenvolver, a possibilidade de aplicação prática foi um dos critérios. Assim, a existência de uma empresa de venda de produtos de vestuário, calçado e acessórios para crianças e a necessidade de fazer chegar os produtos a mais pessoas e a um público mais abrangente, assim como, facilitar as vendas, divulgar e promover a empresa, conduziu à decisão de desenvolver como projeto um site com fins de facilitar o cliente a conhecer melhor e de forma mais organizada os produtos. Pesquisa Recorreu-se à internet para realizar esta etapa, comecei por pesquisar a definição de vídeo promocional e comercial seguindo-se, pesquisas de sites e vídeos semelhantes ao projeto a realizar. Foi analisada a estrutura de diversos sites, por exemplo, Chicco, Pan com Chocolate, Giraças, etc O que mais se adequou ao tipo de projeto idealizado e que iria desenvolver foi o site Giraças. Incialmente, foram consultados vários vídeos promocionais/comerciais com base apenas em fotografias, mas devido a estes serem pouco apelativos, optei por realizar um vídeo com imagem em movimento para promover os produtos e a loja. Anteprojeto O Anteprojeto (cf. Anexo 1) foi elaborado e enviado para ser aprovado em Conselho Pedagógico do Agrupamento. Este documento consiste na exposição da ideia base da Prova de Aptidão Profissional subdividido nas várias etapas de desenvolvimento, nele foi apresentado o tema, objetivos, descrição sumária e recursos necessários. Planificação/Calendarização Para planificar todas as tarefas a desenvolver no projeto, foi usada a ferramente digital GANTT (cf. Anexo 2), no qual foram inseridas todas as tarefas e datas de ínicio e 7
conclusão. O Diagrama de Gantt é um gráfico usado para ilustrar as diferentes etapas de um projeto e com ele podemos organizar e planificar todas as fases do projeto, para que seja possível concluir todas as tarefas na data prevista ou de preferência antes. Software O software escolhido para concretizar este projeto foi o Adobe Dreamweaver C.S 5.5 para o site e o Adobe Premiere C.S 5.5 para o vídeo. O Dreamweaver é um dos softwares mais fáceis de utilizar, e possui várias funcionalidades bastante úteis como, por exemplo, tornar uma página num template, facilitanto, assim, a alteração de conteúdos em todas as páginas automaticamente. Conceptualização Considerou-se a ideia base do website, a promoção da marca e venda de produtos. Neste sentido, na conceção do design e da estrutura optou-se por um layout intuitivo e de fácil navegação, permitindo uma interatividade direta com o cliente e evitando que este tenha que possuir conhecimentos avançados de navegabilidade, alargando assim o público-alvo a todas as idades, mesmo com pouca literacia digital. O website não contém carrinho de compras, pois os produtos são produzidos mediante encomenda e podem sofrer costumização a pedido do cliente. Assim sendo, o contacto estabelecido com a loja é através do Facebook. O vídeo tem como objetivo dar a conhecer ao público-alvo algumas das roupas da marca de forma apelativa. Tarefas e Materais As tarefas a realizar para a concretização deste projeto foram inseridas no Gantt (cf. Anexo 1). Os materais necessários foram: Computador; Câmara Fotográfica; 8
Produtos da Loja. Escola Básica e Secundária de Salvaterra de Magos Público-Alvo Este projeto tem como público alvo pessoas de todas as idades e sexos, que pretendam adquirir os produtos para uso próprio ou mesmo para oferecer, sendo o único recurso necessário o acesso à Internet. Design Após realizar as pesquisas em vários websites (Chicco, Pan com Chocolate, Giraças, etc...), comecei a realizar o meu layout, usando algumas técnicas anteriormente vistas. Todo o site está criado em HTML e contém Bootstrap, para que este fique responsivo, ou seja, se ajuste a qualquer ecrã. Deu-se início ao Index (Página Inicial), começando com o logótipo alinhado ao centro. O logótipo já existia e a pedido do cliente permanece o mesmo. Logótipo Logo abaixo temos a navbar (Barra de Navegação), esta foi retirada do site w3schools, a qual eu alterei totalmente como se pode visualizar abaixo. Antes: Nav Bar - Sem Alteração Depois: 9
Nav Bar - Com Alteração A navbar é o elemento que permite a navegação no site e, de forma a ficar mais organizado, os elementos estão todos alinhados ao centro, assim como todos os elementos do site. As cores utlizadas em todo o site foram retiradas do logótipo, sendo elas Branco e Rosa (#f2608a). Abaixo da navbar inseri um carousel, onde são colocadas algumas das fotografias dos produtos da nova coleção para ficarem logo em destaque e captar a atenção do cliente. Também decidi recorrer ao WowSlider para criar um carousel com um efeito de transição diferente. Carousel Seguidamente, foi inserida uma área onde são colocadas algumas das novidades como destaque e, para isso, foram utilizadas boxes retiradas do template Flew. Estas também foram alteradas, como demonstram as imagens abaixo. 10
Antes: Boxes - Sem Alteração Depois: Boxes - Com Alteração Por fim, inseri um footer, que contém a simbologia de direitos autorais e onde estão mencionados os métodos de pagamento. Este elemento também está presente em todas 11
as páginas. As seguintes páginas, onde estão colocados os artigos, são exatamente como a secção de novidades do index (Página Inicial). O botão de ver mais, vai para outras páginas com mais fotografias do produto e informações mais detalhadas. Página de Conteúdo Detalhado As páginas de ver mais contêm um carousel onde estão colocadas todas as fotografias alusivas ao produto, o nome, os tamanhos, a referência para que o cliente possa 12
mencionar o produto que pretende, uma pequena observação para que possa fazer alterações na peça e, finalmente, e em último lugar, o código QR, que permite ao cliente entrar diretamente em contacto com o vendedor, através do seu telemóvel. Por último, foi inserido um ícone que dá acesso à página do Facebook, para o caso do cliente aceder ao site através do smartphone ou tablet, ou que não tenha conhecimento de como se usa o código QR. A página Sobre Nós tem presente uma breve descrição sobre a loja, o vídeo promocial/comercial e, por fim, os CEO & Fundadores. A página Contactos tem presente todos os métodos de contacto possíveis com a loja. (Facebook, Código QR, E-mail, Morada e Telefone). Vídeo Foi também realizado um vídeo comercial/promocional, para promover alguns dos produtos da loja. Esta decisão de realizar um vídeo serviu para o site ter algo mais apelativo e não conter apenas as imagens das peças de roupa. As capturas foram realizadas por mim na Zona Ribeirinha de Benavente, assim como a edição do mesmo. Estas foram realizadas com um Samsung Galaxy s9+. O software utilizado para edição foi o Adobe Premiere C.S5.5 A transições nele presentes são Cross Dissolve e Cross Zoom. 13
Efeito - Cross Dissolve 14
Conclusão Todo este trabalho foi realizado com dedicação e gosto, tendo demorado alguns meses e surgido algumas dificuldades. Algumas delas não foram superadas e por isso foi necessário arranjar alternativas. Fui bastante empenhada neste projeto, tendo conseguido terminá-lo e ficado feliz com o resultado. Espera-se que o cliente goste do resultado final também. O apoio de alguns colegas e dos professores foi fundamental para superar a maioria das das dificuldades. Consegui concluir o meu projeto a tempo, embora muitas vezes considerasse que não iria conseguir. Este teste às minhas capacidades e limites, foi uma experiência quase profissional muito pertinente, contribuindo para a minha evolução pessoal. Espero que este projeto venha a ser utilizado futuramente, pois foi construído com esse objetivo. 15
Bibliografia Site: https://www.shop.chicco.pt/ https://www.panconchocolate.es/europe/es/ https://www.giracas.com/ https://www.free-css.com/free-css-templates/page216/valet https://www.free-css.com/free-css-templates/page220/flew Vídeo: https://www.youtube.com/watch?v=gg9ddfodstw https://www.youtube.com/watch?v=agi_riptakq https://www.youtube.com/watch?v=cd4zq5po6-c Música: https://www.youtube.com/watch?v=gcyuqxvqwb4 16
Anexos Anexo 1 Gantt Escola Básica e Secundária de Salvaterra de Magos 17
Anexo 2 Anteprojeto 18
19