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.

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
41. Contact Form 7
43. WordPress SEO
45. Palestra Guga Alves - WordCamp São Paulo 2013 http://www.gugaalves.net/palestras/wordcamp-sao-paulo-2013/
46. Relevanssi
48. Galeria de Imagens
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
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!