# Un estándar de pantallas y componentes para personalizar una app white label para cada cliente en menos tiempo | Tog Lab

> Screencorp ofrece Phonecorp, una app de comunicación interna que cada empresa recibe con su propia identidad visual. Tog Lab organizó el mapa de pantallas, los componentes y la generación de assets, y formó al equipo en la nueva herramienta.

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

[Português do Brasil](https://www.toglab.co/pt-br/projeto-screencorp.html.md) · [Português de Portugal](https://www.toglab.co/pt-pt/projeto-screencorp.html.md) · [English](https://www.toglab.co/en/projeto-screencorp.html.md) · [Italiano](https://www.toglab.co/it/projeto-screencorp.html.md)

[Proyectos](https://www.toglab.co/es/projetos.html) Screencorp

Comunicación internaDesign systemFormación

# Un estándar de pantallas y componentes para personalizar una app white label para cada cliente en menos tiempo

Cliente

Screencorp, Brasil

Cuándo

Enero de 2020

Lo que hicimos

Mapa de pantallas, componentes, generación de assets y formación

Quién lo usa

Equipos de diseño y desarrollo de Screencorp

## Lo que cambió

- Personalización más simpleLos colores, el ícono y las pantallas de cada cliente parten de un mapa único, sin rediseñar la app.

- Assets en un solo lugarArchivos para Android e iOS generados de forma unificada para los desarrolladores.

- Un equipo listo para la nueva herramientaFormación para la migración, con un aprendizaje más fácil para quienes desarrollan la app.

## El desafío

Cada empresa cliente recibe Phonecorp con su marca. Sin un estándar, cada personalización consumía tiempo de diseño y de desarrollo.

### Una identidad por cliente

Colores, íconos y pantallas cambiaban con cada nueva empresa atendida.

### Assets hechos uno a uno

Los archivos para Android e iOS se preparaban por separado en cada versión.

### Cambio de herramienta

El equipo tenía que migrar de herramienta sin detener las entregas.

## Lo que hicimos

Del mapa de pantallas al equipo formado.

- EstructuraMapa de pantallasUna estructura simple para generar el mapa de pantallas de la app de cada cliente.

- ComponentesBiblioteca de la appComponentes que cambian de color y de marca sin tocar el diseño de cada pantalla.

- AssetsEntrega para desarrolloAssets para Android e iOS generados juntos, listos para el equipo de desarrollo.

- FormaciónMigración de la herramientaCapacitación del equipo de Screencorp en la nueva herramienta de diseño.

Mapa de pantallas y assets para Android e iOS.

Mapa de componentes con los colores de cada cliente.

> Nos sorprendió gratamente la calidad de la entrega. También nos gustó mucho la agilidad y la atención a cada etapa del proceso de creación, así como el seguimiento para validar y presentar el avance.

Peter Hahmann Fernandes COO, Screencorp

## Lo que enseña este caso

### El white label pide un estándar

Cuantos más clientes usan la misma app, más vale tener un mapa único de pantallas y componentes.

### Diseño y código en el mismo formato

Los assets generados juntos evitan diferencias entre Android e iOS.

### Formar es parte de la entrega

El cambio de herramienta solo funciona cuando el equipo sabe usar la nueva.

## ¿Tu producto tiene que cambiar de imagen para cada cliente?

Empezamos con una conversación sobre cómo se personaliza tu app hoy.

[Hablemos](https://www.toglab.co/es/contato.html) [Siguiente caso: eficiencia hídrica en Portugal](https://www.toglab.co/es/projeto-adene-aqua.html)