menu vitrine submarino.com 2014
DESCRIPTION
Projeto visual que transforma o menu da loja virtual em uma vitrine, com seleções das principais promoções e ofertas do site. Um menu atrativo que intima o usuário a navegar por todas opções e conhecer todas as promoções.TRANSCRIPT
![Page 1: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/1.jpg)
Projeto Visual
Menu Vitrine Submarino 2014 Criação Submarino.com
Rio de Janeiro 21 de julho de 2014.
![Page 2: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/2.jpg)
Experiência Menu / Vitrine Tornar a experiência do usuário com o Menu Submarino uma sensação de vitrine única e especial, expondo os principais produtos e descontos do site, além de exibir claramente seus departamentos e suas respecKvas novidades.
Tópicos relevantes: 1. Layout intuiKvo, direto e limpo. 2. Focar na escolha das melhores imagens e promoções para exibição no menu/vitrine. 3. Alinhamento de equipe comercial para os três modelos de exposição de campanhas no menu. 4. Alinhar criaKvos para execução das peças de acordo com as regras e o guide.
![Page 3: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/3.jpg)
Modelos comerciais de exposição no menu:
3. Plano de mídia (Prioridade) Expõe mídias de produtos negociados pelo plano de mída Submarino.com.
1. Faixa de descontos Expõe promoções e campanhas com faixas de descontos do departamento.
2. Seleção de produtos Expõe promoções e campanhas com seleções de produtos do departamento.
![Page 4: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/4.jpg)
Estrutura: HotHot e Lançamentos
Três banners iguais com Títulos, SubYtulos, Background e Imagem do Produto
Títulos: 1 (uma) Linha respeitando o limite de 20px nas laterais (3 palavras). FAMILY: Arial SIZE: 18 (Regular) COLOR: #00ADEF Sub>tulos: 2 (duas) linhas respeitando o limite de 20px nas laterais esquerda e direita. FAMILY: Arial SIZE: 12 (Regular) COLOR: #7D7D7D
Apenas uma Imagem em destaque OBS: Em caso do ítem possuir mais produtos, escolher o que melhor se encaixa para o Hot Hot.
BANNER WOW: Mudar apenas o produto e o texto Respeitando os limites de conteúdo. Permanece selecionado com a borda de 1px a mesma do A:HOVER dos banners superiores. COLOR: #FFCB08
TÍTULO e SUBTÍTULO: Não alterar sem aprovação dos responsáveis.
![Page 5: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/5.jpg)
A:HOVER: Border: 1px
COLOR: #FFCB08
![Page 6: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/6.jpg)
Estrutura: HotHot e Lançamentos
Três banners iguais com Títulos, SubYtulos, Background e Imagem do Produto
Títulos: 1 (uma) Linha respeitando o limite de 20px nas laterais (3 palavras). FAMILY: Arial SIZE: 18 (Regular) COLOR: #00ADEF Sub>tulos: 2 (duas) linhas respeitando o limite de 20px nas laterais esquerda e direita. FAMILY: Arial SIZE: 12 (Regular) COLOR: #7D7D7D
Apenas uma Imagem em destaque OBS: Em caso do ítem possuir mais produtos, escolher o que melhor se encaixa para o Hot Hot.
BANNER PLANO DE MÍDIA: Não é será permiKdo artes fora Do contexto do site. Permanece selecionado com a borda de 1px a mesma do A:HOVER dos banners superiores. COLOR: #00ADEF
TÍTULO e SUBTÍTULO: Não alterar sem aprovação dos responsáveis.
![Page 7: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/7.jpg)
A:HOVER: Border: 1px
COLOR: #00ADEF
![Page 8: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/8.jpg)
Estrutura: Menu CoolStuff
TÍTULO e SUBTÍTULO: Não alterar sem aprovação dos responsáveis.
IMAGEM: Selecionar as melhores imagens da campanha e do produto para exibição no menu.
SELOS: Seguir o padrão de selos do Menu
CALL ACTION: Não alterar posição do Call AcKon.
![Page 9: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/9.jpg)
Layout e Estrutura dos Modelos Comerciais …….
![Page 10: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/10.jpg)
Modelos comerciais:
1. Faixa de descontos
TÍTULO do MENU: Não alterar sem aprovação dos responsáveis.
CALL ACTION:
+ ou -‐ 60% de texto Estrutura
Base e Sombras para imagem: Base para aplicação dos produtos
Caixa Título Menu
TEXTO: Aplicar nas configurações de TEXTOS
Width 550px
Height 495px
![Page 11: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/11.jpg)
Modelos comerciais:
1. Faixa de descontos
TÍTULO do MENU: Não alterar sem aprovação dos responsáveis.
Títulos: 1 (uma) Linha respeitando o limite de até 60% da do banner. FAMILY: Gotham Rounded SIZE: 18 (Book) COLOR: #7D7D7D Sub>tulos: 1(linha) Também respeitando 60% dos limites do banner FAMILY: Gotham Rounded SIZE: 14 (Book) COLOR: #7D7D7D DESCONTOS e PREÇOS: 1(linha) Também respeitando 60% dos limites do banner. FAMILY: Gotham Rounded SIZE: 30 (Bold) COLOR: #00ADEF Textos ExplicaFvos e adicionais 1(linha) Também respeitando 60% dos limites do banner FAMILY: Arial SIZE: 12 (Regular) COLOR: #7D7D7D
CALL ACTION: Não alterar posição do Call AcKon em hipótese alguma.
+ ou -‐ 60%
Regras para aplicações de texto 1. O limite máximo de texto será as 4 linhas nas configurações padrão de texto indicada para o Menu. 2. Cada linha de texto deve possuir no MÁXIMO 60% da largura do banner. 3. A sequência das linhas podem mudar de disposição Sempre respeitando e mantendo a uKlização da área de 60% do banner. 4. Nunca altere o tamanho ou as cores das linhas de texto.
TEXTOS
![Page 12: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/12.jpg)
Modelos comerciais:
2. Seleção de Produtos
TÍTULO do MENU: Não alterar sem aprovação dos responsáveis.
+ ou -‐ 60% de texto Estrutura
Base do Produto: Base para aplicação dos produtos
Caixa Título Menu
TEXTO: Aplicar nas configurações de TEXTOS Aqui vale as mesmas configurações de textos do banner de FAIXAS DE DESCONTOS.
CALL ACTION: Não alterar posição do Call AcKon.
![Page 13: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/13.jpg)
Modelos comerciais:
3. Plano de Mídia
TÍULO DO DEPARTAMENTO:
+ ou -‐ 50% de texto
Estrutura
Base do Produto: Inserir imagem da campanha de mídia do produto
Caixa Título Menu
TEXTOS: Títulos: 1 (uma) Linha respeitando o limite de até 60% da do banner. FAMILY: Gotham Rounded SIZE: 20 (Medium) COLOR: #FFFFFF Sub>tulos: 1(linha) Também respeitando 60% dos limites do banner FAMILY: Arial SIZE: 14 (Regular) COLOR: #FFFFFF CALL ACTION:
Não alterar posição do Call AcKon.
Selos Destaques: Padrão do Menu, não alterar cor.
Base / Cores InsKtucionaiis: Não alterar as cores das vases em hipótese alguma sem autorização e aprovação dos responsáveis .
![Page 14: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/14.jpg)
Layout LIVROS …….
![Page 15: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/15.jpg)
DIAS D: Replicas do Destaque no Menu.
Modelo:
Dia D
![Page 16: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/16.jpg)
ARTE ESPECIAL LIVROS: Prateleira de Livros.
Modelo: Seleção de Produtos
![Page 17: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/17.jpg)
Modelo: Faixas de Descontos
![Page 18: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/18.jpg)
Modelo: Plano de Mídia
![Page 19: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/19.jpg)
Layout GAMES …….
![Page 20: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/20.jpg)
Modelo:
Dia D
![Page 21: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/21.jpg)
Modelo: Seleção de Produtos
![Page 22: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/22.jpg)
Modelo: Faixas de Descontos
![Page 23: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/23.jpg)
Modelo: Plano de Mídia
![Page 24: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/24.jpg)
Layout TELEFONIA …….
![Page 25: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/25.jpg)
Modelo:
Dia D
![Page 26: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/26.jpg)
Modelo: Faixas de Descontos
![Page 27: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/27.jpg)
Modelo: Seleção de Produtos
![Page 28: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/28.jpg)
Modelo: Plano de Mídia
![Page 29: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/29.jpg)
Layout INFORMÁTICA …….
![Page 30: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/30.jpg)
Modelo:
Dia D
![Page 31: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/31.jpg)
Modelo: Faixas de Descontos
![Page 32: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/32.jpg)
Modelo: Seleção de Produtos
![Page 33: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/33.jpg)
Modelo: Plano de Mídia
![Page 34: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/34.jpg)
Layout ELETRÔNICOS …….
![Page 35: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/35.jpg)
Modelo:
Dia D
![Page 36: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/36.jpg)
Modelo: Faixas de Descontos
![Page 37: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/37.jpg)
Modelo: Seleção de Produtos
![Page 38: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/38.jpg)
Modelo: Plano de Mídia
![Page 39: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/39.jpg)
Layout ELETRODOMÉSTICOS …….
![Page 40: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/40.jpg)
Modelo: Faixas de Descontos
![Page 41: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/41.jpg)
Modelo: Seleção de Produtos
![Page 42: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/42.jpg)
Modelo: Plano de Mídia
![Page 43: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/43.jpg)
Layout ELETROPORTÁRTEIS …….
![Page 44: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/44.jpg)
Modelo: Faixas de Descontos
![Page 45: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/45.jpg)
Modelo: Seleção de Produtos
![Page 46: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/46.jpg)
Modelo: Plano de Mídia
![Page 47: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/47.jpg)
Layout MOVÉIS …….
![Page 48: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/48.jpg)
Modelo: Faixas de Descontos
![Page 49: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/49.jpg)
Modelo: Seleção de Produtos
![Page 50: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/50.jpg)
Modelo: Plano de Mídia
![Page 51: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/51.jpg)
Layout MODA …….
![Page 52: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/52.jpg)
Modelo: Faixas de Descontos
![Page 53: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/53.jpg)
Modelo: Seleção de Produtos
![Page 54: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/54.jpg)
Modelo: Plano de Mídia
![Page 55: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/55.jpg)
Layout VIAGENS …….
![Page 56: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/56.jpg)
Modelo: Plano de Mídia
TEXTOS: Coerência na quanKdade de informação.
IMAGEM: SOMENTE UMA IMAGEM Campanhas com layouts definidos só Autorização e aprovação prévia.
CALL ACTION: e SELOS Não alterar posição do Call AcKon.
![Page 57: Menu Vitrine Submarino.com 2014](https://reader031.vdocuments.mx/reader031/viewer/2022013121/547d85c6b4af9fd3158b547d/html5/thumbnails/57.jpg)
Obrigado!