Pular para o conteúdo principal

Personalização de Apps Móveis

Este guia explica como personalizar com marca branca os aplicativos Android e iOS. Siga estas etapas quando quiser rebrandear os aplicativos com seu próprio nome de produto e identidade visual.

O Que Você Pode Personalizar​

  • Nome do aplicativo (exibido abaixo do ícone na tela inicial)
  • Ícone do aplicativo
  • Tela de lançamento / tela de boas-vindas
  • Cores primárias e de destaque
  • URL de instância padrão (pré-preenchida na tela de login)
  • Identificador de bundle / nome do pacote (obrigatório para envio à loja)

Personalização Android​

Nome do Aplicativo​

Edite app/src/main/res/values/strings.xml:

<string name="app_name">Nome do Seu Aplicativo</string>

Nome do Pacote​

  1. No Android Studio, clique com o botão direito na pasta do seu pacote e use Refactor → Rename para renomear o pacote.
  2. Atualize applicationId em app/build.gradle: 
    applicationId "com.suaempresa.seuapp"

Ícone do Aplicativo​

Substitua os arquivos em:

  • app/src/main/res/mipmap-hdpi/ic_launcher.png
  • app/src/main/res/mipmap-mdpi/ic_launcher.png
  • app/src/main/res/mipmap-xhdpi/ic_launcher.png
  • app/src/main/res/mipmap-xxhdpi/ic_launcher.png
  • app/src/main/res/mipmap-xxxhdpi/ic_launcher.png

O Image Asset Studio do Android Studio (File → New → Image Asset) pode gerar todos os tamanhos a partir de uma única imagem de origem de 1024x1024.

Cores​

Edite app/src/main/res/values/colors.xml:

<color name="colorPrimary">#E63946</color>
<color name="colorPrimaryDark">#C1121F</color>
<color name="colorAccent">#2EC4B6</color>

URL de Instância Padrão​

Encontre a constante no projeto (procure por DEFAULT_BASE_URL ou similar em um arquivo Constants.kt ou Config.kt) e defina como a URL da sua instância LeadHub. Isso pré-preenche o campo URL para os usuários para que não precisem digitá-la.

Personalização iOS​

Nome do Aplicativo​

  1. No Xcode, clique na raiz do projeto no Navigator.
  2. Em Targets, selecione o target do seu aplicativo.
  3. Na aba General, altere o Display Name para o nome do seu produto.

Identificador de Bundle​

Altere o Bundle Identifier na mesma aba General:

com.suaempresa.seuapp

Deve ser único e registrado na sua conta Apple Developer.

Ícone do Aplicativo​

  1. No Xcode, abra Assets.xcassets.
  2. Clique em AppIcon.
  3. Arraste suas imagens de ícone para os espaços apropriados. Você precisa de uma imagem de 1024x1024 para a App Store e vários tamanhos menores para dispositivos.

O catálogo de assets do Xcode indicará quais tamanhos são necessários. Use uma ferramenta como makeappicon.com para gerar todos os tamanhos necessários a partir de uma única fonte.

Tela de Lançamento​

Edite LaunchScreen.storyboard no Xcode para personalizar a tela de boas-vindas exibida enquanto o aplicativo carrega.

Cores​

Procure um arquivo Colors.swift ou Theme.swift no projeto e atualize os valores de cor primária e de destaque:

struct Theme {
    static let primaryColor = UIColor(hex: "#E63946")
    static let accentColor  = UIColor(hex: "#2EC4B6")
}

Ou atualize os assets de cor em Assets.xcassets → Colors.

URL de Instância Padrão​

Procure um arquivo Constants.swift ou Config.swift e atualize:

static let defaultBaseURL = "https://crm.suaempresa.com"

Configuração de Notificações Push​

Ambos os aplicativos precisam de credenciais de notificações push separadas para cada plataforma. Consulte os guias de desenvolvimento Android e iOS para instruções passo a passo sobre como configurar FCM (Android) e APNs (iOS).

Após configurar as credenciais push, atualize a configuração de ambiente do seu servidor LeadHub com as chaves apropriadas. Seu administrador de sistema cuida desta parte.

Lista de Verificação para Envio à Loja​

Antes de enviar ao Google Play ou à Apple App Store:

  • Nome do aplicativo corresponde ao seu produto (não "LeadHub")
  • Nome do pacote / Bundle ID atualizado para o domínio da sua empresa
  • Ícone do aplicativo substituído com sua marca (todos os tamanhos necessários)
  • Tela de lançamento / boas-vindas atualizada
  • Cores correspondem à sua marca
  • URL de instância padrão configurada (opcional, mas recomendado)
  • Credenciais de notificações push configuradas
  • URL da política de privacidade adicionada (obrigatória por ambas as lojas)
  • Capturas de tela da App Store / Play Store preparadas
  • Descrição escrita para o seu produto