prova de apetidão profissional

Prova de Aptidão Profissional

2 Escola Secundária D. Pedro V – Curso Profissional de Multimédia

Índice

Índice 2

Introdução 3

Desenvolvimento 4

Cartões de Visita com brand INM 5

Ecrãs para aplicação INM Mobile Banking em Java ME 11

Peças para Seminário – Flyer Promocional e Monofolha Informativa 13

Imagem para Site Temporário INM 21

Tecnologias 36

Conclusão 37

Agradecimentos 38

Anexos 39



Introdução

No âmbito do curso Técnico de Multimédia, eu e o meu colega de turma João Vitorino

estivemos integrados na empresa INM - Innovation Makers Lda., onde desenvolvemos

entre 9 Maio e 29 Julho o nosso estágio para conclusão de curso.

Ao longo de, sensivelmente, três meses de estágio, encontrámo-nos a dar apoio à área

de Comunicação e Design da empresa.

A empresa, que conta com uma equipa de 16 colaboradores, situa-se em Porto–Salvo,

Oeiras, onde são os escritórios. No entanto, a sede oficial da empresa é em Óbidos.

A empresa passou recentemente por um processo de reestruturação interna, pelo que

apresentava necessidade de criação de uma nova imagem institucional. Como tal, foi-

nos solicitado o desenvolvimento e criação de peças de comunicação baseadas num

rebranding da marca Innovation Makers.

Inicialmente, a empresa estava apenas focada na área de Consultoria, desenvolvendo-

se apenas serviços de consultoria em Inovação. Foram criadas quatro novas áreas de

negócio, nomeadamente:

Mobile Payments: soluções de pagamento de produtos/serviços através de

dispositivos móveis;

Financial Solutions: soluções mobile para instituições financeiras;

Mobile Operators: soluções para a área de telecomunicações;

Projects: focada no desenvolvimento de projectos e soluções à medida de cada

cliente.

Na base da criação das novas peças de comunicação, esteve a alteração do brand

Innovation Makers para INM, no sentido de simplificar a imagem e torná-la mais

adaptável aos elementos a criar para as novas quatro áreas de negócio.

Acompanhámos assim o processo de mudança e adaptação da empresa à área de

Mobilidade, que requer uma abordagem face ao mercado bastante distinta da

anteriormente criada para a área de Consultoria.



Considero importante destacar que houve também a mudança de dois logótipos: a

área de Mobile Operators passou a chamar-se TELCOs Solutions e a área de Consulting

passou a Innovation & Strategy.

No conjunto dos trabalhos que desenvolvemos na empresa, houve um que teve maior

destaque, devido ao número de peças produzidas e pelo factor urgência. As peças

tiveram que ser preparadas atempadamente, para ser então enviado e produzido pela

gráfica a tempo do evento CIAB FEBRABAN 2011, o maior evento da América Latina na

área financeira, realizado em S. Paulo - Brasil.

Para este evento desenvolvemos as seguintes peças de comunicação: cartões-de-

visita, brochuras, convites e flyers. No seguimento do trabalho, vou portanto

apresentar em maior detalhe as peças desenvolvidas.



Desenvolvimento

Para a produção de peças de comunicação para o evento CIAB FEBRABAN 2011, o

maior evento da área financeira na América Latina, tivemos inicialmente um briefing

sobre a imagem e a mensagem que a empresa pretendia passar ao longo do evento.

A participação da INM seria incluída no Cluster de Empresas de Desenvolvimento de

Soluções Tecnológicas para o Mercado Financeiro - Technology Solutions for Finance.

Assim, foi portanto necessário conjugar a imagem e elementos gráficos do Cluster

Financeiro com a imagem da INM.



Cartões de Visita

As primeiras peças a produzir para o evento foram os cartões de visita. Foi-nos pedido

que apresentássemos mais que uma versão de cartão de visita, de forma a dar maior

opção de escolha à empresa. A primeira ideia que me surgiu foi fazer um cartão no

formato oval, visto que o da empresa era inicialmente rectangular. No entanto, em

análise com o responsável de Marketing da empresa, chegámos à conclusão que não

seria viável visto ser dispendioso, pelo que retornei ao tradicional e simples rectângulo.

As cores que utilizei foram as cores do logótipo da empresa, cores da mesma gama e

cores neutras, como o branco e o preto.

Foi-me também pedido para fazer duas versões, uma com a fonte institucional da INM,

a Barmeno, e outra em Calibri, uma fonte também utilizada noutras peças da empresa.

Os vários estudos dos cartões-de-visita foram os seguintes:

Fig.1- Estudos de cartões-de-visita horizontais



