projeto web

Autor / Data

Web Marketing

Paulo Alexandre Botelho R. Pires/2013

PROJETO WEB

| 3

Tipo de projetos

Identificar o tipo de sítio Web

•  Presença institucional ou da marca – ferramenta de consolidação da organização ou da marca, pretendendo criar uma relação entre elas e a audiência

•  Campanha de marketing – aplicação ou sítio Web que pretende obter um comportamento da audiência durante um período de tempo limitado

•  Fonte de informação – contém informação (vários tipos de meios: vídeos, fotografias, documentos, artigos, casos de estudo, notícias) que tem como finalidade informar, entreter, divertir ou criar uma relação com a audiência

•  Aplicação – ferramentas que permitem à audiência executar um conjunto de tarefas

Um sítio Web (ex.: comércio eletrónico) pode incluir vários tipos de sítio Web

| 4

Tipo de projetos

Presença institucional ou da marca

•  Comunicar o valor da marca ou da instituição:

•  Comunicação explícita, através de uma afirmação

•  Comunicação implícita, através da experiência da utilização do sítio Web

•  Explicar o modelo de negócio e informar sobre a proposta de valor

•  Facilitar o acesso à informação: “o que fazemos”; “onde estamos”; “como entrar em contacto”

•  “Engagement” com uma audiência principal; funcionalidades e conteúdos relevantes

| 5

Tipo de projetos

Campanha de marketing

•  Landing page, microsite, aplicação ou jogo

•  Centralizado em um ou vários fatores: período limitado; audiência específica; produto ou serviço

•  Criar um interesse imediato e momentâneo através de um valor acrescentado num período limitado (serviço ou produto) ou através de um incentivo (promoções de vendas)

•  “Engagement” com uma audiência para motivar à execução de uma ação (a conclusão da ação é designada por conversão); as acções típicas são: subscrição no sítio Web, subscrição de newsletter, download de folhetos, etc.

| 6

Tipo de projetos

Fonte de informação

•  Apresentar conteúdo que motive a visita e incentive visitas repetidas

•  Evidenciar o conhecimento, as competências ou a liderança em áreas específicas através da disponibilização de informação criada por pessoas reconhecidas como peritos ou entidades credíveis

•  Apoiar a audiência na procura de informação na resolução de problemas, aquisição de competências ou conhecimento

•  Incrementar o conhecimento da organização através de conhecimento, ideias e competências trazidas de outras fontes: participação da audiência, de colaboradores da organização e outras entidades

•  Definição da arquitetura de informação que reflita o modelo mental da audiência

•  Definir uma estrutura que permita o crescimento orgânico dos conteúdos (Tags e filtros)

•  Pesquisa eficiente

| 7

Tipo de projetos

Aplicação

•  Execução de tarefas mais eficiente, mais eficazmente, mais adequadas às necessidades deles, mais convenientemente ou única aplicação disponibilizada

•  Suportar audiência sem experiência e apoiada com instruções de utilização, preferencialmente visuais

•  Suportar audiência com mais experiência, apoiada em funcionalidades avançadas

•  Minimizar o trabalho da audiência, passando para o sistema sempre que possível

| 8

Desenvolvimento do sítio Web

O que suporta o desenvolvimento de um sítio Web?

•  O desenvolvimento é suportado por uma metodologia semelhante à de qualquer outro projeto

•  Por definição um projeto tem um início e um término (duração finita)

•  Produz um resultado

Quais as diferenças entre o projeto de um sítio Web e outros produtos?

•  Evolução tecnológica é muito rápida

•  Adaptação a novos requisitos

1

2 3

4

5

Sítio Web

3 2 1

| 9

Projeto Web ≠ Operações Web

| 10

Operações Web

Páginas e elementos que sofrem alterações

•  Página inicial

•  Seção de navegação ou novas categorias

•  Artigos, press release, newsletter

•  Novos produtos ou alteração nos produtos

•  Comentários de utilizadores

•  Promoções e publicidade

| 11

Ciclo de vida do projeto

Fases de um ciclo de vida de um projeto

