Trabalho de Arte na Web: Webcontent, Wireframe e Sitemap Aparecida Galvan Danilo Moreira Helena de Paula Luciana Carvalho
I. Introdução <ul><li>A empresa Nestlé é conhecida pela qualidade de sua gama de produtos, dentre eles destaca-se o chocol...
Sitemap
II. Sitemap Hotsite Suflair Home Romântico  com Suflair Não Romântico Cadastro / Login Produto Campanhas Dicas de  Passeio...
Webcontent
III. Webcontent <ul><li>Homepage </li></ul><ul><ul><li>A página inicial do site será estrategicamente dividida em duas par...
III. Webcontent <ul><li>Romântico, divido o meu Suflair: </li></ul><ul><ul><li>Se você adora dividir o seu Suflair com as ...
III. Webcontent <ul><li>Não Romântico, não divido meu Suflair com ninguém: </li></ul><ul><ul><li>Se você adora Suflair, co...
Wireframe
IV.Wireframe: Especificações <ul><li>O site será criado para ser visualizável em:  1024 x 768 </li></ul><ul><li>Padronizaç...
Home LOGO Imagem Texto:1.Sou romântico, divido meu Suflair... Flash Texto:2.Não romântico, não divido meu Suflair com ning...
Cadastro LOGO Texto:3.Cadastro Nome: Idade: E-mail: Html Imagem Texto:Preencha os seus dados para entrar no mundo de Sufla...
Área Sou romântico divido meu Suflair - Produto  LOGO Flash  Imagem PRODUTO   |  DICAS DE PASSEIOS  |  PROMOÇÃO  |  DIVERS...
Área Sou romântico divido meu Suflair – Dicas de Passeios  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS   |  PROMOÇÃO  |  DIVE...
Área Sou romântico divido meu Suflair – Promoção  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS  |  PROMOÇÃO   |  DIVERSÃO Text...
Jogos:  1.Labirinto: encontre o caminho correto para ganhar um beijo do seu amor.  2.Memória: treine sua mente com um jogo...
Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash  Imagem PRODUTO   |  DICAS DE BALADAS  |  PRO...
Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash PRODUTO  |  DICAS DE BALADAS  |  PROMOÇÃO  | ...
Área Não Romântico, não divido meu Suflair com ninguém - Produto  LOGO Flash PRODUTO  |  DICAS DE PASSEIOS  |  PROMOÇÃO   ...
Jogos:  1.Suflairman: as regras são as mesmas do jogo Pacman, só que a vitamina é um delicioso Suflair. 2.Memória: treine ...
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!
Próximos SlideShares
Carregando em…5
×

Apresentação Suflair

3.129 visualizações

Publicada em

Mais um trabalho desenvolvido com muita dedicação pela agência experimental Atitude.

Publicada em: Tecnologia, Diversão e humor
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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

Nenhuma nota no slide

Apresentação Suflair

  1. 1. Trabalho de Arte na Web: Webcontent, Wireframe e Sitemap Aparecida Galvan Danilo Moreira Helena de Paula Luciana Carvalho
  2. 2. I. Introdução <ul><li>A empresa Nestlé é conhecida pela qualidade de sua gama de produtos, dentre eles destaca-se o chocolate Suflair , que possui uma fórmula de chocolate ao leite aerado que derrete suavemente na boca, e agrada desde crianças até adultos. </li></ul><ul><li>Visando maior identificação com o produto, a agência Atitude sugere a criação de um Hotsite, causando experiência de marca e fazendo com que o produto esteja compatível com os seus concorrentes, como por exemplo: O site do chocolate Sonho de Valsa da Lacta. </li></ul>
  3. 3. Sitemap
  4. 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
  5. 5. Webcontent
  6. 6. III. Webcontent <ul><li>Homepage </li></ul><ul><ul><li>A página inicial do site será estrategicamente dividida em duas partes: </li></ul></ul><ul><ul><ul><li>Romântico, divido o meu Suflair </li></ul></ul></ul><ul><ul><ul><li>Não Romântico, não divido meu Suflair com ninguém </li></ul></ul></ul><ul><ul><li>O usuário poderá escolher a opção na qual se identifica, a partir da escolha o caminho percorrido será personalizado de acordo com a preferência do usuário, com conteúdos diferenciado para ambas as áreas </li></ul></ul>
  7. 7. III. Webcontent <ul><li>Romântico, divido o meu Suflair: </li></ul><ul><ul><li>Se você adora dividir o seu Suflair com as pessoas que mais gosta, está área foi feita pra você! </li></ul></ul><ul><ul><ul><li>Produto </li></ul></ul></ul><ul><ul><ul><li>Campanhas </li></ul></ul></ul><ul><ul><ul><li>Dicas de Passeios: Cinema, Peças e Eventos Culturais. </li></ul></ul></ul><ul><ul><ul><li>Promoção:Suflair te leva as alturas... </li></ul></ul></ul><ul><ul><ul><li>Regulamento </li></ul></ul></ul><ul><ul><ul><li>Diversão: Jogos e Poemas. </li></ul></ul></ul>
  8. 8. III. Webcontent <ul><li>Não Romântico, não divido meu Suflair com ninguém: </li></ul><ul><ul><li>Se você adora Suflair, come a sua barra sozinho e não divide com ninguém, aqui é a sua área: </li></ul></ul><ul><ul><ul><li>Produto </li></ul></ul></ul><ul><ul><ul><li>Campanhas </li></ul></ul></ul><ul><ul><ul><li>Dicas de Baladas: Casas Noturnas e Casas de Shows de São Paulo </li></ul></ul></ul><ul><ul><ul><li>Promoção:Suflair te leva as alturas... </li></ul></ul></ul><ul><ul><ul><li>Regulamento </li></ul></ul></ul><ul><ul><ul><li>Diversão: Jogos e Piadas. </li></ul></ul></ul>
  9. 9. Wireframe
  10. 10. IV.Wireframe: Especificações <ul><li>O site será criado para ser visualizável em: 1024 x 768 </li></ul><ul><li>Padronizações de TI: </li></ul><ul><ul><li>Formulários : </li></ul></ul><ul><ul><ul><li>Mensagens do sistema </li></ul></ul></ul><ul><ul><ul><ul><li>Erros de campos não preenchidos </li></ul></ul></ul></ul><ul><ul><li>Validação dos campos: </li></ul></ul><ul><ul><ul><li>Campos numéricos devem aceitar somente números. </li></ul></ul></ul><ul><ul><ul><ul><li>Os campos deve seguir a ordem de preenchimento com o uso da tecla TAB. </li></ul></ul></ul></ul>
  11. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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
  21. 21. Layout
  22. 22. Obs: Menu mouse over V.Layout Home
  23. 23. Obs: Menu mouse over V.Layout Não Romântico, não divido meu Suflair com ninguém: Dicas de Baladas
  24. 24. Obs: Menu mouse over V.Layout Sou Romântico, divido meu Suflair: Diversão
  25. 25. Obrigado!

×