O time de craques          @GugaAlves          Analista de Sistemas e com MBA em Marketing Digital.          Vencedor do D...
O time de craques          @lluanmuniz          nasceu em 91 no Rio de Janeiro, cidade que ama e adora!!          Trabalho...
O time de craques          @cristianoweb          Já foi vendedor de sapatos, promotor de brinquedos e até          cobrad...
“To the left, to the right, in the medium ...But in second time i have to control the match!”                             ...
A história do siteMeu primeiro contato com WordPress foi em 2008 com o WordPress 2.5,mesmo ano de nascimento do Tudo Para ...
A primeira versão do siteTema: Revolution City Theme, levemente modificado
A primeira versão do site
A primeira versão do sitePra época até que dava pro gasto, os destaques na home cumpriram seu papele o bom conteúdo fez o ...
Porque resolvemos mudar•   Novas tecnologias surgiram, como CSS3 e HTML5;•   Navegação via mobile não é mais só modismo, é...
Decisões tomadas para o layout novo•   Usabilidade precisava urgentemente ser melhorada•   Experiência adquirida mostrava ...
A importância das métricasObter controle de um projeto e, portanto, poder gerenciá-lo. Avaliamos paraestimar se estamos pe...
Google Analytics e Métricas“Quando você pode medir o que você está falando, e expressá-lo emnúmeros, você sabe alguma cois...
Google Analytics e Métricas                              Obs: Números fictícios
Métricas Básicas • Visitantes • Visitantes Únicos (Unique Visitors) • Páginas Vistas (PageViews) • Duração da Visita (Temp...
Estudo de comportamento dos usuáriosAlgumas coisas que levamos em conta:• Quais itens do menu são mais clicados?• Quais el...
Resultados até o momento•   Visitas: -6,95% (atualização DNS)•   Visualizações de página: + 26,50%•   Páginas/visita: + 35...
O logotipo
A cara do WordPress
Elementos visuais
É pra inovar? Então vamos brincar direito...
Usamos plugins, mas usamos poucos!!•   Mais agilidade                       •   Akismet•   Menos requisições              ...
Nem sempre asolução criadapor um plugin émelhor que meiadúzia de linhasde código.
Open Graph Protocol (Facebook)Você sabia que o Facebook tem seu próprio esquema de classificação commetadados? Bem-vindo  ...
Open Graph Protocol
Ainda tem muito pra chegar!!•   Web Storage•   Video•   Facebook API•   Twitter API
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Upcoming SlideShare
Loading in …5
×

Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio

3,233
-1

Published on

Palestra da Equipe Tudo Para WordPress falando sobre a história do site, sua evolução, e todo planejamento, design e desenvolvimento do novo layout implementado em outubro de 2011

Published in: Education

Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio

  1. 1. O time de craques @GugaAlves Analista de Sistemas e com MBA em Marketing Digital. Vencedor do Desafio SEO 2009/2010, nosso fundador e editor-chefe do Tudo Para WordPress já palestrou sobre SEO e WordPress em diversos eventos, compartilhando seu aprendizado também no mundo offline e por todos os cantos do Brasil, e é apontado como uma das principais referências em WordPress do Brasil.
  2. 2. O time de craques @lluanmuniz nasceu em 91 no Rio de Janeiro, cidade que ama e adora!! Trabalhou durante toda a sua vida profissional na área de informática e se apaixonou cedo pelos códigos. Desde sempre foi muito curioso e sempre se empenhou em aprender e inovar.
  3. 3. O time de craques @cristianoweb Já foi vendedor de sapatos, promotor de brinquedos e até cobrador de telemarketing. Na Internet é mais conhecido como @cristianoweb e trabalha como designer desde 2001, mas foi somente em 2007 que descobriu as maravilhas dos CMS e desde então se especializou em layouts focados em negócio baseados em WordPress.
  4. 4. “To the left, to the right, in the medium ...But in second time i have to control the match!” (Santana, Joel)
  5. 5. A história do siteMeu primeiro contato com WordPress foi em 2008 com o WordPress 2.5,mesmo ano de nascimento do Tudo Para WordPress, enquanto era responsávelpor suporte técnico em uma agência de Marketing Digital.Ao conhecer o WordPress com programadores de tal agência e encontrarpoucos sites em português sobre o assunto, resolveu criar um site sobreWordPress apenas para ser um ponto inicial para compartilhar o que vinhaaprendendo sobre WordPress sem ter noção no que seu site viria a se tornarum dia.
  6. 6. A primeira versão do siteTema: Revolution City Theme, levemente modificado
  7. 7. A primeira versão do site
  8. 8. A primeira versão do sitePra época até que dava pro gasto, os destaques na home cumpriram seu papele o bom conteúdo fez o site crescer rapidamente em pouco tempo.Mas o tempo passa amigo, e mudanças se fizeram necessárias!
  9. 9. Porque resolvemos mudar• Novas tecnologias surgiram, como CSS3 e HTML5;• Navegação via mobile não é mais só modismo, é realidade;• Otimização de landing pages;• Maior destaque para colaboradores do site;• Crescimento das mídias sociais;• Seu site é o seu portfólio, então ele deve ser belo;• Utilização de novas metodologias aprendidas;• Métricas do site apontavam pontos falhos a serem resolvidos.
  10. 10. Decisões tomadas para o layout novo• Usabilidade precisava urgentemente ser melhorada• Experiência adquirida mostrava que era possível melhorar os resultados atingidos• Segmentação do conteúdo utilizando tags da maneira correta - http://minim.in/WM• Manutenibilidade (tema e plugins)• Velocidade de carregamento e utilização de banda• Relatos de usuários• Mapa de Calor (clickheat) - http://minim.in/WN• Análise de Concorrência• Métricas de nosso site
  11. 11. A importância das métricasObter controle de um projeto e, portanto, poder gerenciá-lo. Avaliamos paraestimar se estamos perto ou longe dos objetivos definidos no plano emtermos de conclusão, qualidade, compatibilidade com os requisitos, etcAvaliamos também para podermos estimar melhor o esforço de novosprojetos, o custo e a qualidade, com base na experiência passada. Por fim,avaliamos para estimar como melhorar algum aspecto importante dodesempenho do processo ao longo do tempo, para examinar os efeitos dasmudanças.
  12. 12. Google Analytics e Métricas“Quando você pode medir o que você está falando, e expressá-lo emnúmeros, você sabe alguma coisa sobre isso; mas quando você não podeexpressá-lo em números, seu conhecimento é do tipo frágil e insatisfatório.Isso pode ser o princípio do conhecimento, mas você mal tem na sua mentepensamentos avançado para o estado da ciência.”Lord Kelvin, matemático e físico britânico1824 - 1907
  13. 13. Google Analytics e Métricas Obs: Números fictícios
  14. 14. Métricas Básicas • Visitantes • Visitantes Únicos (Unique Visitors) • Páginas Vistas (PageViews) • Duração da Visita (Tempo Médio no Site) • Taxa de Rejeição (Bounce Rate)
  15. 15. Estudo de comportamento dos usuáriosAlgumas coisas que levamos em conta:• Quais itens do menu são mais clicados?• Quais elementos da página são mais clicados?• Qual posicionamento ideal para os itens importantes?• Quais posts foram mais comentados?• Quais posts foram mais visitados?• Quais categorias são mais visitadas?
  16. 16. Resultados até o momento• Visitas: -6,95% (atualização DNS)• Visualizações de página: + 26,50%• Páginas/visita: + 35,95%• Taxa de Rejeição: -13,72%• Tempo médio no site: +2,97%
  17. 17. O logotipo
  18. 18. A cara do WordPress
  19. 19. Elementos visuais
  20. 20. É pra inovar? Então vamos brincar direito...
  21. 21. Usamos plugins, mas usamos poucos!!• Mais agilidade • Akismet• Menos requisições • Redirection• Menos código • W3 Total cache• Menos dor de cabeça!! • WordPress SEO • WP Smush.it Como acelerar seu blog WordPress usando menos plugins? - http://minim.in/t7
  22. 22. Nem sempre asolução criadapor um plugin émelhor que meiadúzia de linhasde código.
  23. 23. Open Graph Protocol (Facebook)Você sabia que o Facebook tem seu próprio esquema de classificação commetadados? Bem-vindo ao Open Graph Protocol! https://developers.facebook.com/docs/opengraph/
  24. 24. Open Graph Protocol
  25. 25. Ainda tem muito pra chegar!!• Web Storage• Video• Facebook API• Twitter API
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×