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.

Sitemap

II. Sitemap Hotsite Suflair

HomeRomântico com Suflair

Não Romântico

Cadastro /Login

Produto

Campanhas

Dicas de Passeios Promoção

ÁreaDiversão

JogosRegulamento

Produto

Campanhas

Dicas de Baladas

Promoção

Regulamento

ÁreaDiversã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

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.

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.

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.

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 chocolateaerado 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!