Ciclo genérico

•  Análise è Desenho è Desenvolvimento è Implementação

•  Conceito è Desenvolvimento è Execução è Término

•  Conceito è Definição de requisitos è Desenvolvimento è Testes è Término

ITIL (Information Technology Infrastructure Library)

•  Estratégia do serviço è Desenho do Serviço è Transição do Serviço è Operações do Serviço è Melhoramento Contínuo do Serviço

PMI - PMBOK

•  Iniciação è Planeamento è Execução − Monitorização e Controlo è Encerramento

PMI - PMBOK

| 12

Áreas de conhecimento

Grupo de processo do projeto

Início Planeamento Execução Monitorização e controlo Encerramento

Integração X X X X X

Âmbito X X

Tempo X X

Custo X X

Qualidade x X X

Recursos Humanos

X X

Comunicação X X X X

Risco X X

Aquisição X X X X

PMI - PMBOK

| 13

Áreas de conhecimento

Grupo de processo do projeto

Início Planeamento Execução Monitorização e controlo Encerramento

Integração Desenvolver o Termo de Abertura do Projeto   Desenvolver o Plano

de Gestão do projeto   Dirigir e gerir a execução do projeto  

Monitorizar e controlar trabalhos Desenvolver um procedimento integrado de Controlo de Alterações  

Encerrar o projeto  

Âmbito

Obter requisitos Definir âmbito Criar WBS – Work Breakdown Structure  

 Verificar âmbito Controlar âmbito  

Tempo

Definir atividades

Sequenciar atividades Estimar recursos por atividade Estimar duração das atividades Desenvolver cronograma  

  Controlar cronograma  

Custo Estimar custos Determinar orçamento  

  Controlar custos  

PMI - PMBOK

| 14

Áreas de conhecimento

Grupo de processo do projeto

Início Planeamento Execução Monitorização e controlo Encerramento

Qualidade Planear a qualidade   Desenvolver garantia de qualidade  

Executar controle de qualidade  

Recursos Humanos

Desenvolver plano de recursos humanos.  

Contratar equipa do projeto

Desenvolver equipa do projeto.

Gerir equipa do projeto  

Comunicação Identificar intervenientes  

Planear a comunicação  

Distribuir informação

Gerir expectativas das partes interessadas  

Reportar desempenho  

Risco

Planear a Gestão do Risco

Identificar riscos

Análise qualitativa e quantitativa de riscos

Respostas para riscos  

  Monitorizar e controlar riscos  

Aquisição Planear aquisições   Conduzir aquisições   Administrar aquisições  

Encerrar as aquisições  

WBS – Work Breakdown Structure

| 15

WBS Web Site

Projeto Web

Briefing de Intenções

Objetivos

Âmbito

Análise competitiva

Ferramentas

Planeamento

Definição de requisitos

Negócio

Perfil dos Utilizadores

Informação

Caraterísticas

Funcionalidades

Desenho conceptual

Análise competitiva

Tipo de esquema

Gráficos

Fontes

Outros Elementos

Conteúdos

Análise competitiva

Estratégia de conteúdos

Tipo de conteúdos

Desenvolvimento

UCD

Identificação das técnicas

Escolha

Execução

AI

Usabilidade

Planeamento

Desenvolvimento

Testes

Melhorias

SEO

Análise competitiva

Seleção

Implementação

Monitorização

Comunicação

Análise competitiva

Escolha dos meios

Estratégia para os meios

Implementação dos meios

Monitorização

Interdisciplinaridade no desenvolvimento de um sítio Web

| 16

Web Marketing

Planeamento Web

Conteúdos

Desenho

Usabilidade

Arquitetura da Informação

User Centered Design

SEO

PPC/CPM

Landing Pages

Monitorização

E-mail

Meios Sociais

| 17

Projeto Web

Conteúdos DesenhoArquitetura

da Informação

Search Engine

Optimization

User Centered Design

Usabilidade AnáliseCompetitiva

Operações do sítio Web

Monitorização PPC/CPM Meios Sociais E-mail SEO Landing Pages

