Planejamento de website by Fran Franco

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

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;

•

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

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 4

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;

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.

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)

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.

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.

• 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

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)

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.

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.

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

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

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 S2B 2 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

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.

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.

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.

ANEXOS

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