Videobook

Videobook Víctor Álvarez from Juan Polo on Vimeo.

Título original: Videobook para el periodista Víctor Álvarez, en el que se pueden ver algunos de sus reportajes emitidos en Canal Sur Televisión para el programa Mira la Vida.

Tipo: Videobook promocional

Cliente: Víctor Álvarez

Formato original: DV

Fotogramas capturados: http://www.flickr.com/photos/juanti/sets/72157606331568251/

Duración: 3 minutos

Fecha de producción: Julio de 2008

Montaje y postproducción: Final Cut Pro

Puedes ver el video completo pulsando aquí. Si lo prefieres, también está disponible en Youtube.

Documental «Sobre Ruedas»

Título original: «Sobre Ruedas» (Engl.: «On Wheels»)

Tipo: Video / Género: Documental

Cliente: Producción propia

Formato original: DVCAM 16:9 Panorámico

Fotografías de producción: http://www.flickr.com/photos/juanti/sets/72157604741932330/

Duración: 12 minutos

Fecha de producción: Junio de 2008

Música: Creative Commons, descargada libremente de Jamendo.com

Montaje y postproducción: Final Cut Pro

FX: particleIllusion

Sinopsis: Sobre Ruedas es un reportaje sobre el mundo del motociclismo. A través de las experiencias de cinco moteros, trataremos temas como la seguridad en carretera, viviremos un día completo en un circuito de carreras (Tabernas, Almería) y comprobaremos que mueve realmente a un motero en su interior.

Ver video completo: Parte 1 y Parte 2

Web Promocional para «La Primera en el Peligro de la Libertad»

Dirección: www.laprimeraenelpeligrodelalibertad.com/promo

Cliente: Blog «La Primera en el Peligro de la Libertad»

Tipo: Diseño de la interfaz y desarrollo.

Flickr: http://www.flickr.com/photos/juanti/2094551871/

Lenguajes utilizados: Flash, ActionScript 3.0, PHP, CSS, HTML y JavaScript.

Año: 2007

Programas utilizados: Flash CS3, Dreamweaver MX y Photoshop CS.

Descripción: Diseño de un sitio promocional para las emisiones de Radio Málaga 1937. La página muestra un pase de imágenes tipo polaroid, que van desde fotografías de la ciudad de Málaga en la actulidad hasta Málaga en la época de la guerra civil sobre 1936, mostrándose emblemáticos lugares de la ciudad que han cambiado bastante desde entonces. Mientras se proyectan las imágenes, de fondo se escucha el primer episodio promocional de las emisones históricas reconstruidas de dicha radio.

Mientras se carga el sitio completo, el visitante ve un cargador dinámico que le informa del estado de la carga:

La página dispone de una sección desde la que se puede enviar el enlace por e-mail a un amigo automáticamente, con la opción de incluir un mensaje personalizado:

También cree un botón para la página principal del blog, que enlaza con el listado de episodios disponibles:

Manual de Identidad Gráfica – Multivisión

Cliente: Multivisión. Proyecto personal.

Tipo: Diseño de imagen corporativa y manual de identidad gráfica.

Flickr: http://www.flickr.com/photos/juanti/sets/72157601466488029/

Año: 2007

Programas utilizados: Photoshop CS y FreeHand MX.

Descripción: Manual completo de Identidad Gráfica creado para la marca Multivisión.

 

Página índice con todas las secciones del manual

Justificación del color de la marca Multivisión

Posibles usos de la marca en señalética

Merchandising

Mosaico de Radios

 

Dirección: www.multivision-tv.com/radio

Cliente: Multivisión. Proyecto personal.

Tipo: Diseño de página web en HTML.

Lenguajes Utilizados: HTML, CSS y JavaScript.

Flickr: http://www.flickr.com/photos/juanti/921684954/

Año: 2007

Programas utilizados: Photoshop CS, ImageReady CS y Dreamweaver MX.

Descripción: Diseño de Mosaico de Radio, estilo web 2.0. Cuando el usuario elige una radio y pincha en ella, se carga dicha emisora y tras 10-20 segundos de precarga (buffering invisible) se escucha el audio. El título de la radio está en movimiento horizontal, imitando al panel LCD de una radio natural. Carga de emisoras sin necesidad de recargar la página completa. Compatible con emisiones Windows Media y Real Audio.