Triângulo da Verdade

| 18

Âmbito

Cronograma

Orçamento

| 19

Briefing de intenções

O que é e o que deve conter

•  É um documento

•  Contém uma descrição resumida e abrangente dos:

•  objetivos da empresa

•  Requisitos funcionais

•  Serve como documento de difusão de informação:

•  O que deve produzir

•  O que deve fazer

•  Quando deve terminar

| 20

Briefing de Intenções

O projeto Web começa com o briefing de intenções

•  Nome do projeto

•  Data da conclusão

•  Orçamento

•  Objetivos da empresa

•  Descrição do projeto

•  Sítios Web Concorrentes

•  Perfil dos utilizadores (audiência)

•  Síntese das características/funcionalidades

•  Ver documento “Briefing de intenções.docx”

| 21

Briefing de Intenções

Conceito pré-produção (fase “Início” em PMBOK)

•  Esta fase preliminar – pré-produção – engloba o desenvolvimento de relações entre os intervenientes do projeto e da estratégia

•  É importante a identificação dos stakeholders

Logicamente, o planeamento de um sítio Web é um processo faseado em duas partes:

1.  Recrutam-se os intervenientes, analisam-se as necessidades e os objetivos, desenvolve-se o plano

2.  Cria-se o documento com a especificação do sítio que contém o que se pretende fazer, como se pretende fazer, qual a tecnologia e os conteúdos necessários, a calendarização, o orçamento e medidas de avaliação de performance

| 22

Briefing de Intenções

Questões na reunião inicial

•  Qual é a principal finalidade do sítio Web?

•  Quais são os objetivos a curto e médio prazo do sítio Web?

•  Que informação deverá ter?

•  Se já existe um sítio Web, qual é a avaliação?

•  Quais são os sítios Web concorrentes e em que se destacam?

•  Que sítios Web são referência?

•  O sítio Web reflete a marca?

| 23

Definição de objetivos

Primeiro passo

•  O primeiro passo no desenho de um sítio Web é definir os seus objetivos

•  Sem uma definição clara dos objetivos e da missão o projeto não terá fim, excederá os todos os limites e deslizará para direções ilógicas erraticamente

•  Os objetivos devem ser mensuráveis

•  Uma afirmação simples e curta, identificando dois ou três objetivos, constitui os pilares do sítio Web

•  Tem que existir um compromisso dos níveis hierárquicos mais elevados da organização

| 24

Objetivos

Objetivos e estratégias

•  Qual é a missão da organização?

•  Como é que o sítio Web irá apoiar a missão?

•  Quais são os dois ou três objetivos mais importantes para o sítio?

•  Qual é a audiência principal do sítio?

•  O que se pretende que audiência sinta após visitar o sítio?

•  Quais as estratégias a aplicar para obter esses objetivos?

•  Como se irá medir o sucesso do sítio?

•  Como se irá manter adequadamente o sítio?

| 25

Âmbito

Como definir o âmbito do sítio Web

•  Definir o nível de detalhe da informação.

•  Analisar o âmbito dos sítios Web dos concorrentes

•  Definir como a informação é apresentada aos utilizadores

•  Definir características específicas relativas ao aspecto do negócio

•  Definir outras funcionalidade relevantes

•  Definir o orçamento para o projeto do sítio Web

•  Definir a calendarização do projeto do sítio Web

| 26

Planeamento do projeto

O que é o planeamento

•  Planeamento é o processo de identificar as ações a executar e a concluir

•  Planeamento é o processo como as ações serão executadas

•  Planeamento é o processo de ter as ações concluídas no período previsto

•  Planeamento é o processo de ter as ações concluídas com os recursos atribuídos

| 27

Planeamento do projeto

Cronograma do projeto

•  O planeamento è Cronograma do projeto

•  Cronograma do projeto ✚

•  Duração das atividades •  O início das atividades

•  Quem executa as atividades? •  Quais são as atividades

precedentes? •  Quando se executa a

atividade? •  Quais são as atividades

seguintes?

| 28

