Para garantir clareza visual e uma experiência de navegação agradável e consistente no Totem, é importante seguir boas práticas na configuração de imagens e ícones. Isso evita distorções e garante a exibição adequada de ícones, banners, categorias e produtos.
Quais são as recomendações para as imagens e ícones exibidos no Totem?
Aqui, está a tabela com as dimensões e recomendações para as imagens e ícones exibidos no Totem:
| Imagem/Ícone | Vertical (Retrato) | Horizontal (Paisagem) | Formato | Caminho |
| Logomarca | 350x350 | 350x350 | PNG, JPG ou JPEG | Delivery e Autoatendimento > Totem > Estilo do Totem |
| Ícones modo de consumo (Vou Levar ou Comer aqui) | 230x230 | 230x230 | PNG fundo transparente | Delivery e Autoatendimento > Totem > Estilo do Totem |
| Imagem menu de cupom | 490x330 | 490x330 | PNG, JPG ou JPEG | Delivery e Autoatendimento > Totem > Estilo do Totem |
| Ícones balança | 840x510 | 840x510 | PNG fundo transparente ou GIF | Delivery e Autoatendimento > Totem > Estilo do Totem |
| Banner - Banner inicial | 1080x1920 | 1280x800 | PNG, JPG ou JPEG | Delivery e Autoatendimento > Totem > Banners do Totem |
| Banner - Banner cabeçalho | 1080x150 | 1080x150 | PNG, JPG ou JPEG | Delivery e Autoatendimento > Totem > Banners do Totem |
| Banner - Background | 1080x1920 | 1280x800 | PNG, JPG ou JPEG | Delivery e Autoatendimento > Totem > Banners do Totem |
| Banner - Imagem de agradecimento | 1080x1920 | 1280x800 | PNG, JPG ou JPEG | Delivery e Autoatendimento > Totem > Banners do Totem |
| Imagem da categoria | 490x350 | 490x350 | PNG | Gestão > Cardápio > Gestão de Cardápio > Categoria |
| Imagem do produto | 320x445 | 320x445 | PNG | Gestão > Cardápio > Gestão de Cardápio > Categoria |
Dica: As dimensões seguem o padrão largura x altura.
Como essas imagens serão exibidas no Totem?
Abaixo estão os exemplos de como e onde as imagens e ícones serão exibidos no Totem:
Ícones modo de consumo (Vou levar ou Comer aqui)
Exibidos quando o cliente inicia o atendimento no Totem e precisa escolher o modo de consumo.
Imagem menu de cupom
Exibida no cardápio, junto às imagens das categorias, quando o lançamento de cupons específicos está configurado.
Ícones balança
Exibidos durante o processo de pesagem dos produtos.
Banners - Banner inicial
Exibidos na tela inicial quando não está em uso.
Dica: É possível cadastrar mais de um banner, que será exibido de forma alternada.
Banners - Banner cabeçalho
Exibidos no topo de algumas telas enquanto o cliente utiliza o Totem.
Dica: É possível cadastrar mais de um banner, que será exibido de forma alternada.
Banners - Background
Utilizado como plano de fundo em algumas telas.
Dica: Apenas um banner é exibido por vez. Sempre que um novo banner for cadastrado, ele substituirá automaticamente o anterior.
Banners - Imagem de agradecimento
Exibida na tela de agradecimento após a finalização do pedido.
Dica: Apenas um banner é exibido por vez. Sempre que um novo banner for cadastrado, ele substituirá automaticamente o anterior.
Imagem da categoria
Exibidas no cardápio para facilitar a identificação e a navegação entre as categorias.
Imagem do produto
Exibida junto ao produto no cardápio, auxiliando na decisão de compra.
Ajude-nos a evoluir deixando seu feedback nos comentários e compartilhando sugestões para novos artigos!
Comentários
0 comentário
Por favor, entre para comentar.