Redesign enxuto de sites WordPress com Growth-Driven Design

Seu site é a peça central de suas atividades de marketing e seu "vendedor 24h". No entanto, a maneira com que lidamos tradicionalmente com web design gera riscos desnecessários e desperdiça oportunidades de melhoria.

Growth-Driven Design é um movimento de reação ao modo como fazemos sites hoje em dia e uma metodologia completa para alcançar resultados máximos com seu site.

Esses slides são a versão adaptada da "Growth-Driven Design: Web design enxuto, focado em resultados" para o WordCampRJ 2016, realizado no dia 24 de Setembro de 2016.

Para uma versão mais extensa é só clicar neste link: https://speakerdeck.com/vitorpaladini/growth-driven-design-web-design-enxuto-focado-em-resultados

Transcript

1. Redesign enxuto de sites WordPress com Growth-Driven Design
2. Vitor Paladini Desenvolvedor WordPress Colaborador HUG Rio e WP RIO Aluno de Artes Visuais na UERJ
4. Dados baseados em pesquisa conduzida pela HubSpot em 2016
5. Dados baseados em pesquisa conduzida pela HubSpot em 2016
6. Dados baseados em pesquisa conduzida pela HubSpot em 2016
7. O DESENVOLVIMENTO TRADICIONAL DE SITES ESTÁ QUEBRADO
9. UMA MANEIRA MAIS INTELIGENTE DE FAZER SITES QUE: • REDUZ RETRABALHO E DORES DE CABEÇA • MAXIMA RESULTADOS • COMPARTILHA APRENDIZADO
11. ESTRATÉGIA METAS | PERSONAS | SUPOSIÇÕES FUNDAMENTAIS | MAPEAMENTO DE JORNADA | ESTRATÉGIA GLOBAL | WISH LIST
12. ESTRATÉGIA LANÇAR RÁPIDAMENTE | PRIORIZAR WISH LIST | REFINAR APROXIMAÇÃO | INVESTIR EM EFICIÊNCIA INTERNA LAUNCH PAD WEBSITE
13. FASE 1: FUNDAÇÃO LAUNCH PAD WEBSITE ESTRATÉGIA LAUNCH PAD WEBSITE
16. ESTRATÉGIA LAUNCH PAD WEBSITE MELHORIA CONTINUADA FEEDBACK REAL DE USUÁRIOS | ITENS DE ALTO IMPACTO | ITERAÇÃO CONSTANTE DO LAUNCH PAD
17. HIERARQUIA DE WEBSITES Um guia de como construir um site de performance máxima: 1. Dar foco ao projeto 2. Alinhar expectativas 3. Medir metas e progressos através de uma métrica foco MELHORIA CONTINUADA
18. OBJETIVO: Fluxo constante, previsivel e sustentavel de novos visitantes. Metrica foco: Visitantes unicos/mes. Audiência MELHORIA CONTINUADA
19. https://www.netflix.com/br/
20. Valor Audiência MELHORIA CONTINUADA OBJETIVO: Resolver dores (problemas) dos usuarios. Metrica foco: Quao util? 1/10.
21. http://www.climatempo.com.br/previsao-do-tempo/cidade/321/riodejaneiro-rj/
22. Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Intuitividade e facilidade no uso. Metrica foco: Acompanhamento de determinada tarefa.
23. https://www.uber.com/?exp=hp-c
24. Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Reduzir fricçao do funil. Metrica foco: % de topo -> fundo
25. https://www.uber.com/a/join/
26. Aderência Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Usuarios retornam ao site. Metrica foco: Razão visitantes únicos/recorrentes/pageview
27. https://www.buzzfeed.com/maceyjforonda/literalmente-apenas-20-animais-de-estimaeao-usando
28. https://www.buzzfeed.com/maceyjforonda/literalmente-apenas-20-animais-de-estimaeao-usando
29. https://www.buzzfeed.com/maceyjforonda/literalmente-apenas-20-animais-de-estimaeao-usando
30. https://www.buzzfeed.com/maceyjforonda/literalmente-apenas-20-animais-de-estimaeao-usando
31. Personalização Aderência Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Customizar para usuarios especificos. Metrica foco: (revisitar outras mf).
32. https://www.amazon.com.br/ (Anônimo)
33. https://www.amazon.com.br/ (Olá, Vitor)
34. Recursos Extras Personalização Aderência Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Desenvolver recursos tao valiosos que os usuarios do site pagariam para usar Metrica foco: geracao leads qualificados.
35. https://website.grader.com/
36. http://www.hubspot.com/email-signature-generator/
37. Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Visitantes trazerem visitantes. Métrica foco: recorrência e visitantes únicos.
38. Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA HIERARQUIA DE WEBSITES Um guia de como construir um site de performance máxima: 1. Dar foco ao projeto 2. Alinhar expectativas 3. Medir metas e progressos através de uma métrica foco
39. O CICLO DE MELHORIA CONTINUADA
40. PLANEJAR 1. Determine em que passo da hierarquia de websites você está (baseado na sua performance). MÉTRICA FOCO: Uma única métrica que funciona como indicador direto de quão perto estamos da nossa meta. Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Usabilidade Valor Audiência MELHORIA CONTINUADA PLANEJAR
41. CONSTRUIR 2. Todos no time irão se dedicar e trabalhar juntos para: 2.1 Implementar os itens de ação de alto impacto. 2.2 Aplicar experimentos para testar impacto Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Valor Audiência MELHORIA CONTINUADA Usabilidade PLANEJAR CONSTRUIR
42. APRENDER 3. Depois de rodar os experimentos o seu time vai dar um passo para trás e olhar a figura como um todo: 3.1 Rever resultados 3.2 O que aprendemos? 3.3 Publicar Descobertas Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Valor Audiência MELHORIA CONTINUADA Usabilidade PLANEJAR CONSTRUIR APRENDER
43. TRANSFERIR 4. Coloborar com outros departamentos da empresa/cliente. 4.1 Compartilhar aprendizados 4.2 Criar recomendações 4.3 Fazer perguntas Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Valor Audiência MELHORIA CONTINUADA Usabilidade PLAN. CONST. APREN. TRANSF.
44. REPETIR O CICLO Otimize cada etapa da hierarquia de sites GDD. Repita o ciclo Continue a desenvolver itens de ação Alcance o teto da sua métrica foco Avance para o póximo passo da hierarquia Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Valor Audiência MELHORIA CONTINUADA Usabilidade PLAN. CONST. APREN. TRANSF.
45. ESTRATÉGIA
46. ESTRATÉGIA LAUNCH PAD WEBSITE
47. ESTRATÉGIA LAUNCH PAD WEBSITE Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Valor Audiência MELHORIA CONTINUADA Usabilidade
48. ESTRATÉGIA LAUNCH PAD WEBSITE Influenciadores Recursos Extras Personalização Aderência Otimização de Conversão Valor Audiência MELHORIA CONTINUADA Usabilidade PLAN. CONST. APREN. TRANSF.
49. Desenvolvimento Tradicional 2 Anos 3 Meses de Redesign SITE SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
50. Desenvolvimento Tradicional vs. 2 Anos 3 Meses de Redesign SITE SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
51. Desenvolvimento Tradicional vs. 2 Anos 3 Meses de Redesign SITE SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
52. Desenvolvimento Tradicional vs. M ARKETING & VENDAS 2 Anos 3 Meses de Redesign SITE SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
53. Alto custo inicial Muitos recursos e tempo Baseado em suposições (fora de escopo, fora de orçamento, entrega atrasada) Parado por 2 anos ou mais WEB DESIGN TRADICIONAL GROWTH-DRIVEN DESIGN Investimento distribuido Lançar rápido e otimizar Baseado em dados (ágil, on time & on budget) Melhoria continuada
54. “ "The web is not static; it is dynamic, alive, and ever-changing. This is precisely why experimentation and iteration are so important in modern design." Austin Knight - Senior UX Designer, Speaker, and Author at HubSpot
55. Visite: http://growthdrivendesign.com/ - Curso de aprofundamento em GDD. - Curso de certificação em GDD para agências. - Recursos, documentos e ferramentas. - Tudo grátis e em inglês. Blog em português de GDD: - https://paladini.in/ FAÇA PARTE DO MOVIMENTO GDD
56. OBRIGADO! Vitor Paladini - vitor@paladini.in
57. 1. Conteúdo adaptado e traduzido de “What is GDD” por Luke Summerfield. 2. Austin Knight pelas quotes e feedback. 3. Marina presentation template por Slides Carnival. 4. Imagens (por ordem de exibição): 4.1. Roger Steinbacher @ https://unsplash.com/photos/CB6rBauoCg4 4.2. Rohit Tandon @ https://unsplash.com/photos/9wg5jCEPBsw 4.3. Tim Gouw @ https://unsplash.com/photos/_8gWAP_GRzk 4.4. Jan Erik Waider @ https://unsplash.com/photos/Kc3meWFta9w 4.5. Jeff Sheldon @ https://unsplash.com/photos/sD--EGHBvqw 4.6. Jesse Bowser @ https://unsplash.com/photos/kDj82KFbRvU 4.7. Cierra Woodard @ https://unsplash.com/photos/-CVg4toX4dc 4.8. Cosmic Timetraveler @ https://unsplash.com/photos/jQvOExlroYA 4.9. Josefa Holland-Merten @ https://unsplash.com/photos/xBYD4tt8ANo 4.10. Danka & Peter @ https://unsplash.com/photos/iBFBdFHVxeY 4.11. Luke Pamer @ https://unsplash.com/photos/KBpnPk44tOA 4.12. Andrej Chudy @ https://unsplash.com/photos/Zs8UQzAF8Ko 4.13. NASA @ https://unsplash.com/photos/Yj1M5riCKk4 4.14. Igor Ovsyannykov @ https://unsplash.com/photos/_HZxAiydBa8 CRÉDITOS E AGRADECIMENTOS