Manual de Especificaciones Técnicas para Creatividades.

Manual de Especificaciones Técnicaspara Creatividades

índice

Creatividades Web

1. Brand Day/Skin Page…………………………….

2. Display

» Banner Resultados de Búsqueda………

» Banner Home……………………………..

» Banner Menú privado de

candidatos…...

» Banner Confirmación inscripción ofertas

» Doble impacto…………………………….

» Banner Cierre de sesión…………………

» Banner Alerta de empleo (Push)…….....

3. Cupón Integrado………………………………….

Campañas e-mailing

4. Mailing

» E-mailing personalizado…………………

» E-mailing ofertas………………………….

Creatividades Móvil

5.Logo

web………………………………………….

6.Logo

móvil………………………………………..

7.Banner Half-

page………………………………

8.Banner Half-page

personalizado……………….

9.Intersticial………………………………………

10.Half-page +

Intersticial…………………………..

Sites y Mini-Sites

11. Presentación Corporativa /Campaign Site…….

12.Web Corporativa………………………………….

ANEXO………………………………………….........

Creatividades Web

1. Brand Day / Skin Page

El Brand Day home o patrocinio de la home es el nombre comercial del producto, consiste en el patrocinio en exclusividad de la home durante un día en todos los formatos (980x90 0 980x250 y 300x600).

Para su correcta aplicación se aconseja seguir una serie de indicaciones:

» El texto del mensaje ha de ser corto, claro y llevar el mensaje en la parte arriba tanto la derecha.

» La creatividad debe contrastar con el contenido de Infojobs.net evitando así, confundir al usuario.

» Coherencia gráfica arriba y la derecha.

2. Display

2.1 Banner Resultado de Búsquedas y Ficha Oferta

» Descripción: Visibilidad segmentada en las páginas de Infojobs en

función de si es resultado de búsqueda, perfil o keyword.

» Tamaño: 970x90 / 300x600px

» Formato: swf/jpg/gif

(En caso de ser flash seguir las directrices en el anexo: Cómo

implementar ClickTAG)

» Peso: máx 50kb

2.2 Banner Menú privado de candidatos

» Descripción: Banner central en las diferentes páginas del Menú

del Candidato.

» Tamaño: 728x90px y 950x90px

» Peso: máx 30kb

2.3 Banner Confirmación inscripción oferta

» Descripción: Banner central en la página de Confirmación de

inscripción a ofertas de Infojobs.net

» Tamaño: 728x90px

» Peso: máx 30kb

Banner Menú privado de candidatos

2.4 Banner Cierre de Sesión

» Descripción: Banners en la página de cierre de sesión del menú

privado de candidatos.

» Tamaño: 950 x 300px / Intersticial

» Formato: Gif, Flash, Html. No superar en conjunto, los 100kb.

Banner cierre de sesión

2.5 Banner Alerta de empleo (Push)

» Descripción: Banner superior en las alertas de empleo (push)

enviadas a los candidatos en Infojobs.net

» Tamaño: 728x90px

» Formato: jpg/gif

» Peso: máx 30kb

Campañas e-mailing

4. E-mailing

» Descripción: Envío personalizado de un e-mailing a los candidatos

target de Infojobs.net con oferta de formación específica. Se

integra la creatividad HTML dentro de la plantilla de Infojobs.

» Tamaño: máx 600px de ancho

» Formato: html

Requisitos específicos para la maquetación

» Usar las etiquetas <table> y no <div>. Cada vez que se inicia una

tabla tendrá que especificarse width=“x” cellpadding=“0”

cellspacing=“0” border=“0”

» Las imágenes deben en formato.jpg o .gif y especificando

tamaños y bordes en cada etiqueta. Los objetos dinámicos no son

soportados por los servidores. Las imágenes no pueden ser

imágenes de fondo. Todas las imágenes deben llevar atributo

CSS display:block. Ejemplo:

<img src=http://www.website.com/html-email/images/image.gif

border=“0” width=“x” height=“x” style=“display:block”>

» Los estilos CSS deben ser en línea, no en el <head>

» No usar imágenes de fondo o hacer del todo el mailing una sola

imagen. No obstante, no es recomendable, si no se cargan las

imágenes el usuario no verá nada.Mailing imagen + texto

4.1 E-mailing personalizado

» No Javascript, no CSS shorthands

» Codificación del texto charset=iso-8859-1 y por lo tanto todas las

palabras que precisen acentos, eñes e interrogantes o

