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

> A Screencorp oferece o Phonecorp, uma app de comunicação interna que cada empresa recebe com a sua própria identidade visual. A Tog Lab organizou o mapa de ecrãs, os componentes e a geração de assets, e deu formação à equipa na nova ferramenta.

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

[Português do Brasil](https://www.toglab.co/pt-br/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-pt/projetos.html) Screencorp

Comunicação internaDesign systemFormação

# Um padrão de ecrãs e componentes para personalizar uma app white label para cada cliente em menos tempo

Cliente

Screencorp, Brasil

Quando

Janeiro de 2020

O que fizemos

Mapa de ecrãs, componentes, geração de assets e formação

Quem utiliza

Equipas de design e desenvolvimento da Screencorp

## O que mudou

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

- Assets num só lugarFicheiros para Android e iOS gerados de forma unificada para os programadores.

- Equipa pronta para a nova ferramentaFormação para a migração, com uma aprendizagem mais fácil para quem desenvolve a app.

## O desafio

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

### Uma identidade por cliente

Cores, ícones e ecrãs mudavam a cada nova empresa cliente.

### Assets feitos um a um

Ficheiros para Android e iOS eram preparados separadamente em cada versão.

### Troca de ferramenta

A equipa precisava de migrar de ferramenta sem parar as entregas.

## O que fizemos

Do mapa de ecrãs à equipa formada.

- EstruturaMapa de ecrãsUma estrutura simples para gerar o mapa de ecrãs da app de cada cliente.

- ComponentesBiblioteca da appComponentes que mudam de cor e marca sem mexer no desenho de cada ecrã.

- AssetsEntrega para o desenvolvimentoAssets para Android e iOS gerados em conjunto, prontos para a equipa de desenvolvimento.

- FormaçãoMigração da ferramentaFormação da equipa da Screencorp na nova ferramenta de design.

Mapa de ecrãs 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 caso ensina

### White label exige um padrão

Quanto mais clientes usam a mesma app, mais vale ter um mapa único de ecrãs e componentes.

### Design e código no mesmo formato

Assets gerados em conjunto evitam diferenças entre Android e iOS.

### Formar faz parte da entrega

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

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

Começamos por uma conversa sobre a forma como a sua app é personalizada hoje.

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