Pontifícia Universidade Católica do Rio Grande do Sul

Faculdade de Comunicação Social

Internet na Publicidade

Planejamento de um website REESTRUTURAÇÃO DO SITE DO

CENTRO DE INOVAÇÃO MICROSOFT PUCRS

Francielle Franco

Porto Alegre, 10 de novembro de 2012

2

O Centro de Inovação Microsoft PUCRS – descrição, posicionamento e públicos

Apresentação do CI

O Centro de Inovação (CI) é resultado de uma parceria firmada entre a

Microsoft e a PUCRS, que teve início em abril de 2003. Dentre suas atividades

estão: cursos, palestras, programas de capacitação, provas de conceito,

“innovation labs”, incubação de empresas, desenvolvimento de projetos, entre

outros. Atualmente há cerca de 90 Centros de Inovação Microsoft presentes em

diversas cidades brasileiras e no mundo. A missão do CI é promover a

qualificação de organizações, profissionais e estudantes, por meio de mecanismos

que fomentem o uso eficiente e inovador da Tecnologia da Informação em

produtos e processos. O Centro de Inovação tem como objetivo:

• Fomentar o uso eficiente e eficaz de ferramentas de Tecnologia da

Informação;

• Integrar o conhecimento metodológico e conceitual da universidade

com o domínio de ferramentas de mercado, para fornecer soluções de

valor às empresas que utilizam TI;

• Acelerar o uso de novas tecnologias, contribuindo para a elevação da

competitividade do segmento de TI no cenário regional, nacional e

internacional.

• Promover a ligação entre profissionais que buscam inserção no

mercado e as empresas que buscam profissionais qualificados;

Entre as capacitações e possibilidades oferecidas pelo CI destacam-se:

• Students to Business (S2B): Programa de formação gratuita em .NET

com foco em alunos de ensino médio e graduação;

3

• Grupos de Estudos: Formação, acompanhamento e encaminhamento

para novas oportunidades profissionais;

• Programas de capacitação para empresas;

• Desenvolvimento de sistemas, Gerenciamento integrado de Projetos,

Colaboração e Integração de Sistemas;

• Programas aceleradores para a adoção de novas tecnologias;

• Workshops, projetos piloto e Provas de Conceito;

• Cursos de extensão: de Verão e de Inverno;

• Centro de Certificação PROMETRIC;

• MSDNAA – Programa de fornecimento gratuito de licenças de

software de tecnologia Microsoft à comunidade acadêmica;

• Centro de Homologações do Programa de Aplicativo Fiscal – Emissor

de Cupom Fiscal (PAF-ECF).

Identidade Visual

Recentemente o CI teve sua identidade visual toda reformulada. A identidade

visual do CI segue as referências enviadas pela Microsoft para serem aplicadas

aos Centros de Inovação espalhados pelo país, tanto na tipografia quanto na

disposição dos elementos. Os novos padrões passaram a compor as salas e a

fachada do Centro de Inovação Microsoft PUCRS, além de todo o material

produzido (folders, cartazes, material de divulgação). Entretanto o site não sofreu

alterações, ele segue um modelo base, que é o site do Centro de Inovação da

Microsoft e este apenas segue o mesmo logo, não respeita as cores ou disposição

de elementos contidos no Manual de Referências para a Identidade Visual para os

Centros de Inovação.

A ideia desse projeto é apenas fazer um planejamento de reestruturação do

conteúdo do site, porém, se o projeto for além dessa etapa, recomenda-se seguir os

padrões Microsoft tanto para imagens, tipografia, cores, disposição dos elementos, a

fim de manter a unidade com o Centro de Inovação da Microsoft. Deve ser claro que

a relação do Centro de Inovação Microsoft PUCRS com a Microsoft é apenas uma

4

relação de apoio, mas seria interessante vincular o CI com a Microsoft de forma mais

clara, já que esse é o principal parceiro do CI.

Posicionamento na Web

Além do site, o CI possui uma página no Facebook e perfil no Twitter. O site

apresenta vários problemas, que vão desde a estruturação das páginas até o

conteúdo desatualizado em muitas páginas. Um site mal organizado e sem

padronização é uma péssima propaganda, ainda mais se o site for de um Centro

de Inovação da Microsoft onde trabalham ou estagiam profissionais de

