BannerS HTML
Durante los últimos años me he especializado en la realización de banners HTML5, ya que estos formatos permiten al usuario una mayor interacción con el anuncio, y a la marca competir de forma mas efectiva con el resto de contenidos. Captando la atención de los usuarios y aportándoles un mayor valor.
Mis habilidades de diseño me permiten generar desde cero los assets de la pieza (Photoshop, Illustrator, etc.) para posteriormente animarlos en HTML5 (Google Web Designer, Creatopy, etc.) Todo esto combinado con mis conocimientos en CSS y DCO (Adform o Google Studio) me permiten acompañar a la pieza durante todo el proceso de realización.
A continuación muestro algunos ejemplos que he realizado en HTML5 con la combinación de estas herramientas y habilidades.
(Añado las piezas en vídeo para maximizar la compatibilidad y evitar bloqueadores de anuncios, por lo que tienen una pequeña perdida de calidad respecto a los HTML, para maximizar el tiempo de carga). Aun así... Técnicos de selección de agencias de publicidad, NO USEIS BLOQUEADORES DE ANUNCIOS :)
Y si solo quieres ver banners HTML, sin que te cuente historias, pulsa aquí
Banner DCO con fichas y selector
Esta pieza utiliza tecnología DCO (Dynamic Creative Optimization) para conectarse a un feed dinámico que permite actualizar los coches disponibles y precios en tiempo real en función de la oficina que elija el usuario. Es totalmente funcional tanto en mobile como en desktop.
En función de la ubicación del usuario, le aparecerán los coches disponibles en su oficina más cercana, y se le cargarán en el selector inferior otras oficinas próximas a su ubicación. Las fichas tienen conectadas de forma dinámica el nombre, precio e imagen del vehículo, y se pueden desplazar tanto mediante las flechas de dirección como arrastrando para que sea cómodo y fácil de usar para cualquier tipo de usuario.
Banner con countdown
Este banner utiliza una cuenta atrás mediante HTML, programada para llegar a cero en el momento en el que termina la oferta.
Este tipo de implementaciones son cada vez mas demandadas por las marcas, ya que les ayudan a tener visibilidad, y además generan esa sensación de urgencia en el usuario.
En base a mi experiencia personal, tras haber realizado varios test, puedo asegurar que los banners con countdown tienen unos CTR mucho más altos que los mismos banners sin countdown.
Banner con conexión meteorologica
Estas piezas cuentan con conexión en tiempo real a una API meteorológica, que puede ser configurada para cualquier lugar del mundo, y pueden mostrar desde el tiempo en el momento en el que se visualiza el banner, hasta los próximos 10 días.
Además, pueden ser configurados para que solo se muestren a los usuarios si el tiempo cumple ciertas características que nos interesen. Por ejemplo; más de 20 grados en la ubicación 1, o lluvioso en la ubicación 2
Mapa interactivo
Este banner interactivo utiliza áreas de pulsación para activar la información de una isla u otra. En este caso lo he aplicado a un mapa, pero estas áreas de pulsación son aplicables a cualquier elemento, se usan especialmente en productos donde se pueden poner en las zonas clave del mismo para obtener más información.
Animaciones y efectos
Las piezas HTML tienen una gran importancia, además de por sus posibilidades en cuanto a tecnología, por la capcidad de añadir transiciones, efectos y animaciones, destacando mucho visualmente frente a las piezas estáticas.
Banner con vídeo integrado
En ciertos casos es conveniente introducir vídeos en los banners, con HTML es posible hacerlo de forma simple, incrustándolo dentro del propio banner o realizando una conexión con YouTube.
Un poco de todo...