Comunicação internaDesign systemTreinamento

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

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.

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
Notebook com o mapa de telas do app Phonecorp, das cores institucionais às telas de notícias e vídeos

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.

  1. EstruturaMapa de telasUma estrutura simples para gerar o mapa de telas do app de cada cliente.
  2. ComponentesBiblioteca do appComponentes que mudam de cor e marca sem mexer no desenho de cada tela.
  3. AssetsEntrega para o desenvolvimentoAssets para Android e iOS gerados juntos, prontos para o time de desenvolvimento.
  4. TreinamentoMigração da ferramentaCapacitação do time da Screencorp na nova ferramenta de design.
Folhas impressas com o mapa de telas e os assets do Phonecorp para Android e iOS
Mapa de telas e assets para Android e iOS.
Folha impressa com o mapa de componentes e as cores institucionais
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.

Escolhas salvas.

Usamos medição de audiência para entender quais páginas ajudam. Você escolhe o que liberar.

Preferências

{{ langNoteT }}

{{ langNoteGo }}