Diseño de Banner para Amino+

Branding

Resumen ejecutivo

Uno de nuestros objetivos de empresa en Amino Apps era impulsar y hacer crecer las IAP’s (In App Purchases – Compras en la aplicación). En el caso de Amino Apps, las compras dentro de la aplicación se basaban en un modelo de suscripción mensual llamado Amino+ (Amino Plus). Esta suscripción ofrecía al usuario el acceso a una variedad de herramientas y funcionalidades exclusivas para mejorar su experiencia de usuario.

Tras analizar y valorar diferentes estrategias para conseguir un aumento de las IAP’s, decidimos como primer paso el crear un anuncio en formato de banner para incrementar las impresiones de la pantalla de suscripción e incitar así al usuario a la compra. Yo fui el encargado de su diseño y concepción.

El Proceso

El primer paso que tomé fue el crear un sistema de diseño basado en el branding que existía en ese momento entorno a la membresía. En base a eso, identifiqué y extraje los principales elementos de la screen de membresía y serían esos mismos elementos los que me servirían posteriormente para crear una composición que siguiera un mismo estilo de diseño.

Los cuatro principales elementos que extraje fueron:

  • El logotipo de Amino+  con efecto glow
  • La tarjeta dorada de fondo con efecto de reflejos de luz
  • Un overlay de ondas que se superpone en movimiento por encima de la tarjeta dorada
  • Conjunto de los iconos de cada uno de los beneficios o de la membresía de Amino+

Una vez extraídos los elementos de la composición, me dispuse a realizar un diseño base a partir del cual iría realizando variaciones hasta dar con el resultado deseado.

Este diseño base se compone de la tarjeta dorada con reflejos de luz como el fondo principal de la composición, el overlay animado superpuesto en el fondo y varios brillos animados en forma de diamante (son una recreación de las misma animaciones que podemos encontrar en la screen de membresía de la app) y el logo de la membresía como elemento central de la composición.

Teniendo esa base de diseño, probé diferentes formas de encajar el resto de elementos. Entre las versiones de prueba, se encuentran versiones solo con copy, solo con iconografía, con ambos estáticos y con ambos animados.

La primera combinación que probé fue el logo de Amino+ junto a los iconos de las ventajas de la suscripción. Pero, definitivamente, decidí que hacía falta incorporar algún tipo de texto o llamada a la acción.

En la segunda prueba, hice una animación con el icono y el título de cada una de las ventajas de la suscripción. Pero, dado que el banner iba a ser rotativo junto a otros, la animación no iba a poder verse completa. Por lo cuál también acabé descartando esa opción.

La tercera y cuarta opción fue añadir el logo solo con el copy (tanto una versión con solo el CTA y otra con el CTA y una pequeña descripción). Sin embargo, sentía que el diseño carecía de personalidad. Es por eso que en la quinta versión, traté de volver a incorporar los iconos de las ventajas, la llamada a la acción y el logo de Amino+.

Finalmente, me decanté por un diseño que contenía un copy con una breve descripción de alguno de los beneficios de Amino+ y un botón con un CTA. Procuré que la llamada a la acción contuviera una Power Word (“Pruébalo GRATIS“) para aumentar el CTR del banner y aumentar así las impresiones de la screen de suscripción. Como complemento visual, decidí usar los iconos para mejorar el peso visual del diseño y proporcionar un doble refuerzo sobre el producto y sus ventajas.

Además de las dimensiones del propio banner, a la hora de colocar los elementos tuve que tener en cuenta el área de seguridad, que es la zona segura en la que todos los dispositivos verán el contenido. Ya que, al haber tantos dispositivos móviles con tamaños de pantalla muy diferentes, hay algunos que recortan parcialmente el contenido que no se encuentre dentro del área de seguridad.

Es por eso que los elementos principales del banner no están totalmente centrados en la composición, ya que deben encontrarse en el área de seguridad para poder ser legibles por todos los dispositivos

Una vez finalizado y aprobado por el resto del equipo, me encargué de adaptar todo el copy del diseño (subtítulo y CTA) (que estaba en inglés) a los otros 6 diferentes idiomas que hay disponibles en Amino: Español, Portugués, Árabe, Ruso, Francés y Alemán.

Finalizada la adaptación, estos banners fueron publicados dentro de la aplicación.

Resultado final

Banner A+ ES

Adaptación en otros idiomas:

error: El contenido está protegido