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

Do início ao fim com WordPress

Do início ao fim com WordPress

Mostrar o processo de desenvolvimento de um website é uma ótima oportunidade para trocar ideias, aprender sobre boas práticas, ter insights para projetos futuros e claro, compartilhar as “angústias” do dia a dia dos desenvolvedores.

Nessa talk é apresentada um pouco do processo de desenvolvimento do website da Virada Cultural Paulista, falando de processos e escolhas tomadas.

C4d7da8ef43f08bdbf8cc23fd822c7f9?s=128

Raphael Fabeni

October 18, 2014
Tweet

Transcript

  1. Do início ao fim com WordPress Planejamento, desenvolvimento e desafios

  2. Raphael Fabeni Desenvolvedor web, paulistano, são paulino e apaixonado por

    web, tecnologia, viagens e música clássica. @raphaelfabeni raphaelfabeni.com.br http://bit.ly/css-sp http://bit.ly/info-css-sp http://a2comunicacao.com.br http://bit.ly/raphael-tableless
  3. Airton Vancin Junior Desenvolvedor web, formado em Sistemas de Informação

    e trabalha com WordPress há 3 anos. @airtonvancin airtonvancin.com http://a2comunicacao.com.br https://profiles.wordpress.org/airtonvancin https://wordpress.org/plugins/video-destacado
  4. Do início ao fim…

  5. O cliente

  6. Maior evento cultural simultâneo do interior e litoral do Estado

    de São Paulo
  7. 27 cidades paulistas e mais de 1000 artistas Maior evento

    cultural simultâneo do interior e litoral do Estado de São Paulo
  8. 2 finais de semana de maio Maior evento cultural simultâneo

    do interior e litoral do Estado de São Paulo 27 cidades paulistas e mais de 1000 artistas
  9. 24 horas e gratuito Maior evento cultural simultâneo do interior

    e litoral do Estado de São Paulo 27 cidades paulistas e mais de 1000 artistas 2 finais de semana de maio
  10. Time

  11. Rodrigo Teixeira UX Designer e líder do projeto Marco Corsini

    Head of innovation Camila Ferreira Atendimento Airton Vancin Dev Front-End / Back-End Raphael Fabeni Dev Front-End / Back-End
  12. Desafios

  13. Levantar números de acessos das versões antigas Informações centralizadas em

    outra agência
  14. Migração de conteúdo Adaptar imagens fora do novo padrão

  15. Atualização de conteúdo Definir novo formato de informação

  16. Plataforma Fácil de atualizar e adaptável

  17. Por que WordPress?

  18. Simples de usar

  19. Facilita o fluxo de trabalho Simples de usar

  20. Facilita o fluxo de trabalho Simples de usar Adaptável

  21. Facilita o fluxo de trabalho Simples de usar Adaptável Sem

    back-end
  22. Escolhas

  23. Post Types Advanced Custom Fields Interface e processo de atualização

    mais simples
  24. 6 camadas de informação

  25. 21 campos personalizados

  26. Eventos Releases Fotos Cidades Locais Artistas

  27. Eventos Releases Fotos Cidades Locais Artistas Nome da cidade Descrição

    Foto PDF (programação) Logos
  28. Eventos Releases Fotos Cidades Locais Artistas Nome da cidade Descrição

    Foto PDF (programação) Logos Nome do local Observação Cidade Endereço
  29. Eventos Releases Fotos Cidades Locais Artistas Nome da cidade Descrição

    Foto PDF (programação) Logos Nome do local Observação Cidade Endereço Nome do artista Biografia/texto Foto Vídeos Twitter Facebook
  30. Eventos Releases Fotos Nome do evento Descrição Cidade Local Artista(s)

    Data Classificação Imagem Linguagem Linha Fina Observação Cidades Locais Artistas Nome da cidade Descrição Foto PDF (programação) Logos Nome do local Observação Cidade Endereço Nome do artista Biografia/texto Foto Vídeos Twitter Facebook
  31. Eventos Releases Fotos Nome do evento Descrição Cidade Local Artista(s)

    Data Classificação Imagem Linguagem Linha Fina Observação Nome do release Arquivo (PDF) Cidades Locais Artistas Nome da cidade Descrição Foto PDF (programação) Logos Nome do local Observação Cidade Endereço Nome do artista Biografia/texto Foto Vídeos Twitter Facebook
  32. Cidades Locais Artistas Eventos Releases Fotos Nome da cidade Descrição

    Foto PDF (programação) Logos Nome do local Observação Cidade Endereço Nome do artista Biografia/texto Foto Vídeos Twitter Facebook Nome do evento Descrição Cidade Local Artista(s) Data Classificação Imagem Linguagem Linha Fina Observação Nome do release Arquivo (PDF) Galeria
  33. Evento Artista Local Cidade

  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. Contact Form 7

  42. None
  43. WordPress SEO

  44. None
  45. Palestra Guga Alves - WordCamp São Paulo 2013 http://www.gugaalves.net/palestras/wordcamp-sao-paulo-2013/

  46. Relevanssi

  47. None
  48. Galeria de Imagens

  49. None
  50. Hospedagem

  51. Site caiu 1 semana antes do lançamento

  52. Migração

  53. Cache

  54. Dia do evento

  55. Processo

  56. Processo FTP

  57. Processo FTP • Padronização

  58. Processo FTP

  59. Processo

  60. Lr Ps Processo final

  61. None
  62. Resultados

  63. No primeiro final de semana, o website recebeu 23.763 visitas

  64. No segundo final de semana, o website recebeu 19.558 visitas

  65. Na semana do evento, o website recebeu 53.459 visitas

  66. visitas provenientes de dispositivos móveis 36,35%

  67. visitas através da busca orgânica 46,94%

  68. Obrigado!