Saltar al contenido

Idioma: ES EN

Portada del sitio de Palermo "Unite"

14 / 38 · Flash

Palermo "Unite"

Recorrido del sitio 0:00

Año Archivo · fuera de línea

Cliente Cigarrillos Palermo — Tabacos del Paraguay S.A. / TABESA

Rol Concepto · Diseño UI/UX · Ilustración · Desarrollo Flash/ActionScript

Stack Flash / ActionScript Ilustración a mano Comercial en FLV Galerías XML Wallpapers

Nota: es trabajo publicitario para una marca de cigarrillos. Esta ficha documenta el diseño y el desarrollo; no reproduce ni continúa el argumento de venta de la campaña. Las piezas originales llevan la advertencia sanitaria obligatoria.

Un muro rayado: fondo oscuro con grafitis y trazos superpuestos de la propia marca, y encima un marco dibujado a mano, con el trazo tembloroso, que contiene cuatro fotos en tira. La navegación son cinco etiquetas dibujadas al pie, como stencils.

El concepto

Es el sitio de una campaña de marca, y su problema es que tiene que mostrar cuatro cosas —producto, gráficas, wallpapers, comercial— sin parecer un catálogo. La solución es tratar toda la pantalla como una pared intervenida: el fondo es una superficie oscura con capas de escritura, el nombre de la marca repetido en distintos tamaños, trazos, rayones y manchas, como una pared que se pintó encima muchas veces. Sobre eso, el contenido va siempre dentro de un rectángulo dibujado a mano alzada, con las líneas que no cierran bien en las esquinas y se pasan de largo.

Ese marco es el recurso central y aparece en todas las secciones: la home lo usa para la tira de cuatro fotos, Avisos para la gráfica ampliada, Comercial para el video, que corre adentro del mismo cuadro con su barra de progreso hecha de rayitas. El contenedor es siempre el mismo y lo que cambia es lo que entra. La única sección que abandona el gesto es Productos, que se pone ordenada: los tres paquetes alineados sobre negro con su ficha debajo. El marco a mano para todo lo expresivo, la grilla limpia para el dato.

Y las cuatro fotos de la tira no están puestas para mirar: al pasar el mouse por encima, la foto se abre —crece desde su columna hasta llenar el cuadro a lo ancho—, entra la frase que le corresponde con una flecha dibujada que la ata a la persona de la imagen, y arranca el clip de video de esa escena. Ahí está toda la campaña: la foto sola no dice nada, la frase sola sería un aviso de revista, y el rollover es lo que las junta. El visitante descubre el mensaje moviendo el mouse en vez de leerlo servido.

Las secciones

Pantallas

9 pantallas

Productos: las tres variedades con sus formatos — Palermo "Unite"
Productos: las tres variedades con sus formatos02 / 09
Avisos: la gráfica dentro del marco, con flechas dibujadas — Palermo "Unite"
Avisos: la gráfica dentro del marco, con flechas dibujadas03 / 09
Wallpapers: cuatro fondos descargables — Palermo "Unite"
Wallpapers: cuatro fondos descargables04 / 09
Comercial: el video corriendo dentro del mismo marco — Palermo "Unite"
Comercial: el video corriendo dentro del mismo marco05 / 09
Rollover: la foto se abre y entra la frase — «al DJ que sus padres querían que sea contador» — Palermo "Unite"
Rollover: la foto se abre y entra la frase — «al DJ que sus padres querían que sea contador»06 / 09
Rollover: «a la diosa que no se cree una top model» — Palermo "Unite"
Rollover: «a la diosa que no se cree una top model»07 / 09
Rollover: «al que no necesita un auto último modelo para levantar» — Palermo "Unite"
Rollover: «al que no necesita un auto último modelo para levantar»08 / 09
Rollover: «a los que se visten como quieren y marcan tendencias» — Palermo "Unite"
Rollover: «a los que se visten como quieren y marcan tendencias»09 / 09