Planeamento do projeto

Etapas do planeamento do projeto

1.  Construir a WBS (Work Breakdown Structure ou EAP – Estrutura Analítica do Projeto), através da identificação das fases e atividades do projeto.

2.  Identificar as dependências entre atividades.

3.  Identificar atividades que podem ser executadas em paralelo.

4.  Calcular a duração de cada atividade e o esforço inerente à mesma.

5.  Calcular os custos de cada atividade, subdivididos por RH, subcontratação, hardware e software.

6.  Desenhe o projeto e avalie os resultados.

7.  Obtenha aprovação, afete os recursos e atribua as atividades.

| 29

Equipa do projeto Web

Interação entre intervenientes

1.  Estudar e preparar as reuniões preliminares

2.  Explicar o processo de desenho de um sítio Web

3.  Definir os limites da ingerência dos outros intervenientes

4.  Compreender o negócio da empresa

5.  Ouvir as necessidades dos intervenientes

6.  Demonstrar a capacidade e os serviços

7.  Agrupar os intervenientes em grupos, em que cada grupo apresenta sugestões e críticas

Equipa do projeto Web

| 30

Gestor do projeto

Produção de conteúdos

Áudio

Vídeo

Texto

Fotografia

Programação Programador

Base de dados

Arquitetura da Informação

Usabilidade

Marketing Criativo

Designer gráfico

Publicidade

Comunicação E-mail

SEO

Redes Sociais

AdWords

| 31

Competências na equipa

Competências centrais

•  Estratégia e planeamento

•  Gestão de projetos

•  Arquitetura da informação e desenho do interface

•  Análise de requisitos

•  Desenho gráfico para a Web

•  Tecnologia Web

•  Produção de sítios Web

O tipo de sítio Web, as suas características e funcionalidades que se pretendem implementar vão determinar as competências inerentes à equipa de trabalho

| 32

Competência central ao Gestor do Projeto

Comunicação

Gestor do projeto è capacidade de comunicação

•  Linguagem e perfil dos indivíduos muito diferentes

•  Culturas diversas

•  Importância da comunicação não verbal

•  Implementação de um plano de comunicação e regras de comunicação

| 33

Audiência

Quem visita o sítio Web e porque o visita

| 34

Audiência

Conhecer as audiências

Comunicar com eficiência na Web implica:

•  Compreender a audiência:

•  Identificar as necessidades para saber:

•  O que escrever e quanto escrever

•  O vocabulário a usar

•  Como organizar os conteúdos

| 35

Audiência

Conhecer as audiências

•  Quais são as faixas etárias da audiência?

•  Quais são os grupos étnicos da audiência?

•  A principal audiência é para homens ou mulheres?

•  Quais são as ocupações típicas da audiência?

•  Quais são as localizações geográficas da audiência?

•  São esperados utilizadores com necessidades especiais?

•  Qual será a frequência de visitas?

•  Quais são as competências técnicas da audiência?

| 36

Audiência

Conhecer as audiências

•  Quando lemos estamos a interpretar

•  As ideias e os conceitos são interpretados diferentemente de pessoa para pessoa

•  As palavras têm significados diferentes de pessoa para pessoa

•  Pensar ou intuir como é a audiência, porque vão ao sítio Web, o que necessitam, qual o seu vocabulário, como se comportam é um mero pressuposto. Os pressupostos estão, muitas vezes, errados ou enviesados

| 37

Audiência

Recolher informação sobre a audiência – sugestões

•  Relembrar a missão da organização

•  Consultar os e-mails do apoio a cliente e informações do departamento de marketing

•  Entrevistar as pessoas que utilizam o sítio Web

•  Entrevista contextual (observação sem intervenção) ou Entrevista de incidente crítico (específica e com intervenção)

•  Log Files e Analytics

•  Aplicar testes de usabilidade, recorrer a técnicas de UCD e a SEO

•  Os segmentos são constituídos por pessoas; não são entidades ou conceitos

| 38

Audiência

Etapas para conhecer a audiência

1.  Identificar e listar os principais segmentos de utilizadores

