Aplicativo
Configuração do Aplicativo
Este artigo explica como configurar o aplicativo mobile da concessionária dentro da plataforma: a identidade visual (ícone, telas de login e splash), as regras de cadastro de clientes e a organização das lojas por grupo/marca.
Caminho de Acesso
Configurações → Parâmetros → Aplicativo
Visão geral das abas
A tela de configuração do aplicativo tem três abas:
| Aba | Para que serve |
|---|---|
| Assets do App | Ícone, imagem de login, logos e texto de boas-vindas |
| Cadastros | Regras de acesso, categoria de cliente e e-mail de LGPD |
| Grupos no App | Organização da vitrine de lojas por grupo/marca |
Cada uma delas é detalhada nas seções abaixo.
1. Assets do App (identidade visual)
Nesta tela você monta o “rosto” do aplicativo: o ícone que aparece na tela inicial do celular, os logos e a tela de login. É possível sair e voltar quando quiser — nada se perde no caminho.
Como funciona
- A lista à esquerda mostra o que falta. Cada linha é uma peça da identidade visual. O anel no topo indica quanto já foi enviado, e o campo “Falta:” aponta o próximo item pendente.
- Clique em um item para enviar o arquivo. Isso abre um editor onde você escolhe a imagem e ajusta o enquadramento. Ao confirmar, o arquivo já é salvo — as imagens não têm botão de salvar separado. A exceção é a mensagem de boas-vindas, que é um campo de texto com botão próprio.
- Confira nas telas reais. As abas acima do preview (Bandeja do celular, Abertura, Login Web, Login Mobile, Lojas e Troca de loja) repetem a mesma arte nas seis telas em que ela aparece. Vale passar por todas antes de considerar a configuração concluída.
Dica: não é preciso enviar tudo de uma vez. Envie o que já tiver disponível e volte depois, pelo mesmo caminho de acesso, para completar o restante.
Essas mesmas instruções também podem ser consultadas dentro da plataforma, a qualquer momento, clicando no botão Como funciona no canto superior direito da tela:
O que preparar
| Arquivo | Formato recomendado | Onde aparece |
|---|---|---|
| Ícone do app | PNG quadrado, fundo transparente, 2048×2048 px | Bandeja do celular, Lojas, Abertura |
| Imagem de fundo | JPG ou PNG, mínimo 1920×1080 px, sem texto embutido | Login Web, Login Mobile |
| Logo horizontal — fundo escuro | PNG transparente, versão clara da marca, proporção ~4:1 | Login Web, Login Mobile |
| Logo horizontal — fundo claro | PNG transparente, versão escura da marca, proporção ~4:1 | Troca de loja |
| Mensagem de login | Texto, até 180 caracteres (não é um arquivo) | Tela de login |
Passo a passo por tela
Bandeja do celular
É assim que o app aparece na tela inicial do cliente. Clique no ícone destacado para trocá-lo.
- Papel de parede de teste: troque o fundo de exibição para conferir se o ícone continua legível tanto em telas claras quanto em telas escuras.
- Sistema do celular (iOS/Android): o recorte do ícone muda conforme a plataforma.
- No iOS, o recorte é um squircle (quadrado de cantos contínuos) e sobra pouca margem — uma arte grande demais encosta na borda.
- No Android, o recorte é circular.
- Envie o ícone e alterne entre iOS e Android para visualizar o recorte de cada plataforma antes de confirmar.
Abertura (splash screen)
É o primeiro segundo de uso do app. Usa o ícone transparente sobre um fundo branco fixo — essa cor de fundo não é configurável.
Atenção: sobre o fundo branco, a arte do ícone precisa ter fundo transparente e não pode ser branca. Nos dois casos ela desaparece na tela.
Use o botão Rever a animação para conferir novamente a transição de abertura depois de enviar o ícone.
Login Web
Tela de login exibida no navegador: área larga, com o fundo em formato paisagem. Clique em qualquer elemento destacado para trocá-lo.
Dica — contraste do logo: confirme que a versão do logo escolhida (clara ou escura) tem contraste suficiente contra o cartão de login.
Login Mobile
O mesmo login, dentro do aplicativo: área alta, com o fundo em formato retrato — é o recorte vertical da mesma imagem usada no Login Web. Confirme se o corte continua legível.
Lojas (App Store e Google Play)
Como o aplicativo se apresenta antes de o cliente instalá-lo: ícone reduzido ao lado do nome, tanto na página da App Store quanto no resultado de busca do Google Play.
Observação: nesse espaço o ícone aparece pequeno e sem contexto ao redor. Use o comparador de tamanhos (53/28/18 px), disponível no editor do ícone, para conferir a legibilidade antes de enviar.
Troca de loja
Tela onde o cliente troca a loja/concessionária de preferência dentro do app. Fundo branco fixo — clique no logo do topo para trocá-lo (versão do logo para fundo claro).
2. Cadastros
Define as regras de acesso e cadastro dos clientes que usam o aplicativo.
| Campo | Descrição |
|---|---|
| Permite acesso sem cadastro | Quando ativado, o cliente pode navegar no app sem precisar criar uma conta. |
| Solicita categoria do cliente | Quando ativado, o cliente escolhe sua categoria (ex.: Consumidor) durante o cadastro. |
| E-mail LGPD | E-mail do responsável pela privacidade de dados (DPO), usado para solicitações relacionadas à LGPD. |
| Categoria Padrão | Categoria atribuída automaticamente ao cliente quando a categoria não é solicitada no cadastro. |
Após alterar qualquer campo, clique em Salvar para aplicar as mudanças.
3. Grupos no App
Permite organizar a vitrine de lojas do aplicativo por grupo (por exemplo, por marca/montadora), em vez de listar todas as lojas juntas.
Como criar e organizar um grupo
- Clique em Adicionar para criar um novo grupo.
- Em Identidade do grupo, preencha:
- Nome do grupo: aparece como bloco de navegação dentro do app — use um rótulo curto e reconhecível para o cliente (ex.: “Toyota”).
- Logo do grupo: PNG com fundo transparente. Clique na imagem para alterar.
- Em Lojas do grupo, use Adicionar lojas para vincular as lojas ao grupo.
- Arraste as lojas pela alça à esquerda para reorganizar a ordem de exibição no app.
- Clique em Salvar para confirmar as alterações.
Dica: o painel à esquerda mostra o total de grupos e de lojas vinculadas (ex.: “2 grupos · 7 lojas vinculadas”), facilitando a conferência antes de publicar.
💬 Dúvidas ou dificuldades? Entre em contato com o suporte Movisis através da nossa central de atendimento:
🔗 suporte.movisis.com.br