Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Redesign enxuto de sites WordPress com Growth-Driven Design

Vitor Paladini
September 24, 2016

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

Vitor Paladini

September 24, 2016
Tweet

More Decks by Vitor Paladini

Other Decks in Design

Transcript

  1. UMA MANEIRA MAIS INTELIGENTE DE FAZER SITES QUE: • REDUZ

    RETRABALHO E DORES DE CABEÇA • MAXIMA RESULTADOS • COMPARTILHA APRENDIZADO
  2. ESTRATÉGIA LANÇAR RÁPIDAMENTE | PRIORIZAR WISH LIST | REFINAR APROXIMAÇÃO

    | INVESTIR EM EFICIÊNCIA INTERNA LAUNCH PAD WEBSITE
  3. ESTRATÉGIA LAUNCH PAD WEBSITE MELHORIA CONTINUADA FEEDBACK REAL DE USUÁRIOS

    | ITENS DE ALTO IMPACTO | ITERAÇÃO CONSTANTE DO LAUNCH PAD
  4. 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
  5. OBJETIVO: Fluxo constante, previsivel e sustentavel de novos visitantes. Metrica

    foco: Visitantes unicos/mes. Audiência MELHORIA CONTINUADA
  6. Usabilidade Valor Audiência MELHORIA CONTINUADA OBJETIVO: Intuitividade e facilidade no

    uso. Metrica foco: Acompanhamento de determinada tarefa.
  7. 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
  8. 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).
  9. 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.
  10. 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.
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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.
  16. 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.
  17. 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.
  18. Desenvolvimento Tradicional 2 Anos 3 Meses de Redesign SITE SITE

    2 Anos 3 Meses de Redesign Impacto Tempo SITE
  19. Desenvolvimento Tradicional vs. 2 Anos 3 Meses de Redesign SITE

    SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
  20. Desenvolvimento Tradicional vs. 2 Anos 3 Meses de Redesign SITE

    SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
  21. Desenvolvimento Tradicional vs. M ARKETING & VENDAS 2 Anos 3

    Meses de Redesign SITE SITE 2 Anos 3 Meses de Redesign Impacto Tempo SITE
  22. 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
  23. “ "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
  24. 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
  25. 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