2.  Recolher informação sobre esses segmentos

3.  Enumerar as principais características desses segmentos

4.  Recolher as necessidades, tarefas comportamentos desses segmentos

5.  Usar a informação anterior para criar Personas

6.  Incluir nas Personas as tarefas e os objetivos

7.  Usar a informação para criar cenários

| 39

Audiência

Enumerar as características

Listar as características relevantes:

•  Frases chave, afirmações e outras

•  Experiência e competências

•  Emoções

•  Valores

•  Tecnologia

•  Ambiente cultural e social

•  Variáveis demográficas

| 40

Audiência – Enumerar as características

Frases chave, afirmações e outras

•  Que palavras utilizam

•  Com que frequência as utilizam

•  Que tipo de construção frásica

•  Mais formal vs. menos formal

•  Como designam as tarefas

| 41

Audiência – Enumerar as características

Experiência e competências

•  Formação

•  Que tipo de experiência têm

•  Facilidade de aprendizagem

•  Experiência com sítios Web

•  Competências na execução de tarefas

| 42

Audiência – Enumerar as características

Emoções

•  Interessado

•  Motivado

•  Curioso

•  Relaxado

•  Contente

•  Indiferente

•  Impaciente

•  Furioso

•  Pressionado

•  Nervoso

•  Ansioso

•  Céptico

| 43

Audiência – Enumerar as características

Valores e tecnologia

•  Valores

•  Identificar o que valorizam

•  Tecnologia

•  Equipamentos que usam

•  Tipo de ligação

•  Consultar sítios Web com estatísticas

| 44

Audiência – Enumerar as características

Ambiente cultural e social e Variáveis demográficas

•  Ambiente cultural e social

•  De onde acedem ao sítio Web?

•  Com quem acedem?

•  Quanto tempo vão navegar?

•  Sofrem interrupções?

•  Estão a navegar para si ou para outros?

•  Variáveis demográficas

•  Idade, sexo, raça, dimensão do agregado familiar

| 45

Audiência – Enumerar as características

Identificar necessidades, tarefas e comportamentos dos segmentos

•  Utilizar todas as fontes para recolher informação sobre as necessidades que querem satisfazer, as tarefas que requerem realizar e como realizam essas tarefas

•  Durante este processo, as palavras, frases e afirmações não podem ser adaptadas

Utilizadores e gestão do projeto

| 46

Estudo dos utilizadores Gestão do projeto

Estratégia da tecnologia

Estratégia de conteúdos

Estratégia do Sítio

Desenho Conceptual

Implementação da tecnologia

Produção de conteúdos

Concretização do Desenho

| 47

O erro mais comum

Quem decide e quem utiliza

•  Quem determina o sucesso de um sítio Web são os utilizadores

•  Um sítio Web é desenvolvido para satisfazer as necessidades dos utilizadores

•  Muitos projetos seguem uma perspectiva tecnológica, apoiada por entusiastas da tecnologia, em vez de procurar solucionar as necessidades das pessoas ou das empresas

•  O paradoxo reside na ausência desses utilizadores na fase de desenho e de concepção do sítio Web

•  As imposições orçamentais e temporais, as divergências de estratégia e objetivos são as principais causas dessa situação

•  Não existe alternativa: quem determina o sucesso de um sítio são os utilizadores

| 48

Segundo erro mais comum

Indefinição de objetivos e planificação inadequada

Num projeto com uma planificação inadequada ou com objetivos algo indefinidos acontecerá o seguinte:

•  Acrescentam-se continuamente novas funcionalidades

•  Alterações significativas durante o desenvolvimento

•  Na globalidade, essas alterações e acréscimos distorcem por completo a calendarização e a orçamentação

| 49

Inventário de conteúdos

•  É necessário construir um inventário dos conteúdos existentes e daqueles que vão ser precisos

•  O desenvolvimento de conteúdos é a componente mais problemática e difícil e que consome mais tempo

•  Os conteúdos que foram desenvolvidos para outros meios têm de ser refeitos para serem adequados à Web