Na primeira versão dos cartões-de-visita, utilizei o lettering institucional, o Barmeno, no

sentido de seguir a linha gráfica da empresa.

Fig.2- Estudos de

cartões-de-visita verticais

Estudo das cores utilizadas

Estudo do lettering utilizado



No entanto, fiz uma segunda versão a utilizar o lettering Calibri, também utilizado pela

empresa em determinadas peças cujo texto não requeria grande destaque.



A versão final dos cartões de visita foi a demonstrada na figura abaixo:

Para os cartões de visita, como já referi acima, foram portanto utilizadas as cores do

logótipo genérico da INM e cores na mesma gama, de forma a seguir a linha de

identidade gráfica da empresa.

Estudo das cores utilizadas

Fig.3- Versão final dos cartões de visita



A versão final escolhida para os cartões de visita incluía o lettering Calibri, sobretudo

por ser simples, discreto e em consonância com o design geral do cartão. Foi utilizada

a fonte em Calibri Bold, de forma a destacar um pouco mais a informação na frente do

cartão.




Ecrãs para aplicação INM Mobile Banking,

em Java ME

Foi-nos pedido para adaptar o layout da aplicação INM Mobile Banking em Java ME às

várias resoluções de dispositivos móveis, nomeadamente: 120x160, 128x128,

128x160, 130x130, 132x176, 176x208, 176x220, 208x208, 208x320, 240x320,

240x400, 320x240, 320x480, 352x416, 360x360, 360x640, 580x360, 640x360. Entre

estas resoluções, eu fiz a metade, ou seja, nove, enquanto que o meu colega João

Vitorino ficou responsável pela outra metade, outros nove.

Estes layouts foram-nos pedidos no contexto do evento na medida em que a empresa

pretendia fazer demonstrações da soluçõe de Mobile Banking durante o evento. Para

tal, necessitavam das imagens nas resoluções correctas para o maior número possível

de telemóveis.

Apresento abaixo dois exemplos de layouts, em portrait e landscape, para ecrã de

entrada na aplicação (splash screen) e ecrã interior. Abaixo dos ecrãs, apresento

também as barras de menu e setas redimensionadas e adaptadas para as respectivas

resoluções.

Resolução 240x320

Fig.4- Layout Ecrãs INM para JME (splash e menu) em portrait



Resolução 320x240

Abaixo, apresento as imagens das diferentes barras de menu e setas, também

adaptadas a cada uma das resoluções.

As cores que utilizei para as barras de menu foram cores sugeridas previamente pelo

responsável de design da empresa, sendo cores que funcionam em harmonia com as

cores dos elementos da identidade da INM, nomeadamente, o logo genérico, o logo

secundário da área de Financial Solutions e a imagem do ecrã inicial (splash screen).

Estudo da cor utilizada nas barras de menu

Fig.5- Layout Ecrãs INM para JME (splash e menu) em landscape



Flyer promocional

Foi-me pedido que apresentasse uma opção de flyer promocional dos seminários que

iriam ser promovidos pela INM e pelo Cluster Financeiro durante o evento, dando neste

caso destaque à imagem e elementos gráficos do Cluster e não da INM.

As cores que utilizei para o flyer promocional foram as cores do logótipo do cluster e

da empresa, para além das cores neutras.

Fig.6 - Estudo de flyer promocional para seminários

Estudo da cor utilizada nos flyers promocionais



Utilizei este tipo de letra, pois como não tem o logótipo da empresa, apenas o cluster,

pensei arranjar uma maneira de identificar esta. Assim sendo, decidi pôr o tipo de letra

institucional da empresa, Barmeno.




Monofolha Informativa

De seguida, foi-me pedido que fizesse um layout, em tamanho A4, para uma

monofolha com informações acerca do seminário, destaques dos temas que seriam

apresentados e inclusão da agenda com horas e respectivos temas e oradores. Neste

caso, deveria igualmente destacar os elementos gráficos do Cluster Financeiro.



Aqui segui a mesma linha que segui aqui foi a mesma que segui nos flyers

promocionais.

Com o tipo de letra, também segui a mesma lógica que nos flyers promocionais.

Estudo da cor utilizada na Mono folha informativa




As peças finais ficaram conforme apresento nas imagens abaixo.

Devido a não dispormos do copy final e dos temas a apresentar pelos oradores das restantes

empresas do Cluster Financeiro, optou-se por incluir na monofolha A4 apenas informação sobre

os temas apresentados pela INM, acrescentando assim alguns elementos da identidade gráfica

da empresa, como os logos das áreas de Mobile Payments e Financial Solutions, imagens de