desenvolvimento web, programadores, comunicação e marketing.

O sistema de gerenciamento do site é ultrapassado e pouco organizado. Não

há um responsável direto por alimentar ou manter atualizadas as notícias, vários

profissionais que trabalham ou trabalharam no CI possuem acesso ao sistema o

que gera alguns conflitos, algumas informações se perdem, de maneira geral o

sistema de alimentação é mal organizado. O próprio site é mal organizado, nas

páginas não há o conteúdo que se procura ou as informações estão desatualizadas,

o site é estático e não há muita interação com o usuário, em algumas páginas o

conteúdo parece estar jogado sem qualquer preocupação com a disposição ou

estruturação das informações, sente-se a falta de um calendário com os próximos

cursos (eles apenas podem ser encontrados na página dos Cursos de Extensão da

PUCRS). E, para finalizar a lista de problemas, o site não funciona bem no Internet

Explorer, quando se trata de um site que tem como parceiro a Microsoft é

obrigatório seu funcionamento no IE.

Nos meses de julho e agosto foi elaborado um planejamento para as redes

sociais onde o CI está presente: Facebook e Twitter. O objetivo geral do

planejamento é tornar a presença do CI nessas redes mais ativa e relevante além

de aumentar a interação do fãs/seguidores do CI, tanto no Facebook quanto no

Twitter.

No Facebook a página do CI tem 500 fãs aproximadamente. Uma pesquisa

foi realizada no mês de Julho para traçar o perfil do Fã da Fanpage do CI.

Constatou-se que são predominantemente Homens, de 18 a 24 anos, residentes

5

em Porto Alegre, que estudam e/ou trabalham em áreas relacionadas a TI (a

maioria estuda na PUCRS), compartilham e curtem temas relacionados a

entretenimento e tecnologia. Com esse levantamento em mãos uma estratégia foi

traçada e será colocada em prática a partir do mês de setembro. O CI entende

como ações bem sucedidas no Facebook podem trazer ótimos resultados quanto

à divulgação dos cursos e fidelização dos alunos. Portanto decidiu conhecer

melhor os fãs no Facebook e realizar ações mais direcionadas para esse público.

No Twitter são divulgados os posts do Facebook. Após a pesquisa realizada,

definiu-se que hashtags seriam criadas em dias comemorativos (dia do nerd, por

exemplo), em eventos realizados pelo CI (Discovery Day Windows 8), além da

divulgação das vagas postadas no site e retwittes que mencionem o CI.

De forma geral o CI está bem posicionado virtualmente. As redes sociais

estão integradas ao site: há links na Home “chamando” os usuários para o

Facebook e o Twitter, há um feed de Tweets do CI também na Home e tanto os

posts quanto os Tweets costumam redirecionar para o site.

Públicos do site do CI

O público do CI pode ser caracterizado da seguinte forma:

• Estudantes da área de TI possibilitando a sua inserção no mercado de

trabalho em funções de maior valor agregado;

• Profissionais da área de TI que buscam capacitação ou que apenas se

interessem por assuntos como Inovação e Empreendedorismo;

• Profissionais da área de TI que buscam oportunidades de trabalho;

• Empresas que buscam a capacitação de seus profissionais e novos

profissionais qualificados;

• A Faculdade de Informática da e a Faculdade de Administração

Contabilidade e Economia são as duas principais unidades da PUCRS

que têm relação com o CI, mas o CI tem buscado estreitar o

relacionamento com a Faculdade de Comunicação Social e seus

alunos, portanto é um público em potencial;

6

Estudo de Campo

Lista de sites relevantes para o projeto

• Micrsoft Brasil

Figura 1 – Microsoft Brasil (Home)

Este site serve como referência por se tratar do principal parceiro do CI. O

site segue os padrões Microsoft na disposição das imagens, na tipografia e na

simplicidade do layout. O site é “limpo”, o conteúdo buscado é facilmente

encontrado.

O site traz imagens sempre no topo, grandes e com ótima qualidade. Na

página inicial há um slide show que se integra muito bem com os outros elementos

da página e serve de inspiração para o slide show que existe atualmente no site

do CI. Além de imagens a página apresenta ícones que são bem distribuídos e

tornam a interface mais amigável porque podem remeter a área de trabalho do

computador.

7

O link para as redes sociais não está na página home do site, foi difícil

