Wireframe: LG

518 views

Published on

Trabalho de freelancer para a LG através da agência Media Contacts.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
518
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Wireframe: LG

  1. 2. Wireframe – LG LIVING
  2. 3. LG LIVING > Gateway Carregando... Loading A A Página de carregamento do site.
  3. 4. LG LIVING > Home LGHOME Ar condicionado e eletrodomésticos LGTHEATER Imagem, Vídeo e Áudio LGINFO Informática LGMOBILE Telefonia Móvel 0.0 Home A A B Logo Entrada da casa Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. B Conheça os produtos LG Ambiente externo da casa, na qual o usuário será convidado a entrar. Texto convidando o usuário a conhecer a casa.
  4. 5. LG LIVING > Sala LGHOME Ar condicionado e eletrodomésticos LGTHEATER Imagem, Vídeo e Áudio LGINFO Informática LGMOBILE Telefonia Móvel 1.0 Sala A Sala de estar Ir para a Cozinha Ir para a Lavanderia Ir para a Quarto dos pais A A A C B IMG do produto IMG do produto IMG do produto B B B C Logo Conheça os produtos LG Link para os outros ambientes da casa. Os produtos que estão distribuídos no ambiente terão link para a página de detalhe do produto no hotsite que o contém. O hotsite deve ser aberto na mesma janela. Menu para os outros hotsites com os catálogos de produtos.
  5. 6. Wireframe – LG HOME
  6. 7. LG HOME > Gateway Carregando... Loading A A Página de carregamento do site.
  7. 8. LG HOME > Home Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria AR CIONADO ADEGA DE VINHOS REFRIGERADORES LAVADORA & SECADORA 0.0 Home LG HOME FORNO 2X1 A B C Logo A B C Link para a home deste hotsite. Não deve estar ativa na própria página home. Link para os outros hotsites, que devem ser abertos na mesma janela. Tanto os ícones das categorias quanto os produtos estarão dispostos em uma espécie de “roleta”. Quando o usuário passa o mouse sobre a lateral esquerda ou direita da roleta os itens começam a andar, permitindo que o usuário possa visualizar rapidamente todas as opções. Como os itens estão baseados em uma estrutura cíclica então, de acordo com o wireframe ao lado, quando Ar Condicionado estiver no centro da tela, a sua direita haverá a opção Adega de Vinhos e a sua esquerda, Forno 2x1. LGTHEATER LGINFO LGMOBILE LGLIVING
  8. 9. LG HOME > TV > Todos os produtos LG HOME 1.0 Ar Condicionado IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO AR CONDICIONADO ADEGA DE VINHOS REFRIGERADORES LAVADORA & SECADORA FORNO 2X1 Janela Split Hiwall Multi-Split Split Piso-Teto Split Cassete Split Art Cool C A B Todos os produtos A B C LGTHEATER LGINFO LGMOBILE LGLIVING Este menu secundário funciona como um filtro para os itens mostrados abaixo na “roleta”. Todos os produtos além de ser um link que mostra todos os itens da categoria selecionada sem a adição de filtros também conta com a função de drop-list contendo todos os produtos de por exemplo, categoria Ar Condicionado. Para referência, visualizar menu, quando logado, do site de fotos Flickr. Como dito anteriormente, os produtos estão dispostos em uma forma de “roleta”.
  9. 10. LG HOME > TV > Todos os produtos LG HOME 2.0 Adega de Vinhos IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO AR CONDICIONADO ADEGA DE VINHOS REFRIGERADORES LAVADORA & SECADORA FORNO 2X1 LGTHEATER LGINFO LGMOBILE LGLIVING
  10. 11. LG HOME > TV > Todos os produtos LG HOME 3.0 Refrigeradores IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO AR CONDICIONADO ADEGA DE VINHOS REFRIGERADORES LAVADORA & SECADORA FORNO 2X1 LGTHEATER LGINFO LGMOBILE LGLIVING
  11. 12. LG HOME > TV > Todos os produtos LG HOME 4.0 Lavadora & Secadora IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO AR CONDICIONADO ADEGA DE VINHOS REFRIGERADORES LAVADORA & SECADORA FORNO 2X1 LGTHEATER LGINFO LGMOBILE LGLIVING
  12. 13. LG HOME > TV > Todos os produtos LG HOME 5.0 Forno 2x1 IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO AR CONDICIONADO ADEGA DE VINHOS REFRIGERADORES LAVADORA & SECADORA FORNO 2X1 LGTHEATER LGINFO LGMOBILE LGLIVING
  13. 14. Wireframe – LG THEATER
  14. 15. LG THEATER > Gateway Carregando... Loading A A Página de carregamento do site.
  15. 16. LG THEATER > Home Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria VÍDEO TV ÁUDIO 0.0 Home LG THEATER Logo LGHOME LGINFO LGMOBILE LGLIVING
  16. 17. LG THEATER > TV > Todos os produtos LG THEATER 1.0 TV TV VÍDEO ÁUDIO IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO Plasma LCD TV Flatron Convencional Linha Slim Todos os produtos LGHOME LGINFO LGMOBILE LGLIVING
  17. 18. LG THEATER > Vídeo > Todos os produtos LG THEATER 2.0 Vídeo TV VÍDEO ÁUDIO IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO Todos os produtos DVD Player DVD Portátil DVD Recorder Blu-Ray/HD-DVD Player LGHOME LGINFO LGMOBILE LGLIVING
  18. 19. LG THEATER > Áudio > Todos os produtos LG THEATER 3.0 Áudio TV VÍDEO ÁUDIO IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO Todos os produtos Home Theater Hi-fi System Carro MP4 Player LGHOME LGINFO LGMOBILE LGLIVING
  19. 20. LG THEATER > Áudio > Home Theater > Detalhe do Produto LG THEATER 3.1.X Detalhe do Produto IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto Home Theater J10HD Sistema de áudio 2.1 canais, com subwoofer ativo DVD player, HDD interno de 80 GB para armazenar suas músicas, filmes ou até mesmo fotos. Além disso ele possibilita a função Time Machine para rádio, no qual você poderá controlar a programação ao vivo da mesma. Saiba todos os detalhes A B A B C C Todos os produtos TV VÍDEO ÁUDIO Home Theater Hi-fi System Carro MP4 Player LGHOME LGINFO LGMOBILE LGLIVING O detalhe do produto aparece quando se clica sobre uma das opções na “roleta” ou quando no hotsite LGLIVING, algum dos produtos é clicado. Link para a página do produto no site da LG. O detalhe do produto não pode impedir a navegação do usuário pela “roleta”. Portanto, mesmo com o detalhe de um produto aberto é possível continuar a navegar pelos itens.
  20. 21. Wireframe – LG INFO
  21. 22. LG INFO > Gateway Carregando... Loading A A Página de carregamento do site.
  22. 23. LG INFO > Home 0.0 Home LG INFO Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria Ícone representativo da categoria ONITORES DRIVES ÓPTICOS NOTEBOOKS ARMAZENAMENTO DE DADOS PROJETO Logo LGHOME LGTHEATER LGMOBILE LGLIVING
  23. 24. LG INFO > Monitores > Todos os produtos LG INFO 1.0 Monitores MONITORES DRIVES ÓPTICOS NOTEBOOKS IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO ARMAZENAMENTO DE DADOS PROJETOR Todos os produtos Convencional Flatron LCD LGHOME LGTHEATER LGMOBILE LGLIVING
  24. 25. LG INFO > Drives Ópticos > Todos os produtos LG INFO 2.0 Drives Ópticos MONITORES DRIVES ÓPTICOS NOTEBOOKS IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO ARMAZENAMENTO DE DADOS PROJETOR Todos os produtos Super Multi Super Multi Blue LGHOME LGTHEATER LGMOBILE LGLIVING
  25. 26. LG INFO > Notebooks > Todos os produtos LG INFO 3.0 Notebooks MONITORES DRIVES ÓPTICOS NOTEBOOKS IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO ARMAZENAMENTO DE DADOS PROJETOR Todos os produtos Express Express Dual LGHOME LGTHEATER LGMOBILE LGLIVING
  26. 27. LG INFO > Armazenamento de dados > Todos os produtos LG INFO 4.0 Armazenamento de dados MONITORES DRIVES ÓPTICOS NOTEBOOKS IMG do produto IMG do produto IMG do produto IMG do produto IMG do produto NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO NOME DO PRODUTO ARMAZENAMENTO DE DADOS PROJETOR Todos os produtos USB Drive Memory Card LGHOME LGTHEATER LGMOBILE LGLIVING
  27. 28. LG INFO > Projetor > Todos os produtos LG INFO 5.0 Projetor MONITORES DRIVES ÓPTICOS NOTEBOOKS IMG do produto NOME DO PRODUTO ARMAZENAMENTO DE DADOS PROJETOR LGHOME LGTHEATER LGMOBILE LGLIVING
  28. 29. Wireframe – LG MOBILE
  29. 30. LG MOBILE > Gateway Carregando... Loading A A Página de carregamento do site.
  30. 31. LG MOBILE > Home 0.0 Home LG MOBILE CELULARES Logo Todos os produtos IMG do produto NOME DO PRODUTO IMG do produto NOME DO PRODUTO IMG do produto NOME DO PRODUTO IMG do produto NOME DO PRODUTO IMG do produto NOME DO PRODUTO CDMA GSM LGHOME LGTHEATER LGINFO LGLIVING

×