Design de Varejo Online | F5

1,050 views

Published on

Apresentação realizada na Primeira Edição do F5 | 24 de novembro de 2011 no Infnet.

Palestrantes
Sérgio Naiki e Augusto Linck

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,050
On SlideShare
0
From Embeds
0
Number of Embeds
99
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Design de Varejo Online | F5

  1. 1. Design no Varejo <ul><li>Apresentação </li></ul><ul><li>O que é Design de Varejo Online </li></ul><ul><li>Design de Varejo Online: hoje e pontos importantes </li></ul><ul><li>Cotidiano: email mkt, banners e áreas promocionais </li></ul><ul><li>Dicas e Falhas </li></ul><ul><li>Futuro </li></ul><ul><li>Encerramento </li></ul>Palestra Palestra Design de Varejo| 2011
  2. 2. Design de Varejo
  3. 3. Apresentação Com 8 anos de experiência em internet e graduado em Design Digital pela Universidade Anhembi Morumbi, já criou para contas como: Citroën, Peugeot, Air France, Getty Images. Hoje ocupa o cargo de designer sênior da Agência Kindle All Lines atendendo as contas do Grupo Nova Pontocom (Ponto Frio e Extra). Sergio Naiki Palestra Design de Varejo| 2011 Formado em Desenho Industrial pela UNESA, saiu do Varejo no Ponto de Venda, para o Varejo Digital, atua há mais de 4 anos no mercado. Já trabalhou com clientes como Santa Cecília Construtora, Petrobras, Hotel InterContinental e Nestlé. Hoje trabalha na Kindle, responsável por desenvolver projetos criativos para as contas do Grupo Nova Pontocom (Ponto Frio e Extra). Augusto Linck
  4. 4. Nossos clientes Palestra Design de Varejo| 2011
  5. 5. Cotidiano
  6. 6. Cotidiano Palestra Design de Varejo| 2011 Atendimento Designer Sênior Designer Júnior Designer Júnior Designer Júnior Designer Pleno Cliente
  7. 7. Cotidiano Processo do dia-a-dia Palestra Design de Varejo| 2011 Prazos diários Home, Newsletter, Web Banners Prazos maiores Hotsites e Campanhas
  8. 8. Peças do Design de Varejo
  9. 9. Design do Varejo Peças do Design de Varejo Palestra Design de Varejo| 2011 Web Banners Email Marketing Home do site Coleção / Desconto Hotsites Página do produto Venda!
  10. 10. Peças do Design do Varejo <ul><li>Pontos Importantes: </li></ul><ul><li>Fácil identificação de produtos </li></ul><ul><li>Estrutura: </li></ul><ul><li>Ícone, nome da campanha e frase de apoio </li></ul><ul><li>Design: </li></ul><ul><li>Formas simples e de fácil associação </li></ul><ul><li>Identidade de acordo com o público-alvo </li></ul>Campanhas Palestra Design de Varejo| 2011
  11. 11. Peças do Design do Varejo Campanhas Palestra Design de Varejo| 2011
  12. 12. Peças do Design do Varejo Campanhas Palestra Design de Varejo| 2011
  13. 13. Peças do Design do Varejo Campanhas Palestra Design de Varejo| 2011
  14. 14. Peças do Design do Varejo <ul><li>Pontos Importantes: </li></ul><ul><li>Converter vendas </li></ul><ul><li>Promover oportunidades e campanhas promocionais </li></ul><ul><li>Estrutura: </li></ul><ul><li>Topo + Destaques + Vitrines + Banners </li></ul><ul><li>Design: </li></ul><ul><li>Destaque para o preço, parcelamentos e valor </li></ul><ul><li>da economia </li></ul><ul><li>Organização das vitrines e alinhamentos (facilitar localização de informações) </li></ul><ul><li>Detalhes do produto </li></ul>Email Marketing Palestra Design de Varejo| 2011
  15. 15. Design do Varejo Topo e destaque Palestra Design de Varejo| 2011
  16. 16. Design do Varejo Topo e destaque Palestra Design de Varejo| 2011
  17. 17. Design do Varejo Vitrines Palestra Design de Varejo| 2011
  18. 18. Design do Varejo Banners Palestra Design de Varejo| 2011
  19. 19. Peças do Design do Varejo <ul><li>Pontos Importantes: </li></ul><ul><li>Vender coleções de produtos </li></ul><ul><li>Promover campanhas promocionais </li></ul><ul><li>Instruir compras e gerar fidelidade (gerar confiança com informações úteis, papel do vendedor) </li></ul><ul><li>Converter vendas </li></ul><ul><li>Estrutura: </li></ul><ul><li>Face principal + mecânica + características + fotos </li></ul><ul><li>Design: </li></ul><ul><li>Primeiro corte até 550px (mecânica tem que estar presente) </li></ul><ul><li>1000px de largura </li></ul><ul><li>Botões para navegação </li></ul>Hotsite Palestra Design de Varejo| 2011
  20. 20. Design do Varejo Hotsites - Campanha Palestra Design de Varejo| 2011
  21. 21. Design do Varejo Hotsites - Campanha Palestra Design de Varejo| 2011
  22. 22. Design do Varejo Hotsites - Oportunidade Palestra Design de Varejo| 2011
  23. 23. Design do Varejo Hotsites - Vendas Palestra Design de Varejo| 2011
  24. 24. Design do Varejo Hotsites - Vendas Palestra Design de Varejo| 2011
  25. 25. Design do Varejo Hotsites - Vendas Palestra Design de Varejo| 2011
  26. 26. Design do Varejo Hotsites - Vendas Palestra Design de Varejo| 2011
  27. 27. Design do Varejo Hotsites - Vendas Palestra Design de Varejo| 2011
  28. 28. Peças do Design do Varejo <ul><li>Pontos Importantes: </li></ul><ul><li>Captar clientes novos </li></ul><ul><li>Gerar retorno dos clientes antigos </li></ul><ul><li>Promover campanhas promocionais </li></ul><ul><li>Converter vendas </li></ul><ul><li>Estrutura: </li></ul><ul><li>2 ou 3 Frames ( Introdução da campanha + mecânica + fechamento – opcional) </li></ul><ul><li>Design: </li></ul><ul><li>Peso vs Qualidade </li></ul><ul><li>Ritmo (dirigir o olhar do cliente) </li></ul><ul><li>Destaque para o botão de conferir </li></ul>Web Banner Palestra Design de Varejo| 2011
  29. 29. Design do Varejo Web Banners Palestra Design de Varejo| 2011
  30. 30. Palestra Design de Varejo| 2011 Peças do Design do Varejo <ul><li>Pontos Importantes: </li></ul><ul><li>Promover campanhas promocionais </li></ul><ul><li>Converter vendas </li></ul><ul><li>Exibir novidades </li></ul><ul><li>Estrutura: </li></ul><ul><li>TV’s + Box + Barra Lateral + Banner Central </li></ul><ul><li>Design: </li></ul><ul><li>Objetividade </li></ul><ul><li>Preço </li></ul><ul><li>Informação </li></ul>Peças Internas
  31. 31. Design do Varejo Home Palestra Design de Varejo| 2011
  32. 32. Design do Varejo Home Palestra Design de Varejo| 2011
  33. 33. WEB 2.0 Outras formas de captar clientes e vender produtos
  34. 34. Design do Varejo Peças do Design de Varejo Atualizada Palestra Design de Varejo| 2011 REDES SOCIAIS Web Banners Email Marketing Home do site Coleção / Desconto Hotsites Página do produto Venda!
  35. 35. Design do Varejo Redes Sociais – Magazine Luiza Palestra Design de Varejo| 2011 <ul><li>C2C </li></ul><ul><li>Responsabilidade Magazine Luiza </li></ul><ul><li>Vendedor ganha comissão </li></ul><ul><li>http://apps.facebook.com/magazinevoce/luiza </li></ul>
  36. 36. Design do Varejo Redes Sociais – Dia das Crianças Palestra Design de Varejo| 2011 <ul><li>Captação de clientes / fãs </li></ul><ul><li>Direcionamento para coleções específicas </li></ul><ul><li>http://www.facebook.com </li></ul>
  37. 37. Dicas e Falhas
  38. 38. Dicas e Falhas <ul><li>PSDs organizados </li></ul><ul><li>Profissional focado em front-end </li></ul><ul><li>Hierarquia de informações / características </li></ul><ul><li>Uso de atalhos para otimização de tempo </li></ul><ul><li>Equipe integrada para que todos trabalhem juntos </li></ul><ul><li>Características e diferenciais de produtos sempre em primeiro plano </li></ul><ul><li>Vender OPORTUNIDADE </li></ul><ul><li>Modelos para se trabalhar (splashes, logos e vitrines padrão) </li></ul>Dicas Palestra Design de Varejo| 2011
  39. 39. Dicas e Falhas Dicas – Banco de splashes Palestra Design de Varejo| 2011
  40. 40. Dicas e Falhas Dicas – Banco de logos Palestra Design de Varejo| 2011
  41. 41. Dicas e Falhas Dicas – Desconstruindo a newsletter Palestra Design de Varejo| 2011 Destaque Template de vitrine
  42. 42. Dicas e Falhas Dicas – Desconstruindo a newsletter Palestra Design de Varejo| 2011 Template de banners Banco de banners
  43. 43. Dicas e Falhas Dicas – Redação Palestra Design de Varejo| 2011
  44. 44. Dicas e Falhas Dicas – Redação Palestra Design de Varejo| 2011
  45. 45. Dicas e Falhas <ul><li>Verificar o ticket do produto </li></ul><ul><li>Alinhar o briefing criativo com a proposta comercial </li></ul><ul><li>Erros de português </li></ul><ul><li>Falta de atenção </li></ul><ul><li>Atraso na entrega (consequências) </li></ul><ul><li>Falta de comunicação interna (se já foi feita alteração, se já enviou para o cliente) </li></ul><ul><li>Erro de formato e etc... </li></ul>Falhas Palestra Design de Varejo| 2011
  46. 46. Futuro
  47. 47. Futuro Palestra Design de Varejo| 2011 V V E E Vendas / Visibilidade Economia
  48. 48. Dicas e Falhas <ul><li>Bidshop </li></ul><ul><li>Clubes de desconto </li></ul><ul><li>Facebook Commerce </li></ul>Compras coletivas Palestra Design de Varejo| 2011 <ul><li>Informações mais importantes em primeiro plano </li></ul><ul><li>Informações multimídia com QR Code nas lojas físicas </li></ul>Dispositivos móveis
  49. 49. Perguntas? Augusto Linck [email_address] [email_address] Sergio Naiki [email_address] [email_address]

×