Trabalho de Arte na Web: Webcontent, Wireframe e Sitemap Aparecida Galvan Danilo Moreira Helena de Paula Luciana Carvalho

I. Introdução 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. 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.

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.

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.

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 Homepage A página inicial do site será estrategicamente dividida em duas partes: Romântico, divido o meu Suflair Não Romântico, não divido meu Suflair com ninguém 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

Homepage

A página inicial do site será estrategicamente dividida em duas partes:

Romântico, divido o meu Suflair

Não Romântico, não divido meu Suflair com ninguém

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

III. Webcontent Romântico, divido o meu Suflair: Se você adora dividir o seu Suflair com as pessoas que mais gosta, está área foi feita pra você! Produto Campanhas Dicas de Passeios: Cinema, Peças e Eventos Culturais. Promoção:Suflair te leva as alturas... Regulamento Diversão: Jogos e Poemas.

Romântico, divido o meu Suflair:

Se você adora dividir o seu Suflair com as pessoas que mais gosta, está área foi feita pra você!

Produto

Campanhas

Dicas de Passeios: Cinema, Peças e Eventos Culturais.

Promoção:Suflair te leva as alturas...

Regulamento

Diversão: Jogos e Poemas.

III. Webcontent Não Romântico, não divido meu Suflair com ninguém: Se você adora Suflair, come a sua barra sozinho e não divide com ninguém, aqui é a sua área: Produto Campanhas Dicas de Baladas: Casas Noturnas e Casas de Shows de São Paulo Promoção:Suflair te leva as alturas... Regulamento Diversão: Jogos e Piadas.

Não Romântico, não divido meu Suflair com ninguém:

Se você adora Suflair, come a sua barra sozinho e não divide com ninguém, aqui é a sua área:

Produto

Campanhas

Dicas de Baladas: Casas Noturnas e Casas de Shows de São Paulo

Promoção:Suflair te leva as alturas...

Regulamento

Diversão: Jogos e Piadas.

Wireframe

IV.Wireframe: Especificações O site será criado para ser visualizável em: 1024 x 768 Padronizações de TI: Formulários : Mensagens do sistema Erros de campos não preenchidos Validação dos campos: Campos numéricos devem aceitar somente números. Os campos deve seguir a ordem de preenchimento com o uso da tecla TAB.

O site será criado para ser visualizável em: 1024 x 768

Padronizações de TI:

Formulários :

Mensagens do sistema

Erros de campos não preenchidos

Validação dos campos:

Campos numéricos devem aceitar somente números.

Os campos deve seguir a ordem de preenchimento com o uso da tecla TAB.

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!