encontrar (no site) as redes sociais “gerais” da Microsoft, o que se encontra são

links para o Facebook, Twitter e até Youtube quando a página dos produtos

(Windows, Office, Xbox) é acessada.

Quanto ao conteúdo, está em constante atualização. Apresenta os últimos

lançamentos da Microsoft e distribui os elementos de forma eficiente, o site é

intuitivo, é fácil encontrar o que se procura.

Quanto ao Layout o site apresenta um item que parece ser tendência em

sites e apps desenvolvidos ultimamente: a disposição do conteúdo em blocos. Os

sites tradicionalmente foram construídos com base em grids, mas ultimamente os

grids saíram do plano de fundo e agora compõem o layout definitivo. Bons

exemplos disso são a rede social do Google, o Google+, e a versão web do

aplicativo Pulse (agregador de notícias, como o Flipboard).

Figura 2 – Interface Google+ (aplicativo para iPad)

8

Figura 3 – Interfaca do Pulse (versão web)

Os principais fatores de relevância do site da Microsoft Brasil são:

padronização Microsoft, cores, disposição em blocos e simplicidade do Layout.

• Portal de notícias G1

O G1 é outro bom exemplo a ser seguido. É um portal de notícias com

grande alimentação de conteúdo e atualizações constante, apesar de ter esse

excesso de conteúdo, muitas imagens e anúncios, o portal é organizado e bem

distribuído.

9

Figura 4 – G1 (Home)

Entre as soluções encontradas pelo portal G1 para organizar tanto conteúdo

de forma eficiente podemos destacar: o uso de cores para separar as seções

(notícias em vermelho, esportes em verde, entretenimento em laranja), fios

pontilhados entre notícias, fios acima de títulos separados por assunto (como

música, eleições 2012, etc.), harmonia das cores e distribuição bem definida dos

elementos.

Na questão Redes Sociais há apenas um botão no fim da página

incentivando os leitores a curtirem a página do G1 no Facebook, ao entrar em uma

notícia ficam disponíveis as opções de compartilhar via Facebook ou Twitter.

Os principais fatores de relevância do portal G1 são: uso de cores para

separar seções, harmonia das cores, layout bem organizado.

10

• Portal Unisinos

O portal Unisinos também possui elementos que podem servir como

norteadores na reestruturação do site do CI. Destacam-se alguns elementos em

comum entre o portal Unisinos e o Site do CI: ambos têm grande volume de

conteúdo e várias páginas, ambos têm fluxo de notícias no site, portanto há a

necessidade de alimentação constante.

Figura 5 – Portal Unisinos (Home)

Outros elementos de destaque no portal Unisinos são os seus menus

suspensos tanto na lateral quanto na parte superior. Esse recurso é interessante

em sites que serão visualizados em desktops, pensando na perspectiva de outras

plataformas como tablets ou smartphones a funcionalidade se perderia porque o

usuário teria que tocar no menu, não há ainda nas telas touch a funcionalidade do

recurso mouse hover.

De maneira geral o site é muito bem estruturado. Tem a organização clara e

é fácil encontrar o que se procura. As páginas seguem uma padronização

estabelecida tanto nas cores quando na disposição dos elementos, o usuário não

11

tem a impressão de que saiu do portal como acontece com o portal da PUCRS,

onde cada unidade tem uma padronização diferente da página principal.

Nas páginas onde há a relação dos cursos de graduação, pós-graduação ou

extensão, as áreas de conhecimento estão separadas por discretos fios coloridos

e o marcador da lista também fica na cor do fio. Nas páginas de serviços existem

ícones representativos para cada serviço, outro item interessante a ser explorado

pelo CI, usar ícones na interface pode fazer uma relação tanto com o desktop

quanto com a interface do Windows Phone.

Sites de concorrentes

• Alfamídia

A Alfamídia pode ser considerada uma concorrente do CI porque oferece

capacitações em diversas tecnologias Microsoft. Além disso, são oferecidos

workshops, palestras e/ou outros eventos gratuito que também concorrem com o

diferencial do CI, que são essas capacitações gratuitas.

Figura 6 – Site Alfamídia (Home)

12

O site da Alfamídia é muito limpo e organizado, o layout lembra a estrutura

de um blog. Não há dificuldade para encontrar os conteúdos desejados. As cores

