os desafios do desenvolvimento
de front-end em um e-commerce
@gbrlsepulveda
@gbrlsepulveda
# taxa de conversão
dos usuários que entram no site, quantos finalizam uma compra?
@gbrlsepulveda
ticket médio
em média, quanto os usuários gastam por compra?
@gbrlsepulveda
# como o front-end pode melhorar a conversão?
@gbrlsepulveda
Velocidade da página
interface instável
formulários grande
site não funciona
@gbrlsepulveda
# desafios de front-end
@gbrlsepulveda
múltiplos desenvolvedores
desenvolvimento escalável
performance client-side
testes a/b
@gbrlsepulveda
# trabalhando com vários desenvolvedores
@gbrlsepulveda
mantenha um code standard para o time.
@gbrlsepulveda
@gbrlsepulveda
consistência, legibilidade, sem bikeshed.
@gbrlsepulveda
git + pull requests
@gbrlsepulveda
@gbrlsepulveda
qualquer um revisa, qualquer um comenta.
@gbrlsepulveda
@gbrlsepulveda
# desenvolvimento escalável
@gbrlsepulveda
melhorias são constantes,
e nada é 100% definitivo.
@gbrlsepulveda
o código deve ser facilmente alterável/adaptável.
@gbrlsepulveda
dica 1
usem pre-processors de CSS. sério. agora. já. eu espero.
@gbrlsepulveda
@gbrlsepulveda
@gbrlsepulveda
@gbrlsepulveda
@gbrlsepulveda
geração automática de sprites acelera o
desenvolvimento.
@gbrlsepulveda
@gbrlsepulveda
@gbrlsepulveda
@gbrlsepulveda
Dica 2
módulos: poucas linhas, comportamentos isolados, extensíveis, e testáveis.
@gbrlsepulveda
@gbrlsepulveda
Dica 3
javascript desacoplado e modularizado
@gbrlsepulveda
@gbrlsepulveda
@gbrlsepulveda
performance client-side
@gbrlsepulveda
css/javascript
minification/compression
@gbrlsepulveda
lazy-load everything! o/
@gbrlsepulveda
sprites e imagens inlines
@gbrlsepulveda
não abuse de font-faces
@gbrlsepulveda
divirta-se. sempre. =)
Próximos SlideShares
Carregando em…5
×

Desafios do Desenvolvimento de Front-end em um e-commerce (baby.com.br)

517 visualizações

Publicada em

Apresentação sobre o case baby.com.br .

Apresentação original de Eduardo Shiota.
http://pt.slideshare.net/eshiota/desafios-do-desenvolvimento-de-frontend-em-um-ecommerce

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
517
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Desafios do Desenvolvimento de Front-end em um e-commerce (baby.com.br)

  1. 1. os desafios do desenvolvimento de front-end em um e-commerce @gbrlsepulveda
  2. 2. @gbrlsepulveda # taxa de conversão dos usuários que entram no site, quantos finalizam uma compra?
  3. 3. @gbrlsepulveda ticket médio em média, quanto os usuários gastam por compra?
  4. 4. @gbrlsepulveda # como o front-end pode melhorar a conversão?
  5. 5. @gbrlsepulveda Velocidade da página interface instável formulários grande site não funciona
  6. 6. @gbrlsepulveda # desafios de front-end
  7. 7. @gbrlsepulveda múltiplos desenvolvedores desenvolvimento escalável performance client-side testes a/b
  8. 8. @gbrlsepulveda # trabalhando com vários desenvolvedores
  9. 9. @gbrlsepulveda mantenha um code standard para o time.
  10. 10. @gbrlsepulveda
  11. 11. @gbrlsepulveda consistência, legibilidade, sem bikeshed.
  12. 12. @gbrlsepulveda git + pull requests
  13. 13. @gbrlsepulveda
  14. 14. @gbrlsepulveda qualquer um revisa, qualquer um comenta.
  15. 15. @gbrlsepulveda
  16. 16. @gbrlsepulveda # desenvolvimento escalável
  17. 17. @gbrlsepulveda melhorias são constantes, e nada é 100% definitivo.
  18. 18. @gbrlsepulveda o código deve ser facilmente alterável/adaptável.
  19. 19. @gbrlsepulveda dica 1 usem pre-processors de CSS. sério. agora. já. eu espero.
  20. 20. @gbrlsepulveda
  21. 21. @gbrlsepulveda
  22. 22. @gbrlsepulveda
  23. 23. @gbrlsepulveda
  24. 24. @gbrlsepulveda geração automática de sprites acelera o desenvolvimento.
  25. 25. @gbrlsepulveda
  26. 26. @gbrlsepulveda
  27. 27. @gbrlsepulveda
  28. 28. @gbrlsepulveda Dica 2 módulos: poucas linhas, comportamentos isolados, extensíveis, e testáveis.
  29. 29. @gbrlsepulveda
  30. 30. @gbrlsepulveda Dica 3 javascript desacoplado e modularizado
  31. 31. @gbrlsepulveda
  32. 32. @gbrlsepulveda
  33. 33. @gbrlsepulveda performance client-side
  34. 34. @gbrlsepulveda css/javascript minification/compression
  35. 35. @gbrlsepulveda lazy-load everything! o/
  36. 36. @gbrlsepulveda sprites e imagens inlines
  37. 37. @gbrlsepulveda não abuse de font-faces
  38. 38. @gbrlsepulveda divirta-se. sempre. =)

×