Multivisión

 

Dirección: www.multivision-tv.com

Cliente: Proyecto web personal

Tipo: Diseño, desarrollo y mantenimiento de página web en HTML.

Lenguajes Utilizados: CSS, HTML y JavaScript.

Año: 2007 (inicio 2001 – actualidad)

Programas utilizados: Dreamweaver MX y Photoshop CS.

Descripción: Multivisión es un proyecto personal que inicié en el año 2001. Se trata de un portal multimedia a través del cual se pueden ver emisiones de televisión temática de todo el mundo, escuchar radios y entretenerse e informarse en diferentes secciones que abordan un tema en particular: el cine, la tecnología, … Aplicación de diferentes fórmulas publicitarias. Diseño íntegro en CSS.

Campaña contra la Violencia de Género 2007

 

Tipo: Diseño de cartel en A3, folleto tríptico y un publirreportaje de dos páginas enfrentado.

Año: 2007

Programas utilizados: Photoshop CS y QuarkXPress 6.5.

Descripción: Proyecto de diseño de cartel en A3, folleto tríptico y un publirreportaje de dos páginas enfrentado para la campaña en contra de la violencia de género. Más que una campaña de sensibilización he creado una campaña de información sobre los malos tratos, dirigida principalmete a mujeres víctimas de este hecho.

El objetivo fue crear una campaña muy visual y directa, con unos colores que atraigan el estado de ánimo de las mujeres maltratadas, engancharlas para que presten un mínimo de atención y a partir de ahí, informarlas a través del folleto tríptico, cartel y en más profundidad, con el publireportaje.

Como elementos comunes en toda la campaña, estarán presentes el color marrón, un subrayado uniforme de color blanco, y la cara “cuarteada” artísticamente de una mujer (de aspecto es una muñeca inmóvil, que no tiene ni voz ni voto en nada). Estos elementos guardarán la coherencia estética entre los objetos físicos de la campaña.

 

Tríptico informativo (cara interior y exterior desplegado):

 

 

Fotogalerías

 

Dirección: www.multivision-tv.com/fotogalerias

Cliente: Proyecto personal. Galería fotográfica personal.

Tipo: Diseño de página web en HTML.

Año: 2006

Programas utilizados: Photoshop CS, ImageReady CS y Dreamweaver MX.

Descripción: Galería fotográfica temática de autor. Integración de elementos gráficos como «post-it» y barras de transparencia en cada página:

Aparte del mosaico de elección de galerías, cada álbum está compuesto por fotografías de distinto tamaño:

 

 

 

Galería Fotográfica en Flash

Dirección: www.multivision-tv.com/juanpolo

Cliente: Proyecto personal. Galería fotográfica personal.

Tipo: Diseño de página web en FLASH.

Año: 2007

Programas utilizados: Flash MX.

Descripción: Galería fotográfica personal realizada Flash para un curso.

Mosaico de Televisión 2.0

 

Dirección: www.multivision-tv.com/tv/television.htm

Cliente: Multivisión. Proyecto personal.

Tipo: Diseño de página web en HTML.

Lenguajes Utilizados: HTML, CSS y JavaScript.

Flickr: http://www.flickr.com/photos/juanti/494892375/

Año: 2007

Programas utilizados: Photoshop CS, ImageReady CS y Dreamweaver MX.

Descripción: Diseño de Mosaico de Televisión, estilo web 2.0. Carga instantánea de canal mediante  iframes y javascript, integración de Google AdSense y varias pantallas entre las que se encuentran tanto canales locales como internacionales. Emisiones en directo via streaming compatible con sistemas Windows Media, Real, QuickTime, Flash y TVP2P (Octoshape plugin incrustado). El mosaico incorpora un mecanismo de reconocimiento del sistema operativo del usuario; en función del que utilice (Windows, Mac o Linux) la emisión es redirigida automáticamente a la opción de streaming más recomendable para la óptima visualización en su plataforma.

Detalle de la pantalla de Televisión Local: