SlideShare uma empresa Scribd logo
1 de 25
Trabalho de Arte na Web: Webcontent, Wireframe e Sitemap Aparecida Galvan Danilo Moreira Helena de Paula Luciana Carvalho
I. Introdução ,[object Object],[object Object]
Sitemap
II. Sitemap Hotsite Suflair Home Romântico  com Suflair Não Romântico Cadastro / Login Produto Campanhas Dicas de  Passeios Promoção Área Diversão Jogos Regulamento Produto Campanhas Dicas de  Baladas Promoção Regulamento Área Diversão Jogos Poemas Piadas Cadastro / Login
Webcontent
III. Webcontent ,[object Object],[object Object],[object Object],[object Object],[object Object]
III. Webcontent ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
III. Webcontent ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Wireframe
IV.Wireframe: Especificações ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Home LOGO Imagem Texto:1.Sou romântico, divido meu Suflair... Flash Texto:2.Não romântico, não divido meu Suflair com ninguém... Obs: Menu mouse over IV.Wireframe
Cadastro LOGO Texto:3.Cadastro Nome: Idade: E-mail: Html Imagem Texto:Preencha os seus dados para entrar no mundo de Suflair... IV.Wireframe
Área Sou romântico divido meu Suflair - Produto  LOGO Flash  Imagem PRODUTO   |  DICAS DE PASSEIOS  |  PROMOÇÃO  |  DIVERSÃO Texto:4.Suflair é o único chocolate aerado do Brasil, ele derrete na boca e lhe acompanha nos melhores momentos da sua vida, divirta-se no Mundo de Suflair. Texto:5.Conheça as campanhas publicitárias do Suflair. Vídeo 1 Vídeo 2 Vídeo 3 Obs: Menu mouse over IV.Wireframe
Área Sou romântico divido meu Suflair – Dicas de Passeios  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS   |  PROMOÇÃO  |  DIVERSÃO Texto:6.Dicas de Passeios:  Você adora dividir o seu Suflair com quem gosta, confira aqui os  programas que vocês podem fazer este mês. Uma área em destaque para o filme destaque do  mês, as peças em cartaz, eventos culturais como o Sesc. Vídeo 1 Cinema:  O filme Sex the in City é o destaque do mês de junho, assim como a série o filme promete conquistar os corações, confira o Trailler: veja onde assistir. Vídeo 2 Teatro:  Miss Saigon, confira este grande espetáculo da Brodway. programação. Tarifas Imagem Cultural:  Confira os eventos especiais que o Sesc preparou para você neste mês: programação. Tarifas Obs: Menu mouse over IV.Wireframe
Área Sou romântico divido meu Suflair – Promoção  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS  |  PROMOÇÃO   |  DIVERSÃO Texto:7.Promoção: Suflair te leva as alturas... Estar apaixonado é estar nas alturas e ninguém melhor para te levar as  alturas do que o único chocolate aerado do Brasil. Envie um SMS com o código que encontra-se no interior das  embalagens de Suflair e concorra a 10 passeios de ultraleve no litoral  Norte Paulista, 5 Ipods Touch de 16 gb e 1 Ford Eco Sport. Promoção Válida de 20 de junho de 2008 á 01 de agosto de 2008. Imagem Confira o Regulamento completo. Obs: Menu mouse over IV.Wireframe
Jogos:  1.Labirinto: encontre o caminho correto para ganhar um beijo do seu amor.  2.Memória: treine sua mente com um jogo de memória com peças de Suflair. 3.Quebra-Cabeça: Arraste as peças e descubra o que está por trás destas peças. Área Sou romântico divido meu Suflair – Diversão LOGO Flash PRODUTO  |  DICAS DE PASSEIOS  |  PROMOÇÃO  |  DIVERSÃO Obs: Menu mouse over Imagem Texto:8.Jogos e poemas para você aproveitar com Suflair, o chocolate que lhe acompanha nos  melhores momentos de sua vida. Poemas:  Conquiste quem você ama, veja poemas que derretem os corações... “  O seu sorriso, o seu ar, as nuvens e o mar, são apenas detalhes que me fazem não parar de sonhar”.  Imagem Jogar Mais poemas (+) IV.Wireframe
Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash  Imagem PRODUTO   |  DICAS DE BALADAS  |  PROMOÇÃO  |  DIVERSÃO Texto: 9. Produto: Suflair é o único chocolate aerado do Brasil, ele  derrete na boca e lhe acompanha nos melhores momentos da sua  vida, divirta-se no Mundo de Suflair. Texto:10. Conheça as campanhas publicitárias do Suflair. Vídeo 1 Vídeo 2 Vídeo 3 Obs: Menu mouse over IV.Wireframe
Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash PRODUTO  |  DICAS DE BALADAS  |  PROMOÇÃO  |  DIVERSÃO Texto:11.  Dicas de Baladas: Você que não divide o seu Suflair com ninguém pode curtir as melhores  baladas aqui.  imagem Casas Noturas:  Pegue seu Suflair e curta a balada, escolha: Imagem Casa de Shows:  O seu Suflair também pode ser encontrado nas principais casas de Shows de São Paulo, pegue o seu Suflair e curta o som. Escolha por bairro, endereço e descrição   programação. Tarifas Obs: Menu mouse over programação. Tarifas IV.Wireframe
Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS  |  PROMOÇÃO   |  DIVERSÃO Texto:12. Promoção:  Suflair te leva as alturas... Curta a vida e aproveite todos os momentos com o único chocolate aerado do Brasil. Envie um SMS com o código que encontra-se no interior das  embalagens de Suflair e concorra a 10 passeios de ultraleve no litoral  Norte Paulista, 5 Ipods Touch de 16 gb e 1 Ford Eco Sport. Promoção Válida de 20 de junho de 2008 á 01 de agosto de 2008. Imagem Confira o Regulamento completo. Obs: Menu mouse over IV.Wireframe
Jogos:  1.Suflairman: as regras são as mesmas do jogo Pacman, só que a vitamina é um delicioso Suflair. 2.Memória: treine sua mente com um jogo de memória com peças de Suflair. 3.Campo minado: Quanto mais Suflair você encontrar, melhor, mas cuidados com as bombas. Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS  |  PROMOÇÃO  |  DIVERSÃO Obs: Menu mouse over Imagem Texto:13. Jogos e piadas para você aproveitar com Suflair, o chocolate que lhe acompanha nos  melhores momentos de sua vida. Piadas:  Rir é o melhor remédio, que tal acompanhar as melhores piadas por aqui: “ Por que em Portugal os ônibus possuem o nome e a numeração também na parte traseira ?”  Para descobrirem que ônibus eles perderam.  Imagem Jogar Mais piadas (+) IV.Wireframe
Layout
Obs: Menu mouse over V.Layout Home
Obs: Menu mouse over V.Layout Não Romântico, não divido meu Suflair com ninguém: Dicas de Baladas
Obs: Menu mouse over V.Layout Sou Romântico, divido meu Suflair: Diversão
Obrigado!