•  Usar um CMS se:

•  Mais de 15 páginas ou são acrescentadas páginas regularmente

•  Atualização regular de conteúdos

•  Atualização por várias pessoas e por pessoas sem competências técnicas

| 50

Análise competitiva

O que é

•  Documento que analisa outros sítios Web para retirar conhecimento que será aplicado em atividades subsequentes

•  Importância da análise competitiva:

•  Saber como os concorrentes resolveram o problema

•  Validar as funcionalidade e características em sítios Web semelhantes

•  Comparar as nossas prioridades com as de sítios Web semelhantes

•  Identificar abordagens alternativas para os identificados problemas

•  A análise competitiva deve ser executa nas primeiras fases do projeto

| 51

Análise competitiva

O que se deve analisar

•  É importante analisar organizações similares

•  Analisar as melhores práticas a nível global

•  Pesquisar na Web e analisar o seu conteúdo, design, “look and feel”, capacidades de navegação

•  Indicar os itens que se destacam de forma positiva e negativa

•  Um sítio Web posiciona-se face aos seus concorrentes

•  Os sítios concorrentes servem como benchmarking

•  Conteúdos; design; “Look and feel”; desenho de navegação; características únicas; destaque das melhores e das piores características; SEO; e-mail, etc.

Estrutura de uma Análise Competitiva

| 52

Capítulo Assunto

Introdução

Objetivos

Questões em estudo

Critérios

Sumário

Conclusões

Conclusões para cada objetivo

Conclusões para cada questão

Conclusões para cada critério

Critérios e concorrência

Lista de critérios para cada objetivo

Lista de critérios para cada questão

Fatores de seleção dos concorrentes

Perfil dos concorrentes

Exemplos de uma Análise Competitiva

| 53

Mashable SocialMediaToday Página inicial Notícia em destaque Splash screen para registo

Redes sociais Nº reduzido de redes sociais Principais redes sociais

Estatísticas de redes sociais Sim, para todas Não

Design Segue as últimas tendências Ultrapassado

Comentários Sim, com registo Sim, com registo

Página inicial Mashable SocialMediaToday Notícia em destaque Sim Não

Redes sociais Sim Sim

Estatísticas de redes sociais Sim Sim

Ads Sim Sim

Search Sim Sim

Esquema de navegação Mashable SocialMediaToday Navegação global Sim Sim

Navegação local Sim Não

| 54

Tecnologia

O que se deve analisar

•  Browsers suportados

•  Dispositivos suportados

•  Largura de banda necessária

•  Funcionalidades: e-mail, chats, base de dados, vídeo e áudio

•  Servidor interno ou servidor num ISP

•  Standards Web

| 55

Orçamentação

Custos existentes

•  Salários, benefícios e incentivos para RH de curto prazo e longo prazo

•  Software

•  hardware

•  Formação em base de dados, Web Marketing e Web Design, etc.

•  Outsourcing: marketing do sítio, consultoria e desenvolvimento, etc.

•  Manutenção do sítio Web

•  Aumento de funcionalidades novas

•  Domínios, largura de banda e espaço em disco

| 56

Atualização de conteúdos

•  Na Web, os utilizadores requerem página atualizadas. Um sítio em que a informação não é atualizada rapidamente perde tráfego

•  Num projeto de um sítio Web deverá ser elaborado um plano para atualização de conteúdos:

•  Quais as páginas que serão atualizadas

•  Quem deverá atualizar as páginas (enviar a informação)

•  Quando deverá ser atualizada a informação

•  Um sítio em que todos têm responsabilidade é inicialmente o centro das atenções; depois ninguém tem responsabilidades: "do cachorrinho recém-nascido ao órfão que ninguém quer”

•  Nomeação de um webmaster e de um editor

| 57

Integração off-line

Inserção do URL do sítio Web

•  Publicidade nos jornais, revistas, rádio, televisão e outros

•  Campanhas de marketing direto

•  Cartões de visita

•  Manuais dos produtos

•  Embalagens

•  Brochuras

•  Press release

•  Formulários

•  Outros