Para garantir uma boa experiência visual e uma navegação consistente para o cliente, é importante seguir algumas dicas ao configurar imagens e ícones no App White Label. Imagens bem otimizadas não só valorizam o seu cardápio, como também destacam a identidade visual da marca e aumentam o impacto de banners promocionais, cupons de desconto e o uso do cashback.
Dicas para as imagens e ícones:
-
- Mantenha o tamanho das imagens abaixo de 500 KB.
- Utilize a compressão adequada (PNG otimizado) para um desempenho otimizado.
- A resolução ideal é 72 DPI, garantindo boa qualidade em telas digitais.
Quais são as recomendações para as imagens e ícones exibidos no App White Label?
Aqui, está a tabela com as dimensões e recomendações para as imagens e ícones exibidos no App White Label:
Imagem/Ícone | Largura | Altura | Formato | Caminho |
Imagem de atualização | 375 | 410 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Configurações do App > Configurações |
Logomarca | 512 | 512 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Tela de abertura (Splash Screen) | 512 | 512 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Imagem de divulgação | 1024 | 500 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Ícone do aplicativo | 512 | 512 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Ícone de notificação (Android) | 52 | 52 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Ícone página inicial (Home) | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Ícone de cupons | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Ícone do comprar | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Ícone do cashback | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
Banner - Topo da página | 640 | 640 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Banners do App |
Banner - Início da página | 350 | 220 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Banners do App |
Banner - Fim da página | 350 | 220 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Banners do App |
Cupom de Desconto - Banner | 330 | 200 | PNG, JPG ou JPEG | Engajamento > Cupons de Desconto > Banner |
Cashback - Banner do topo da página | 350 | 200 | PNG ou JPG | Engajamento > Cashback > Sobre o Cashback |
Cashback - Ícone Seção 1 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
Cashback - Item 1 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
Cashback - Item 2 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
Cashback - Item 3 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
Editar Nível - Imagem do nível | 100 | 100 | PNG fundo transparente | Engajamento > Cashback > Editar Nível |
Imagem do menu | 490 | 490 | PNG | Gestão > Cardápio > Gestão de Cardápio > Menu |
Banner do menu | 350 | 220 | PNG | Gestão > Cardápio > Gestão de Cardápio > Menu |
Imagem do produto | 512 | 512 | PNG | Gestão > Cardápio > Gestão de Cardápio > Produto |
Como essas imagens serão exibidas no App White Label?
Abaixo estão os exemplos de como e onde as imagens e ícones serão exibidos no App White Label:
- Imagem de atualização: Será exibida junto com a mensagem de atualização do aplicativo.
Dica: A exibição do botão Continuar sem atualizar depende da configuração selecionada para o tipo de atualização.
Saiba mais sobre as configurações do App White Label clicando aqui.
- Logomarca: Aparece em quase todas as telas do aplicativo, destacando a identidade da marca.
Saiba mais sobre a personalização do estilo do App White Label clicando aqui.
- Tela de abertura (Splash Screen): Exibida ao iniciar o aplicativo, na tela de carregamento inicial.
Dica: Use uma imagem com fundo transparente, pois a cor de fundo será a cor primária do aplicativo.
Saiba mais sobre a personalização do estilo do App White Label clicando aqui.
- Imagem de divulgação: Exibida na página de busca do Google Play, destacando as funcionalidades principais ou diferenciais do app.
Saiba mais sobre a personalização do estilo do App White Label clicando aqui.
- Ícone do aplicativo: Este ícone será utilizado pelos clientes para acessar o app em seus celulares.
Saiba mais sobre a personalização do estilo do App White Label clicando aqui.
- Ícone de notificação (Android): Exibido nas notificações push enviadas pelo aplicativo.
Saiba mais sobre a personalização do estilo do App White Label clicando aqui.
- Ícones da barra inferior (Tab Bar): Exibidos na barra inferior do aplicativo, para facilitar a navegação.
Saiba mais sobre a personalização do estilo do App White Label clicando aqui.
- Banners do App: Os banners são exibidos na página inicial do app.
Cada local de exibição tem uma posição e tamanho específico no aplicativo:
Saiba mais sobre os banners exibidos no App White Label clicando aqui.
- Cupom de Desconto - Banner: Exibido junto ao cupom de desconto na tela de descontos do app.
Como cadastrar um cupom de desconto? Clique aqui.
- Cashback - Banner do topo da página: Exibido no topo da página de cashback, quando o cliente não estiver logado.
Como personalizar a página Sobre o cashback exibida no App White Label? Clique aqui.
- Cashback – Ícone da Seção 1 e itens 1, 2 e 3: Exibidos no final da página de cashback para clientes não logados.
Como personalizar a página Sobre o cashback exibida no App White Label? Clique aqui.
- Editar Nível - Imagem do nível: Exibida nas páginas de cashback para indicar o nível atual e o próximo nível do cliente.
Saiba mais sobre os níveis de cashback clicando aqui.
- Imagem do menu: Exibida em destaque no cardápio, ajudando na localização dos menus configurados como destaque.
Saiba mais sobre o cadastro de menu no Gestão de Cardápio clicando aqui.
- Banner do menu: Exibido no início do menu, na tela de cardápio do aplicativo
Saiba mais sobre o cadastro de menu no Gestão de Cardápio clicando aqui.
- Imagem do produto: Exibida junto ao produto no cardápio do aplicativo.
Saiba mais sobre o cadastro de produto no Gestão de Cardápio clicando aqui.
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.