são harmoniosas. O layout faz uso de fios discreto para separar os conteúdos e

tonar a estrutura mais organizada. As áreas de conteúdo principal, side bar, menu,

rodapé estão bem definidas fazendo com que o usuário não se perca na

navegação.

Entre as funcionalidades apresentadas no site destacam-se: disponibilização

de tutorias em vídeo e a integração com o portal L3tool. Através do portal os

alunos e ex-alunos podem acessar os materiais e apostilas dos cursos realizados,

podem se comunicar com colegas e professores, realizar avaliações, consultar

ofertas de trabalho e baixar cursos gratuitos. Em relação às redes sociais o site

disponibiliza links que redirecionam para o Twitter ou Facebook no rodapé e na

sidebar.

As inspirações e direções que esse site pode indicar para o site do CI são

principalmente quanto á organização do conteúdo que torna o layout limpo e

organizado, novamente percebe-se o uso de cores para separar os conteúdos e

assuntos a organização de um calendário com os próximos eventos e cursos.

• Targett Trust

A Targett Trust também pode ser considerada um concorrente do CI por

oferecer capacitações iguais ou muito próximas as oferecidas pelo CI, como o

curso de Metodologias Ágeis, o curso de Teste de Software de Banco de Dados.

13

Figura 7 – Site Targett Trust (Home)

O site da Targett Trust também apresenta conteúdo de fácil acesso e

disposto de forma organizada. Além do menu principal, traz logo abaixo, abas que

funcionam como um menu rápido tornando ainda mais fácil encontrar o conteúdo

procurado. Apresenta um slide show na página home com destaques como

promoções, próximas formações. Próximo ao rodapé há uma lista de logos de

clientes atendidos pela Targett.1

Entre as funcionalidades está o blog que traz notícias relacionadas à área de

tecnologia. A questão das redes sociais é bem explorada. Existe um feed com os

últimos posts do Facebook e últimos tweets na home, com destaque, além dos

tradicionais Facebook e Twitter, a Targett possui contas nas redes Orkut, Picasa e

Youtube e esses links estão disponíveis também na home, porém sem destaque.

1 A Targett oferece além de capacitações para pessoa física, serviços para empresas como consultoria, coaching e suporte.

14

Desenvolvimento

Proposta

O site do CI é utilizado para divulgar informações sobre os cursos e eventos

promovidos pelo CI, sobre todos os demais serviço de oferecidos. Os posts

publicados nas redes sociais redirecionam, na maioria das vezes, para o site,

portanto ter o conteúdo bem organizado, um site limpo e bem estruturado torna-se

importante na medida em que isso pode determinar se o aluno, profissional da

área de TI ou empresa que busca capacitação para os seus funcionários vai voltar

ao site para buscar mais informações ou não, isso pode desestimular o usuário a

procurar mais informações fazendo com que ele acabe perdendo o interesse pelo

Centro de Inovação Microsoft PUCRS.

Sendo assim, constatou-se a necessidade de uma reformulação do site do

CI, uma reorganização das informações que já existem e uma melhor disposição

das páginas, menus, links, etc., a fim de tonar a navegação mais eficiente e

amigável.

O objetivo principal é tonar o site mais atrativo e aumentar o fluxo de

visitantes. Não se tem dados precisos quanto ao número de acessos ao site, mas

presume-se que não seja um número expressivo diante dos problemas de

navegação, incluindo a navegação problemática no Internet Explorer.

Especificações

Os serviços vinculados à reestruturação do site são os cursos oferecidos

pelo CI, os programas de treinamento e o serviço de homologação. Os conteúdos

que farão parte da reestruturação são a apresentação do CI (histórico, equipe,

depoimentos, contato), notícias relacionadas ao CI ou às suas atividades,

curiosidades e destaques da área de tecnologia mais especificamente, softwares

da Microsoft.

A seção inicial e de apresentação do CI é direcionada para todos os públicos

que tenham interesse em conhecer o CI e sua história, estrutura e equipe, o

15

objetivo desta seção é apresentar o CI. A seção de notícias também é direcionada

para todos os públicos que queiram manter-se informados sobre o que acontece

no CI e no mundo Microsoft.

Para os alunos de ensino médio e técnico o objetivo é divulgar o S2B2 e

