Proceso de branding: buenas prácticas

Muchos nos hemos tenido que enfrentar al proceso de generar un branding para una web o una aplicación en algún momento de nuestra vida laboral.

Y muchas veces, se ha convertido en algo tedioso que lleva mucho tiempo y trabajo manual. ¿nunca has pensado en automatizarlo lo máximo posible?

Aquí te damos algunos consejos y buenas prácticas que te pueden venir bien a la hora de generar un branding:

• Lo primero de todo, es usar un repositorio con los archivos que se usan en el proceso de brandeado.

  Por ejemplo, archivos que indican el mapeado de imágenes. De este modo, si queremos mapear una nueva no se tiene que modificar ese archivo para cada brandeado. Todos los procesos de brandeado estarían usando ese archivo en concreto, el cual está actualizado.

  Esto evita que se utilicen archivos obsoletos en carpetas de brandeados, que nunca nadie actualiza.

• Usar jenkins o cualquier otra aplicación de integración continua. Podemos usar un trabajo (o job) para obtener del repositorio los archivos necesarios para el proceso de brandeado. Y una vez hecho esto, realizar las acciones necesarias para obtener la página web o la aplicación personalizada.

  De ese modo, para obtener una aplicación brandeada, solo hace falta añadir algunas variables de configuración y lanzar el trabajo.

  

• Es una buena idea tener las carpetas con las distintas imágenes, archivos css…  de cada brandeado en un repositorio.
  De esta manera, se puede modificar la ubicación de una imagen en todas las carpetas de golpe. Esto puede evitar muchos errores. Estos cambios pueden venir, por ejemplo, por alguna mejora del proceso de brandeado.
  Muchas veces, estas carpetas las tiene la persona encargada del proceso de brandeado en su ordenador. Esto puede conllevar muchos errores si se realizan mejoras en el proceso.

• Es importante tener archivos css específicos para el proceso de brandeado para añadir estilos que sobreescriban los generales.
  Nunca se debe usar un archivo css de nuestro proyecto general y modificar en él los colores o los estilos que queramos. Porque de este modo, el brandeado no estaría beneficiándose de las mejoras que se realizasen en ese archivo en el proyecto general. O para poder hacerlo, conllevaría el trabajo de tener que comparar ambos archivos css. Teniendo en cuenta, en la comparación, qué estilos si debemos incluir sin eliminar los estilos especificos de este brandeado… 
  Esto se solucionaría fácilmente con unas css específicas para añadir estilos que sobreescriban los estilos genéricos: branding.css por ejemplo. 
  Además, es importante cambiar sólo, la parte que queremos modificar, generalmente son colores del texto o del fondo.

• Otra opción muy buena para evitar errores a la hora de añadir imágenes brandeables es preparar una web para hacerlo. En esta web podemos delegar la gestión de tamaños y otras particularidades propias de los brandings.

  En Solid GEAR hemos desarrollado una app que automatiza el proceso completo de customización: ownBrander; ¿quieres saber más? ¡Atento a nuestro blog!

  

 

 

Articulos relacionados

Jenkins: Introducción

Integración continua usando Jenkins para test automáticos en iOS

Automatización de pruebas sobre una API: Postman, Newman y Jenkins