Comunicación internaDesign systemFormación

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

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.

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
Notebook con el mapa de pantallas de la app Phonecorp, de los colores institucionales a las pantallas de noticias y videos

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.

  1. EstructuraMapa de pantallasUna estructura simple para generar el mapa de pantallas de la app de cada cliente.
  2. ComponentesBiblioteca de la appComponentes que cambian de color y de marca sin tocar el diseño de cada pantalla.
  3. AssetsEntrega para desarrolloAssets para Android e iOS generados juntos, listos para el equipo de desarrollo.
  4. FormaciónMigración de la herramientaCapacitación del equipo de Screencorp en la nueva herramienta de diseño.
Hojas impresas con el mapa de pantallas y los assets de Phonecorp para Android e iOS
Mapa de pantallas y assets para Android e iOS.
Hoja impresa con el mapa de componentes y los colores institucionales
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.

Preferencias guardadas.

Usamos medición de audiencia para entender qué páginas ayudan. Tú eliges qué permitir.

Preferencias

{{ langNoteT }}

{{ langNoteGo }}