todas as informações relacionadas à capacitação, como datas, inscrições e

esclarecimento de dúvidas. O conteúdo direcionado para os alunos universitários

são as páginas dos cursos livres, o objetivo também é divulgar e trazer todas as

informações relacionadas à cada curso.

Para profissionais da área de TI existem, além das páginas cursos, a de

oportunidades que também serve para qualquer usuário que procure uma

oportunidade na área de TI, essa página divulga atualmente vagas que são

oferecidas por várias empresas da área de TI, o objetivo da reestruturação é não

esperar que essa demanda chegue até o CI, mas desenvolver uma maneira de

alimentar essa página com uma frequência maior.

Para empresas que buscam a homologação PAF-ECF existe a página do

PAF que traz as informações do setor de PAF do CI e as questões legais que

envolvem essa prestação de serviço. O objetivo é tornar o setor de PAF do CI

atrativo e fazer com que as empresas escolham homologar no CI ao invés de

escolher homologar em outra instituição.

Levantamento de dados, estrutura

Após um breve estudo das necessidades e das possibilidades de tecnologia

que se apresentam definiu-se que a plataforma Wordpress é a mais indicada. A

escolha justifica-se pela facilidade de inserção de conteúdo, o que se faz

necessário pelo número de colaboradores e estagiários que terão acesso ao

gerenciamento do conteúdo. Além de o Wordpress apresentar a característica de

2 O programa Students to Business é uma iniciativa da Microsoft, dos Parceiros da Microsoft e as principais universidades do país com o objetivo de capacitar estudantes nas áreas de TI e oferecer oportunidades de emprego.

16

ser intuitivo e de fácil uso, também apresenta inúmeras possibilidades de

customização e personalização.

Este projeto é uma reestruturação do site que já existe, portanto grande parte

do conteúdo já foi produzido, porém muito deste conteúdo está desatualizado e

precisa de uma reformulação. As notícias são produzidas pela Assessoria de

Comunicação da PUCRS e são produzidas sob demanda. A partir da

reestruturação é intenção é trazer esta tarefa para dentro do CI. A equipe atual

conta com duas estagiarias do curso de Publicidade e Propaganda PUCRS que

dividem as tarefas de criação do material de divulgação, elaboração de

apresentações, manutenção do site e redes sociais. Sugere-se que seja

contratado pelo menos mais um estagiário do curso de Jornalismo para que as

notícias do CI sejam produzidas internamente, dessa forma poderia criar-se uma

rotina e uma frequência maior de publicação, a equipe toda do CI poderia ser

envolvida contribuindo com dicas e sugestões de pauta.

Outras questões pertinentes: usuários, layout, conteúdo e manutenção

Os conteúdos que deverão ser produzidos são notícias sobre eventos,

cursos ou ações que envolvam o CI ou tecnologias Micrsoft, notícias relacionadas

aos parceiros do CI (Rede Inovapuc, Tecnopuc), dicas dos professores e

estagiários de sites, eventos, recursos, fotos dos eventos que tenham participação

do CI, atualização das informações como equipe, empresas parcerias,

depoimentos, etc. A frequência de atualização das noticias deverá ser semanal,

pelo menos uma notícia, ou dica por semana e não mais por demanda como

acontece atualmente.

Além da contratação de um estagiário de Jornalismo que possa fazer o

levantamento de pautas e a produção das notícias, sugere-se a contratação de um

estagiário que possa fazer as atualizações de conteúdo diárias e resolver

possíveis problemas, centralizar era tarefa nas mãos de um único profissional

pode diminuir a confusão e perda de informações como acontece atualmente.

17

Após ter sido implementado todo o projeto, é necessário mensurar o impacto

das mudanças e entender se o objetivo está sendo atingido e que medidas tomar.

Indica-se o uso do Google Analytics que pode trazer informações como a visitação

do site, de que dispositivo ou browser o site foi acessado, o dia em que o acesso

foi maior, enfim estatística que possam apontar se o objetivo de aumentar a

visitação no site do CI está sendo atingido. Será apresentado trimestralmente um

relatório para a equipe de professores coordenadores do CI para avaliar se é

preciso mudar alguma estratégia.

18

ANEXOS

Exemplos de wireframes para o novo site do Centro de Inovação Microsoft

PUCRS.

19

20

21

22

23

24

25