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
Categorized in Televisión and Video
Tags: documental motos motociclismo video television sobre ru
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:
Categorized in Diseño web
Tags: flash, malaga, promocional, radio, radio malaga 1937, web
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
Categorized in Diseño Gráfico
Tags: brand, color, Diseño Gráfico, identidad grafica, manual, marca, merchandising, multivision, señaletica
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.
Categorized in Diseño web
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.
Categorized in Diseño web
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):
Categorized in Diseño Gráfico
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:
Categorized in Diseño web and Fotografía
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.
Categorized in Diseño web
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:
Categorized in Diseño web
