# Um padrão de telas e componentes para personalizar um app white label para cada cliente em menos tempo | Tog Lab

> A Screencorp oferece o Phonecorp, um app de comunicação interna que cada empresa recebe com a própria identidade visual. A Tog Lab organizou o mapa de telas, os componentes e a geração de assets, e treinou o time na nova ferramenta.

URL: https://www.toglab.co/pt-br/projeto-screencorp.html

[Português de Portugal](https://www.toglab.co/pt-pt/projeto-screencorp.html.md) · [English](https://www.toglab.co/en/projeto-screencorp.html.md) · [Español](https://www.toglab.co/es/projeto-screencorp.html.md) · [Italiano](https://www.toglab.co/it/projeto-screencorp.html.md)

[Projetos](https://www.toglab.co/pt-br/projetos.html) Screencorp

Comunicação internaDesign systemTreinamento

# Um padrão de telas e componentes para personalizar um app white label para cada cliente em menos tempo

Cliente

Screencorp, Brasil

Quando

Janeiro de 2020

O que fizemos

Mapa de telas, componentes, geração de assets e treinamento

Quem usa

Times de design e desenvolvimento da Screencorp

## O que mudou

- Personalização mais simplesCores, ícone e telas de cada cliente partem de um mapa único, sem redesenhar o app.

- Assets num só lugarArquivos para Android e iOS gerados de forma unificada para os desenvolvedores.

- Time pronto para a nova ferramentaTreinamento para a migração, com aprendizado mais fácil para quem desenvolve o app.

## O desafio

Cada empresa cliente recebe o Phonecorp com a sua marca. Sem um padrão, cada personalização tomava tempo de design e de desenvolvimento.

### Uma identidade por cliente

Cores, ícones e telas mudavam a cada nova empresa atendida.

### Assets feitos um a um

Arquivos para Android e iOS eram preparados separadamente a cada versão.

### Troca de ferramenta

O time precisava migrar de ferramenta sem parar as entregas.

## O que fizemos

Do mapa de telas ao time treinado.

- EstruturaMapa de telasUma estrutura simples para gerar o mapa de telas do app de cada cliente.

- ComponentesBiblioteca do appComponentes que mudam de cor e marca sem mexer no desenho de cada tela.

- AssetsEntrega para o desenvolvimentoAssets para Android e iOS gerados juntos, prontos para o time de desenvolvimento.

- TreinamentoMigração da ferramentaCapacitação do time da Screencorp na nova ferramenta de design.

Mapa de telas e assets para Android e iOS.

Mapa de componentes com as cores de cada cliente.

> Ficamos positivamente impressionados com a qualidade da entrega. Também gostamos muito da agilidade e da atenção a cada etapa do processo de criação, assim como dos acompanhamentos para validar e apresentar o avanço.

Peter Hahmann Fernandes COO, Screencorp

## O que este case ensina

### White label pede padrão

Quanto mais clientes usam o mesmo app, mais vale ter um mapa único de telas e componentes.

### Design e código no mesmo formato

Assets gerados juntos evitam diferenças entre Android e iOS.

### Treinar faz parte da entrega

A troca de ferramenta só funciona quando o time sabe usar a nova.

## O seu produto precisa mudar de cara para cada cliente?

Começamos por uma conversa sobre como o seu app é personalizado hoje.

[Fale com a gente](https://www.toglab.co/pt-br/contato.html) [Próximo case: eficiência hídrica em Portugal](https://www.toglab.co/pt-br/projeto-adene-aqua.html)