Estandarización de componentes de Performance y campañas en Itaú
Componentes campañables
The Challenge
¿Qué barreras debemos superar?
El equipo de performance y marketing realizaban campañas con diferentes agencias de publicidad, lo que generaba diferentes estilos en términos gráficos y digitales, estos procesos de solicitudes de elementos y campañas a su vez tenian varios vistos buenos de las distintas jefaturas y multiples correcciones lo que alargaba los procesos de entrega del diseño diseño final.
Solución
Lo que se hizo
Se realizó un levantamiento y reconocimiento de los elementos de explotación para estandarizarlos y alinearlos con el manual de marca, productos y el rediseño del portal de banca personas de itaú, asi también estos elementos contribuyeron a consolidar el sistema de diseño del equipo de experiencia.
Guidelines
1. Contexto de uso
Elementos de explotación: Banner sitio privado
1.1 Contexto de uso
Elementos de explotación: Modal lighbox
2. Componentes
Estandarización de átomos
Adaptabilidad
Uso de grilla con regla de 8px. de espaciado.
Leyes de Proximidad
Para conservar las proporciones y legibilidad del contenido, se deben respetar el area de seguridad de los elementos que conforman. el componente, manteniendo relaciones de espacialidad en una escala de 8px. como por ejemplo; 8, 16,24,32,64 y sucesivamente
Uso de imagen
Difuminado
Uso de imagen
Máscaras
Template para banners
Structure baseline
Resultados
Mi aporte en la sala de performance de la compañia, la cuál se encargaba de campañar productos de crédito e inversiones, pagos PAC, PAT y PET y seguros, consistio en trabajar sobre los componentes de explotación y estandarizarlos alineados con la actualización del portal personas de Itaú, en el siguiente ejemplo destaco el elemento banner en donde se detallan algunas especificaciones técinas en cuanto a adaptabilidad, leyes de proximidad, uso de imágenes para luego pasar a código semántico.
El resultado quedó plasmado en la estandarización de múltiples elementos de explotación en diferentes contextos de uso, en el ejemplo expuesto solo se muestra el elemento banner.
Implementación
Componentes compatibles con el rediseño del home y el design system de itaú.