Fig.8- Versão final de Monofolha informativa A4



dispositivos com as aplicações desenvolvidas pela empresa e no rodapé foi incluído o logo

genérico da empresa.

Por ter havido pouco tempo até ao dia do evento e tendo em conta que a distribuição de flyers

poderia não ser a melhor opção, optou-se por criar convites para participação nos seminários,

com carácter mais direccionado, e com espaço para incluir informação acerca dos participantes,

que poderiam ser eventuais contactos importantes para a empresa.

Foi também necessário criar um layout para convite, direccionado, para um almoço-

debate que se iria realizar durante o evento, com a presença de convidados escolhidos

pelo Cluster e pela INM.

Fig.9 - Versão final de Convite para Seminários



Apresento abaixo a design final da frente e verso do convite. Optou-se por colocar 3

convites por página A4, de forma a ser mais prático e simples na impressão na gráfica.

Frente do Convite para Almoço-Debate

Verso do Convite para Almoço-Debate Fig.10 - Versão final de Convite para Almoço-Debate (frente)



Fig.11 - Versão final de Convite para Almoço-Debate (verso)



Imagem para Site Temporário da INM

Foi-nos solicitado que apresentássemos um estudo de layout para ser colocado

temporariamente no website da empresa, enquanto o site definitivo não estava

concluído.

As imagens para o site temporário foram-nos pedidas no contexto do evento, uma vez

que, ao distribuir peças de comunicação e cartões de visita durante o evento,

eventualmente o site seria procurado online, pelo que se pretendia assim completá-lo

um pouco mais no espaço de tempo que nos restava.

Estava previamente definido: a imagem de fundo, inclusão do logótipo genérico e dos

logótipos das diferentes áreas e a expressão “Brevemente” para indicar que o site final

se encontra em construção.

Foi-nos assim pedido para incluir informação de contactos da empresa,

nomeadamente: email, telefone, moradas da sede e do escritório.

Inicialmente, tivemos que incluir na imagem informação sobre a empresa,

nomeadamente: email, telefone, morada da sede e morada do escritório.

Fig.12 – Estudo layout para site temporário



De seguida, pediram-nos para apresentar um estudo para a página incluindo uma

opção que encaminhasse o utilizador para as brochuras produzidas para a área de

Financial Solutions, pelo que apresentei duas opções. Ao clicar no botão, o utilizador é

encaminhado para uma página de índice, com todas as brochuras em miniatura.

Figs.13 e 14 – Estudos de layout para site temporário – página inicial com botão



Na página de índice, optei por apresentar as brochuras em formato de thumbnails,

sendo que ao clicar em cada uma das brochuras, o utilizador seria encaminhado para a

respectiva brochura em tamanho maior e perfeitamente legível.

A navegação entre brochuras seria feita por setas, pelo que para retornar à página

inicial, o utilizador poderia clicar na imagem do logótipo da INM e seria reencaminhado

novamente para o início.

Fig.15 – Estudos de layout para site temporário – página índice com imagens em

thumbnail



Fig. 16– Estudos de layout para site temporário – capa e contracapa de página exterior da

brochura



Fig.17 – Estudos de layout para site temporário – página interior da brochura

Fig.18 – Estudos de layout para site temporário – monofolha para Aplicação Facilitadora

Frente



Fig.19 – Estudos de layout para site temporário – monofolha para Aplicação Facilitadora

Verso

Fig.20 – Estudos de layout para site temporário – monofolha para Aplicação Android



Fig.21 – Estudos de layout para site temporário – monofolha para Aplicação iPhone

Fig.22 – Estudos de layout para site temporário – monofolha para Aplicação iPad



Fig.23 – Estudos de layout para site temporário – monofolha para Backoffice

Fig.24 – Estudos de layout para site temporário – monofolha para Soluções de Instalação



Tendo em conta as diferentes resoluções de ecrãs, foi-me pedido que encontrasse uma

solução para o corte abrupto na imagem de fundo, ao que apresentei a proposta

apresentada abaixo.

Foi-me também solicitado que adicionasse algum relevo às setas de navegação.

Quanto aos outros novos elementos, nomeadamente, a informação acerca da empresa

e o botão para encaminhar o utilizador para as brochuras, optou-se pelas opções

apresentadas pelo meu colega João.

Na imagem abaixo está a página para a qual o utilizador é encaminhado ao clicar no

botão “Brochuras”, que para já apresenta apenas a área de Mobile Banking, mas serão

acrescentadas as restantes áreas quando as brochuras respectivas estiverem

finalizadas.

Fig.25 – Layout final para site temporário – página inicial



Nas imagens seguintes apresento o design final da página de índice (thumbnails) e das

