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

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.

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
Portátil com o mapa de ecrãs da app Phonecorp, das cores institucionais aos ecrãs de notícias e vídeos

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.

  1. EstruturaMapa de ecrãsUma estrutura simples para gerar o mapa de ecrãs da app de cada cliente.
  2. ComponentesBiblioteca da appComponentes que mudam de cor e marca sem mexer no desenho de cada ecrã.
  3. AssetsEntrega para o desenvolvimentoAssets para Android e iOS gerados em conjunto, prontos para a equipa de desenvolvimento.
  4. FormaçãoMigração da ferramentaFormação da equipa da Screencorp na nova ferramenta de design.
Folhas impressas com o mapa de ecrãs e os assets do Phonecorp para Android e iOS
Mapa de ecrãs 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 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.

Escolhas guardadas.

Usamos medição de audiência para perceber que páginas ajudam. Escolha o que permitir.

Preferências

{{ langNoteT }}

{{ langNoteGo }}