Download - Briefing - (para web design)
![Page 1: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/1.jpg)
BRIEFING
Prof. marilei fiorellimaio 2009
![Page 2: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/2.jpg)
“O briefing é uma peça fundamental para a elaboração de uma proposta de um projeto de comunicação.”
“É um elemento chave para o planejamento do projeto.”
![Page 3: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/3.jpg)
BRIEFING?Mas o que é
![Page 4: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/4.jpg)
do dicionário Michaelis:
Conjunto de informações básicas, instruções, normas etc, elaboradas para a execução de um determinado trabalho.
BRIEFING
...etimologia
![Page 5: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/5.jpg)
do inglês:to brief
MERRIAN-WEBSTER *an act or instance of giving precise instructions or essential information
ato ou instância de dar informações finais e precisas; informações essenciais.
BRIEFING
![Page 6: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/6.jpg)
BRIEFINGConsiste num res umo da situação de projeto que é apresentada pelo cliente nos primeiros contatos.
Do que ele deseja e precisa para o projeto.
(no nosso caso, projeto de comunicação digital)
...então:
![Page 7: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/7.jpg)
É um passo fundamental da metodologia para o desenvolvimento de um projeto.
Faz parte do planejamento do processo de design.
![Page 8: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/8.jpg)
Fornecer elementos para encontrar
a solução que o cliente procura.
É como mapear o problema, e com estas pistas, ter idéias para criar soluções.
Qual o objetivo do briefing?
![Page 9: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/9.jpg)
segundo RADFAHRER,
é a parte mais difícil e a mais importante no desenvolvimento de um projeto digital.
![Page 10: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/10.jpg)
E por quê é tão difícil e tão importante?
![Page 11: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/11.jpg)
BRIEFING > CONCEITO
CONCEITO>SOLUÇÃO
diagnóstico
![Page 12: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/12.jpg)
Não há receita certa,
mas podemos seguir alguns passos..
Como fazer um bom briefing?
![Page 13: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/13.jpg)
Para o designer Peter Phillipsautor do livro “Briefing: a gestão do projeto de design”,
a melhor forma de preparar um briefing é abrangendo
“da maneira mais completa e útil possível absolutamente todas as informações ”
![Page 14: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/14.jpg)
-delinear-pensar
-compreender
O ‘PRODUTO’
(seja ele projeto de website ou outra ação de design digital)
![Page 15: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/15.jpg)
-conhecer profundamente
-visitar/ver a empresa/cliente/produto
-sentir “intuir”
>colher informações objetivas e subjetivas
![Page 16: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/16.jpg)
Aqui é importante que o cliente conte uma história a respeito de seu mercado (o que vem acontecendo com ele), da marca, da empresa, ou outras informações relevantes que nos ajudem a compor um cenário.
1. Histórico:
![Page 17: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/17.jpg)
O problema que o cliente está enfrentado no momento é o pano de fundo para a necessidade que identificou.
Em outras palavras, é o que ele espera ver resolvido.
2. O Problema
![Page 18: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/18.jpg)
Já existe um projeto/produto?
o que se pretende melhorar com o projeto atual?
O que não satisfaz as expectativas?
O que gera resistência?
Há alguma pesquisa de satisfação do consumidor? As estatísticas de visitação revelam alguma desistência em momento crítico?
Há diferenças de experiência de acordo com a área visitada?
2. O Problema
![Page 19: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/19.jpg)
relacionados com o problema anteriormente definido…
Qual é o tipo de produto e o que se pretende com a comunicação.
As .metas
o que eu quero?o que espero?o que quero de retorno?
3. Objetivos
![Page 20: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/20.jpg)
quais são os objetivos da ação?
É uma campanha de branding?Pretende desenvolver um novo tipo de hábito? Demanda curva de aprendizado?É uma atualização? Um novo website?
Por quê se pretende investir nesta ação?
3. Objetivos
![Page 21: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/21.jpg)
Qual é a experiência que se pretende proporcionar ao usuário?
Algo futurista?
Prático?
Equivalente à que se tem no mundo físico?
Seu consumidor precisará comparar a ação com algo que conheça, mesmo que seja no ambiente de internet?
3. Objetivos
![Page 22: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/22.jpg)
Como se define, em perfil sócio-demográfico e cultural, o público da ação?
Faixa etária?
“Tribo”?
Quais são seus hábitos de visitação, consulta e consumo no ambiente digital?
Quem são os maiores concorrentes na área?
Eles correspondem aos concorrentes físicos?
4. Público-Alvo:
![Page 23: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/23.jpg)
Qual o formato pretendido para ação?
Existe alguma referência a ser observada (na concorrência, em sites internacionais, que pertençam ao universo cognitivo do público-alvo etc). ?
É um novo site, um hot site?
Um novo produto?
Uma campanha?
Um jogo?
5. Solução
![Page 24: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/24.jpg)
Qual o visual que se pretende com a ação?
Que tipo de interface? (o designer pode ajudar dizendo quais são as referências gráficas que acredite ser de preferência do público)
Quais serão os serviços?
Os diferenciais?
Os conceitos?
5. Solução
![Page 25: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/25.jpg)
Toda ação demanda uma reação.
Nesses termos, qual a resposta que se pretende?
O que se espera que o potencial consumidor faça depois de ser atingido?
Vender? Valorizar marca? Fidelizar clientes?Divulgar?
6. Resposta
![Page 26: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/26.jpg)
Tecnologias se tornam obsoletas.
É importante, de tempos em tempos, rever a ação e atualizar seu visual para transmitir uma imagem de maior sintonia e constante atualização.
Quem, no cliente, vai gerenciar o projeto?
O que se espera dos designers, programadores, produtores de conteúdo? Manutenção?
Há possibilidade de feedback?
7. Manutenção/gestão
![Page 27: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/27.jpg)
Qual o investimento previsto para a produção? Mínimo? Máximo?
Quais os prazos?
Cronogramas?
Ante-projeto? Protótipos?
Produto final?
Testes? Publicação?
8. Cronogramas/prazos/orçamentos
![Page 28: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/28.jpg)
O processo de briefing pode ser bem extenso e longo.
Porém, quanto mais completo, menos chance de…
![Page 29: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/29.jpg)
Às vezes os clientes chegam à conclusão de que o resultado final apresentado não é o esperado.
Pode ser uma má execução do briefing, o que torna o projeto inválido,pois todos os procedimentos posteriores à primeira etapa se
desenvolveram equivocadamente…
…Briefing errado
![Page 30: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/30.jpg)
BRIEFING EQUIVOCADO=
RETRABALHO
RETRABALHO=TEMPO=CUSTO
![Page 31: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/31.jpg)
assim, um bom briefing pode poupar muito
trabalho e evitar problemas durante a criação.
O briefing não deve restringir, deve potencializar os resultados
![Page 32: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/32.jpg)
É a matéria-prima que o designer precisa para sair do zero, começar a esboçar uma solução, seja na mente, no papel ou no monitor.
Com um briefing detalhado, não há possibilidades de bater aquele branco e a desorientação de não saber por onde começar.
resumindo
BRIEFING
![Page 33: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/33.jpg)
Lembre-se:O designer opta pelas melhores soluções durante a
.todo o proces s o de um projeto
O designer interpreta as idéias do cliente,E auxilia no processo do BRIEFING.
Compreende o que o cliente diz. Capta o que ele gostaria de ter dito - e não soube dizer.
O que ele quer “realmente”
![Page 34: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/34.jpg)
Assim, o briefing ocorre todas as vezes que uma informação passa de um ponto para outro.
Organizá-lo corretamente é assegurar a passagem
da informação certa, da pessoa certa para a pessoa certa, na hora certa, da maneira certa.
Para quê?
![Page 35: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/35.jpg)
Para chegar na melhor solução de design.
A solução certa.
(que é o objetivo do design, não?)
![Page 36: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/36.jpg)
Autor: Peter Phillips
:para s aber mais
![Page 37: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/37.jpg)
vários modelos prontos podem ser encontrados na internet...
Modelos de briefing
:para s aber mais
![Page 38: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/38.jpg)
BRIEFING. Projeto: ____________________________________
Ramo de atuação da empresa e tempo de mercado:2. Número de filiais/franquias:3. Produtos e/ou serviços oferecidos4. Endereço do site atual:5. Vantagens/desvantagens sobre os concorrentes:6. Referências de sites (outras empresas):7. Objetivos a serem alcançados:8. Público-alvo:9. Conteúdo do site: 10. Imagem a ser transmitida para os usuários (tradição ou modernidade, layout clean ou popular, cores mais adequadas etc,);11. Documentação disponível (logotipo, folders, manuais etc):12. Tecnologias ou linguagens desejadas (ex: html, flash, php, jsp e outras):13. Ferramentas de marketing utilizadas atualmente:14. Objeções (não utilizar a cor x ou o estilo y etc,):15. Mínimo e máximo de verba disponível para o projeto:16. Prazo para desenvolvimento e/ou cronograma:17. Contato (Nome/tel/email):18. Observação:
Modelo de briefing - Arteccom
![Page 39: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/39.jpg)
Modelo de briefing - Luli
2:: Especifica��es, planej amento, cronograma: estabelecer parr metros
1 Quais são os principais objetivos do seu site? (Informar? Vender? Dar suporte?) 2 Quem é o seu público-alvo primário e secundário? (descreva interesses, necessidades, habilidades) 3 Qual é a capacidade dos usuários? (browser, velocidade de acesso) 4 O site atrairá diferentes pessoas? Quais? Quais são as suas áreas de interesse? 5 O conteúdo do site é novo ou já existe em outro formato? 6 Que imagens já existentes estão disponíveis? 7 Que novas tecnologias serão utilizadas? Quais e, especificamente, porquê? 8 Que informação do site mudará? Com que freq�ênc ia e com que abrangênc ia? 9 Descreva o produto como se fosse uma pessoa. (sér io? estranho? jovem? confiável?) 10 Que áreas do site precisam de atualização? Quem se beneficia com esta atualização? 11 Pontos fortes e fracos do produto. (compare com os concorrentes) 12 Quando precisa estar pronto? 13 Quem hospedará e dará manutenção ao site?
O site funcionará durante quanto tempo?
![Page 40: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/40.jpg)
Modelo de briefing - Strunck
Modelo de Briefing
Código de Controle: _________ Data: ____ / _____ / _____ Cliente: __________________________________ A/C: __________________ Fone: ______________ Fax:Serviço:_________________________ Email: ________________ OBJETIVO/ PROBLEMA A SER RESOLVIDO PRINCIPAL DIFERENCIAL A SER EXPLORADO PÚBLICO-ALVO (QUEM COMPRA/QUEM CONSOME)CONCORRÊNCIA DIRETA E INDIRETAINSTRUÇÕES ESPECÍFICAS/OBRIGATORIEDADESTIPO DE APRESENTAÇÃO OBSERVAÇÕES
Referência: Strunck, Gilberto. Viver de Design. Rio de Janeiro: 2AB, 2001. p. 69.
![Page 41: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/41.jpg)
Adapte o modelo que melhor se encaixa com seu cliente/projeto.
E bom trabalho.
![Page 42: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/42.jpg)
REFERÊNCIAS
• PHILLIPS, P. Briefing: a gestão do projeto de design. São Paulo: Blucher, 2008• SAMPAIO, R.. Um bom briefing é o primeiro passo para o sucesso. Disponível
online: www.dozen.com.br/nakamura/apostila_briefing.doc. Acesso em 10/05/2009
• RGD - Rede Gaúcha de Design. Metodologia de projetos de Design. Disponível online: www.rgd.org.br/design_metodologia.asp. Acesso em 10/05/2009
• Revista Webdesign. . Disponível online: http://www.arteccom.com.br/webdesign/link3.asp. Acesso em 10/05/2009
• RADFAHRER, L.. Design web design 2. São Paulo: Market Press, 2001. p.120-139
• RADFAHRER, L.. Se você não sabe o que quer, como posso ajudá-lo? Algumas dicas para a montagem de um briefing digital. Disponível online: http://www.luli.com.br/textos/jump/ju16/. Acesso em 10/05/2009
•• STRUNCK, G. Criar identidades visuais para marcas de sucesso. RJ:
Riobooks,2001• STRUNCK, G. Viver de Design. Rio de Janeiro, 2AB,2000• Wikipedia. Online: http://pt.wikipedia.org. Acesso em 10/05/2009
![Page 43: Briefing - (para web design)](https://reader034.vdocuments.com.br/reader034/viewer/2022042715/559b2d9c1a28ab4f0a8b4572/html5/thumbnails/43.jpg)
...definições
“O briefing é o começo de tudo. Ele traz as informações que as equipes da agência que não têm contato direto com o cliente precisam para desenvolver qualquer trabalho. E, por isso, um bom briefing dá trabalho para fazer. Primeiro para o cliente, que tem que saber exatamente o problema que o projeto precisa resolver e fornecer as informações que ela vai necessitar para isso. Depois para a equipe de atendimento, que precisa reunir o máximo de informações e passá-lo corretamente para as outras equipes.”
(Cezar Calligaris)