restantes páginas com as brochuras em tamanho grande.

Fig.26 – Layout final para site temporário – página de miniaturas

Fig.27 – Layout final para site temporário – Capa da Brochura Exterior (frente)



Fig.28 – Layout final para site temporário – Capa da Brochura Exterior (verso)

Fig.29 – Layout final para site temporário – Interior da Brochura



Fig.30 – Layout final para site temporário – Monofolha IVR e SMS

Fig.31 – Layout final para site temporário – Monofolha Aplicação Facilitadora (frente)



Fig.32 – Layout final para site temporário – Monofolha Aplicação Facilitadora (verso)

Fig.33 – Layout final para site temporário – Monofolha Aplicação Android



Fig.34 – Layout final para site temporário – Monofolha Aplicação iPhone

Fig.35 – Layout final para site temporário – Monofolha Aplicação iPad



Fig.36 – Layout final para site temporário – Monofolha Backoffice

Fig.37 – Layout final para site temporário – Monofolha Soluções de Instalação



Tecnologia

Os programas utilizados para o desenvolvimento deste trabalho foram programas

leccionados e não leccionados nas aulas ao longo dos três anos de curso. Estes

programas são essenciais e foram cruciais para a realização de todos os trabalhos.

Os programas são os seguintes:

Adobe Photoshop;

Adobe Illustrator;

Macromedia FreeHand.

Tanto o Adobe Photoshop como o Adobe Illustrator foram programas leccionados nas

aulas ao longo do curso e com os quais já estava perfeitamente familiarizada, o que

facilitou em grande medida o trabalho a realizar.

Surgiu também o desafio de trabalhar numa nova ferramenta, que até à altura

desconhecia, o Macromedia Freehand. Este programa, apesar de semelhante aos

outros com os quais trabalho regularmente, tem bastantes especificidades que procurei

superar da melhor forma.



Conclusão

O desenvolvimento deste projecto foi sem dúvida bastante útil e enriquecedor em

termos de aquisição de novos conhecimentos e aplicação de ferramentas do software

utilizado. Foi um trabalho desafiante, na medida em que havia a questão do pouco

tempo para produzir peças criativas, com carácter institucional e sobretudo indo de

encontro ao que a empresa pretendia.

Em paralelo, considero também que adquiri uma nova e importante experiência de

produção de peças de design aplicável na prática, o que requer um grande cuidado e

responsabilidade na medida em que implica custos de impressão.

Por outro lado, houve uma grande preocupação, tanto da minha parte como do meu

colega João Vitorino, em criar peças graficamente bonitas e funcionais, não

descurando nenhum dos vários elementos solicitados pela empresa.

De início, deparei-me com algumas dificuldades em aplicar às peças todas as ideias e

sugestões da empresa; no entanto, creio que o resultado final conseguiu conciliar

todos os objectivos definidos inicialmente.

Considero que esta foi uma experiência de trabalho muito rica, desde os novos

conhecimentos que adquiri da área da Mobilidade – core business da INM – e

especificamente conhecimentos de como preparar a imagem de uma empresa para um

grande evento num tão curto espaço de tempo.

O feedback obtido em relação aos trabalhos foi bastante positivo, sendo que peças de

comunicação tiveram um papel chave na passagem de uma imagem sólida, inovadora

e especializada no mercado das soluções tecnológicas para a área financeira.



Agradecimentos

Neste espaço cito as pessoas que me ajudaram neste projecto, pois sem elas nada era

possível. Só um agradecimento não chega.

Em primeiro lugar, à Lívia Câmara, por nos ter aturado e dado imenso apoio quando

precisávamos. Ela é a principal responsável por este projecto, para além de ter sido

uma óptima orientadora em estágio.

Ao meu colega e amigo João Vitorino que me aturou, ajudou e se disponibilizou a

responder a todas as questões que me apareciam.

Ricardo Portela, também tenho que agradecer, pois foi o nosso chefe e sempre se

mostrou preocupado connosco.

À Professora Patrícia que nos acompanhou só este ano, mas tentou sempre pôr-nos

mais profissionais e melhores pessoas para o nosso futuro em diante e que foi

incansável para nos arranjar estágio.

Por último, a toda a equipa da empresa InnovationMakers, que nos acolheu de forma

amável, sempre dispostos a ajudar e a integrar-nos no coração da empresa.



Anexos

Considero importante mostrar-vos as peças impressas: os convites, os flyers e as

monofolhas utilizadas no evento CIAB.

Mostro-vos também a versão final de cartões de visita, que ficou definida para a

empresa.

prova de apetidão profissional

Documents