Integração Analytics

h1. Loja Virtual - Imagens / Vídeos

h2. Introdução

Este documento visa orientar na criação das imagens que irão compor o site B2B ou B2C - informe-se com o responsável do projeto sobre o tipo de loja.

Em caso de dúvidas entre em contato com o nosso atendimento.

h2. Considerações

As imagens geradas serão usadas somente para o site, então as mesmas devem ser otimizadas para web. O perfil de cor deve ser estritamente RGB e no caso dos arquivos JPG recomendamos compactação entre 75~90%.

A loja restringe o uso de imagens pesadas, limitando o Upload de imagens até 500KB, por isso observe na documentação sempre se foi especificado o tamanho máximo. Este cuidado com tamanhos é importante, pois, muitas pessoas acessarão o site via celular (3G/4G) e o acesso deve ser o mais otimizado possível.

h2. Logo da Empresa

Responsivo: *não*

Tipo de Arquivo: *PNG* (pode ser com fundo transparente)

Altura: *Recomendado 41px*

Largura: *Máximo 200px*

h2. Cabeçalho e Rodapé de E-mail

Responsivo: *não*

Tipo de Arquivo: *JPG*

Altura: *variável*

Largura: *560px*

h2. Banner Rotativo (Desktop)

Responsivo: *não*

Tipo de Arquivo: *JPG*

Altura: *Recomendado 430px*

Largura: *Recomendado 1920px*

*Tamanho máximo do arquivo: 1.5MB*

h2. Banner Rotativo (Mobile)

Responsivo: *não*

Tipo de Arquivo: *JPG*

Altura: *Recomendado 600px*

Largura: *Recomendado 770px*

*Tamanho máximo do arquivo: 1.5MB*

h2. Imagens de produtos

https://atendimento.geovendas.com/kb/article/360461/upload-de-imagens

h2. Vídeos de produtos

Responsivo: *sim*

Tipo de Arquivo: *mp4*

Altura: *1000px*       (ou proporcional)

Largura: *720px*    (ou proporcional)

Limite de Tamanho do Arquivo: *3MB*

Observação 1: *Procure manter um padrão de tamanho para todos as imagens de produtos para evitar disparidade de altura.*

Observação 2: *Sobre as dimensões, recomendamos manter o aspecto de retrato, não há necessidade de ter exatamente a proporção indicada acima.*

Observação 3: *O Profile da cor é importante para não ter disparidade entre a foto e o que é exibido no site, procurar manter o padrão sRGB.*

Observação 4: *Não utilizar sequência "00", começar sempre com "01".*

O produto pode ter vários vídeos organizados por *cor*. A regra da nomenclatura do arquivo é igual para vídeos e imagens.

<pre>

Vídeos da tela de produto:

    839103_213_01.mp4

      |     |  |   +--- extensão obrigatória

      |     |  +------- numero que define a sequência quando há mais de uma imagem/vídeo por produto/cor

                          ****ATENÇÃO! Se o produto só tiver uma imagem/vídeo para a cor preencha com 01.***

      |     +---------- código da cor do produto 

                          ***ATENÇÃO! No caso de ERP Consistem aqui é o Código do Sortimento! (NÃO É O CÓDIGO DA COR BASE!)***

      +---------------- código do produto

</pre>

h2. Layout

O Layout do B2B possuí certas características que podem ser alteradas conforme a necessidade dos

clientes, dessa forma fazendo com que o produto assuma a identidade visual das marcas.

Podem ser alterados hoje esquema de cores, fontes, banners e logos.

!feminize1.jpg!

!feminize2.jpg!

!ohmy1.jpg!

!ohmy2.jpg!

!yeskla1.jpg!

!yeskla2.jpg!