Mais conteúdo relacionado

Mais de Helena de Paula

MBA Planejamento Estratégico em Redes Sociais Unifacex
MBA Planejamento Estratégico em Redes Sociais UnifacexMBA Planejamento Estratégico em Redes Sociais Unifacex
MBA Planejamento Estratégico em Redes Sociais UnifacexHelena de Paula
 
Philip Kotler - Apostila HSM Management 2010
Philip Kotler  - Apostila HSM Management 2010Philip Kotler  - Apostila HSM Management 2010
Philip Kotler - Apostila HSM Management 2010Helena de Paula
 
Webshoppers21 - Análise do Comércio Eletrônico 2009
Webshoppers21 - Análise do Comércio Eletrônico 2009Webshoppers21 - Análise do Comércio Eletrônico 2009
Webshoppers21 - Análise do Comércio Eletrônico 2009Helena de Paula
 
Concorrência Instituto Fernand Braudel CíRculos De Leitura
Concorrência Instituto Fernand Braudel CíRculos De LeituraConcorrência Instituto Fernand Braudel CíRculos De Leitura
Concorrência Instituto Fernand Braudel CíRculos De LeituraHelena de Paula
 

Mais de Helena de Paula (8)

Minuto MGA
Minuto MGAMinuto MGA
Minuto MGA
 
MBA Planejamento Estratégico em Redes Sociais Unifacex
MBA Planejamento Estratégico em Redes Sociais UnifacexMBA Planejamento Estratégico em Redes Sociais Unifacex
MBA Planejamento Estratégico em Redes Sociais Unifacex
 
Mídia programática
Mídia programáticaMídia programática
Mídia programática
 
Philip Kotler - Apostila HSM Management 2010
Philip Kotler  - Apostila HSM Management 2010Philip Kotler  - Apostila HSM Management 2010
Philip Kotler - Apostila HSM Management 2010
 
Webshoppers21 - Análise do Comércio Eletrônico 2009
Webshoppers21 - Análise do Comércio Eletrônico 2009Webshoppers21 - Análise do Comércio Eletrônico 2009
Webshoppers21 - Análise do Comércio Eletrônico 2009
 
Apresentação pessoal
Apresentação pessoalApresentação pessoal
Apresentação pessoal
 
Mobile Marketing
Mobile MarketingMobile Marketing
Mobile Marketing
 
Concorrência Instituto Fernand Braudel CíRculos De Leitura
Concorrência Instituto Fernand Braudel CíRculos De LeituraConcorrência Instituto Fernand Braudel CíRculos De Leitura
Concorrência Instituto Fernand Braudel CíRculos De Leitura
 

Apresentação Suflair

  • 1. Trabalho de Arte na Web: Webcontent, Wireframe e Sitemap Aparecida Galvan Danilo Moreira Helena de Paula Luciana Carvalho
  • 2.
  • 4. II. Sitemap Hotsite Suflair Home Romântico com Suflair Não Romântico Cadastro / Login Produto Campanhas Dicas de Passeios Promoção Área Diversão Jogos Regulamento Produto Campanhas Dicas de Baladas Promoção Regulamento Área Diversão Jogos Poemas Piadas Cadastro / Login
  • 6.
  • 7.
  • 8.
  • 10.
  • 11. Home LOGO Imagem Texto:1.Sou romântico, divido meu Suflair... Flash Texto:2.Não romântico, não divido meu Suflair com ninguém... Obs: Menu mouse over IV.Wireframe
  • 12. Cadastro LOGO Texto:3.Cadastro Nome: Idade: E-mail: Html Imagem Texto:Preencha os seus dados para entrar no mundo de Suflair... IV.Wireframe
  • 13. Área Sou romântico divido meu Suflair - Produto LOGO Flash Imagem PRODUTO | DICAS DE PASSEIOS | PROMOÇÃO | DIVERSÃO Texto:4.Suflair é o único chocolate aerado do Brasil, ele derrete na boca e lhe acompanha nos melhores momentos da sua vida, divirta-se no Mundo de Suflair. Texto:5.Conheça as campanhas publicitárias do Suflair. Vídeo 1 Vídeo 2 Vídeo 3 Obs: Menu mouse over IV.Wireframe
  • 14. Área Sou romântico divido meu Suflair – Dicas de Passeios LOGO Flash PRODUTO | DICAS DE PASSEIOS | PROMOÇÃO | DIVERSÃO Texto:6.Dicas de Passeios: Você adora dividir o seu Suflair com quem gosta, confira aqui os programas que vocês podem fazer este mês. Uma área em destaque para o filme destaque do mês, as peças em cartaz, eventos culturais como o Sesc. Vídeo 1 Cinema: O filme Sex the in City é o destaque do mês de junho, assim como a série o filme promete conquistar os corações, confira o Trailler: veja onde assistir. Vídeo 2 Teatro: Miss Saigon, confira este grande espetáculo da Brodway. programação. Tarifas Imagem Cultural: Confira os eventos especiais que o Sesc preparou para você neste mês: programação. Tarifas Obs: Menu mouse over IV.Wireframe
  • 15. Área Sou romântico divido meu Suflair – Promoção LOGO Flash PRODUTO | DICAS DE PASSEIOS | PROMOÇÃO | DIVERSÃO Texto:7.Promoção: Suflair te leva as alturas... Estar apaixonado é estar nas alturas e ninguém melhor para te levar as alturas do que o único chocolate aerado do Brasil. Envie um SMS com o código que encontra-se no interior das embalagens de Suflair e concorra a 10 passeios de ultraleve no litoral Norte Paulista, 5 Ipods Touch de 16 gb e 1 Ford Eco Sport. Promoção Válida de 20 de junho de 2008 á 01 de agosto de 2008. Imagem Confira o Regulamento completo. Obs: Menu mouse over IV.Wireframe
  • 16. Jogos: 1.Labirinto: encontre o caminho correto para ganhar um beijo do seu amor. 2.Memória: treine sua mente com um jogo de memória com peças de Suflair. 3.Quebra-Cabeça: Arraste as peças e descubra o que está por trás destas peças. Área Sou romântico divido meu Suflair – Diversão LOGO Flash PRODUTO | DICAS DE PASSEIOS | PROMOÇÃO | DIVERSÃO Obs: Menu mouse over Imagem Texto:8.Jogos e poemas para você aproveitar com Suflair, o chocolate que lhe acompanha nos melhores momentos de sua vida. Poemas: Conquiste quem você ama, veja poemas que derretem os corações... “ O seu sorriso, o seu ar, as nuvens e o mar, são apenas detalhes que me fazem não parar de sonhar”. Imagem Jogar Mais poemas (+) IV.Wireframe
  • 17. Área Não Romântico, não divido meu Suflair com ninguém - Produto LOGO Flash Imagem PRODUTO | DICAS DE BALADAS | PROMOÇÃO | DIVERSÃO Texto: 9. Produto: Suflair é o único chocolate aerado do Brasil, ele derrete na boca e lhe acompanha nos melhores momentos da sua vida, divirta-se no Mundo de Suflair. Texto:10. Conheça as campanhas publicitárias do Suflair. Vídeo 1 Vídeo 2 Vídeo 3 Obs: Menu mouse over IV.Wireframe
  • 18. Área Não Romântico, não divido meu Suflair com ninguém - Produto LOGO Flash PRODUTO | DICAS DE BALADAS | PROMOÇÃO | DIVERSÃO Texto:11. Dicas de Baladas: Você que não divide o seu Suflair com ninguém pode curtir as melhores baladas aqui. imagem Casas Noturas: Pegue seu Suflair e curta a balada, escolha: Imagem Casa de Shows: O seu Suflair também pode ser encontrado nas principais casas de Shows de São Paulo, pegue o seu Suflair e curta o som. Escolha por bairro, endereço e descrição programação. Tarifas Obs: Menu mouse over programação. Tarifas IV.Wireframe
  • 19. Área Não Romântico, não divido meu Suflair com ninguém - Produto LOGO Flash PRODUTO | DICAS DE PASSEIOS | PROMOÇÃO | DIVERSÃO Texto:12. Promoção: Suflair te leva as alturas... Curta a vida e aproveite todos os momentos com o único chocolate aerado do Brasil. Envie um SMS com o código que encontra-se no interior das embalagens de Suflair e concorra a 10 passeios de ultraleve no litoral Norte Paulista, 5 Ipods Touch de 16 gb e 1 Ford Eco Sport. Promoção Válida de 20 de junho de 2008 á 01 de agosto de 2008. Imagem Confira o Regulamento completo. Obs: Menu mouse over IV.Wireframe
  • 20. Jogos: 1.Suflairman: as regras são as mesmas do jogo Pacman, só que a vitamina é um delicioso Suflair. 2.Memória: treine sua mente com um jogo de memória com peças de Suflair. 3.Campo minado: Quanto mais Suflair você encontrar, melhor, mas cuidados com as bombas. Área Não Romântico, não divido meu Suflair com ninguém - Produto LOGO Flash PRODUTO | DICAS DE PASSEIOS | PROMOÇÃO | DIVERSÃO Obs: Menu mouse over Imagem Texto:13. Jogos e piadas para você aproveitar com Suflair, o chocolate que lhe acompanha nos melhores momentos de sua vida. Piadas: Rir é o melhor remédio, que tal acompanhar as melhores piadas por aqui: “ Por que em Portugal os ônibus possuem o nome e a numeração também na parte traseira ?” Para descobrirem que ônibus eles perderam. Imagem Jogar Mais piadas (+) IV.Wireframe
  • 22. Obs: Menu mouse over V.Layout Home
  • 23. Obs: Menu mouse over V.Layout Não Romântico, não divido meu Suflair com ninguém: Dicas de Baladas
  • 24. Obs: Menu mouse over V.Layout Sou Romântico, divido meu Suflair: Diversão