exclamaciones han de estar codificadas en HTML. Por ejemplo:

á=á (http://ascii.cl/es/codigos-html.htm)

» Evitar el uso de colspans, rowspan y emplear moderademente

márgenes y paddings.

» Evitar etiquetas h1, h2…

» Los atributos de anchura y altura sólo deben llevar valores

numérico, no porcentajes.

» Comprobar la visualización de la creatividad en diferentes

navegadores.

» Es recomendable que las imágenes (en el caso que las tenga) de

la creatividad estén subidas a un servidor FTP y que el archivo se

envíe como fichero HTML. De no ser así, la creatividad se

entregará en un fichero adjunto (.zip o .rar) donde deberá tener

una carpeta llamada imágenes en la que se ubicarán todos los

archivos gráficos de la creatividad (.jpg o .gif). Los recursos

gráficos de la creatividad deberán hacer referencia relativa a los

elementos ubicados en la carpeta imágenes.

» Para más información sobre incompatibilidad de algunos atributos

http://i3.campaignmonitor.com/assets/files/css/campaign-monitor-guide-to-c

ss-in-email-sep-2013V2.pdf?ver=2247&_

ga=1.87886941.494018958.139867265114

Mailing imagen (todo el contenido es clickable)

» Descripción: Envío exclusivo con la oferta a candidatos (máximo

2.500) previamente seleccionados que cumplen con las

cualificaciones que buscas.

» Tamaño: 600px ancho

» Formato: html

Mailing oferta

4.2 E-mailing oferta

» Servicio basado en el concepto botonera situado en la

home de Infojobs/ Infojobs Premium o en la zona

central de la página de resultado.

» Tamaño: 90x50px

» Formato: jpg/gif/png

» Peso máximo: 2kb

5. Logo Web

Logo premium

Logo Home

Creatividades Móvil

6. Logo Móvil

App iPhoneDesde 26 de junio 2012

App AndroidDesde 29 de noviembre 2012

Web móvilDesde 20 de enero 2013

» Descripción: Logo corporativo con máxima visibilidad en

todos los soportes para móvil (Iphone, Android y web móvil)

» Tamaño: 282 x 145px

» Formato: gif/jpg/png

» Peso máximo: 10kb

7. Banner half-page

» Descripción: Banner de media página en la pantalla de resultados

de búsqueda.

» Tamaño: aprox. media pantalla

» Formato: PHP

» Diseño: Utilizando los colores corporativos de la campaña

» Plataformas: Web Móvil y App Android

» No se admite flash

Banner corporativo half-page

Requisitos a solicitar por el comercial:

» El logo de la campaña (a ser posible, buena resolución)

» Un título máx 50 caracteres

» Un copy máx 140 caracteres

» Opcional, un texto para el botón (si es “ver oferta” o prefiere otro)

» URL de destino del botón.

8. Banner half-page (personalizado)

» Descripción: Banner de media página en la pantalla de resultados

de búsqueda.

» Tamaño: aprox. media pantalla

» Formato: JPG

» Diseño: Utilizando los colores corporativos de la campaña

Banner corporativo half-page personalizado

» Un copy máx 140 caracteres

9. Intersticial

» Descripción: Full intersticial en la Home (pantalla de buscador) o

en la pantalla de resultados de búsqueda.

» Tamaño: Pantalla completa

» Formato: HTML5

Banner corporativo Half Page

» Una imagen (propia o con licencia) relacionada con la campaña

» Un copy más 140 caracteres

10. Half Page + Intersticial

» Descripción: Servicio que combina dos formatos: Half Page

banner + Intersiticial. Ejemplo: Pre-formulario y formulario.

» Tamaño: Pantalla completa

» Formato: HTML5

» Tiempo de contratación: CPM (mín. 250.000 impresiones)

Banner corporativo Half Page

» El logo de la campaña (a ser posible, buena resolución y en

formato .png/.psd)

» Una o un par de imágenes (propias o con licencia) relacionada

con la campaña

» Un título máx 50 caracteres para cada formato

» Un copy más 140 caracteres para cada formato

» Un texto para los botones. Ejemplo: “más info”, “enviar”, etc

Sites y mini-sites

11. Presentación corporativa / Campaign Site» Descripción: Espacio exclusivo para acercar al candidato a la

filosofía de la empresa. Una página dentro Infojobs.net con

descripción detallada de la empresa. Incluye un listado de

ofertas, mantenimiento y hosting anual en Infojobs. Se

accede desde nombre de empresa en ofertas. Opcionalmente

también se puede acceder desde logos o banners en Infojobs

y adaptación responsive para visualización móvil.

» Tiempo de contratación: Anual

» Tiempo de propuesta gráfica: 5 días

» Tiempo de entrega luego de la aprobación: 5 días

» Incluye hasta 4 cambios anuales de imágenes y/o texto.

» Logo de la campaña/cliente con buena resolución y en

formato .png/.psd/.eps

» Imágenes (propias o con licencia) relacionadas con la

campaña y con buena resolución

» Copy para el contenido

12. Web corporativa» Descripción: Sitio web corporativo integrado en Infojobs con

alta visibilidad. Site con hasta 7 páginas sobre la empresa

que incluye menú de navegación dentro del site. Se puede

acceder a través del nombre de empresa a las ofertas.

Opcionalmente también se puede acceder desde logos o

banners en Infojobs y adaptación responsive.

» Tiempo de contratación: Anual

» Tiempo de propuesta gráfica: 5 días

» Tiempo de entrega luego de la aprobación: 5 días

» Incluye hasta 4 cambios anuales de imágenes y/o texto.

» Logo de la campaña/cliente con buena resolución y en

formato .png/.psd/.eps

» Imágenes (propias o con licencia) relacionadas con la

campaña y con buena resolución

» Copy para el contenido

Tutorial “Cómo implementar clickTAG a un banner”

Si se trabaja con formato flash, es necesario implementar una variable llamada clickTAG que sirve básicamente para que los Adservers (tanto de soporte como los de anunciante) contabilicen clicks y vean la efectividad de la campaña display.

Primero, asegúrate de estar trabajando con Action Script 2.0 ya que las versiones posteriores dan problemas con las acciones.

PASO 1

En el primer paso creamos una capa nueva a la que llamamos “clickTAG” donde creamos a su vez un rectángulo sin importar tamaño y color.

PASO 2

Con el rectángulo seleccionado, nos vamos al panel de propiedades y en la paleta de colores ponemos el valor de alpha a 0% tanto con el color de relleno como de borde y así hacemos transparente nuestro objeto.

También modificamos el tamaño de nuestro objeto y le damos los mismo valores de alto y ancho del banner alineándolo con el centro del espacio de trabajo.

Nos aseguramos en todo momento que estamos trabajando en la capa clickTAG.

PASO 3

Click derecho en nuestro rectángulo transparente y seleccionamos “Convertir en símbolo”

PASO 4

Seleccionar botón y asignar clickTAG como nombre

PASO 5

clickTAG

Con el botón seleccionado, click derecho sobre el rectángulo, que ahora es un botón, seleccionar “Acciones”

PASO 6

Escribir el siguiente código:on (release) { if (clickTAG.substr(0, 5) == "http:") { getURL(clickTAG, "_blank"); }}

PASO 7

Exportar el archivo como flash.Para más información: http://www.masterdlabs.es/como-utilizar-el-parametro-clicktag-en-google-adwords/

PASO FINAL

Manual de Especificaciones Técnicas para Creatividades.

Documents

Transcript of Manual de Especificaciones Técnicas para Creatividades.

Creatividades Nueva Ganchera

ANEXO ESPECIFICACIONES TÉCNICAS INTERVENTORÍA …€¦ · Anexo Especificaciones Técnicas. 1 ANEXO ESPECIFICACIONES TÉCNICAS INTERVENTORÍA TÉCNICA, ADMINISTRATIVA, FINANCIERA,

Presentación renovación creatividades octubre

ESPECIFICACIONES TÉCNICAS

ANEXO 3 ESPECIFICACIONES TÉCNICAS ESPECIFICACIONES ...

ANEXO 3 ESPECIFICACIONES TÉCNICAS ESPECIFICACIONES ... · 1 anexo 3 – especificaciones tÉcnicas especificaciones tÉcnicas para la contrataciÓn del desarrollo e implementaciÓn

ESPECIFICACIONES TÉCNICAS©cnica_Yaris... · 2021. 1. 20. · ESPECIFICACIONES TÉCNICAS. ESPECIFICACIONES TÉCNICAS.

Especificaciones Técnicas

ESPECIFICACIONES TÉCNICAS

· Especificaciones Técnicas Losa Deportiva. Especificaciones Técnicas Patio de Honor. Especificaciones Técnicas Obras Exteriores. Especificaciones Técnicas ...