Juanplav / Visual Design

Punto Coma

2014-02-23T11:01:00.001-05:00

Creación de imagen para la empresa de comunicación Punto Coma.
Trabajo profesional, 2014.
Ver sitio web.

Onces

2013-12-15T21:18:00.000-05:00

Creación de imagen para la marca de pasabocas Onces.
Trabajo profesional, 2013.

Calendario 2013

2012-12-22T15:54:00.002-05:00

Probando el concepto de Responsive Design con un sitio web simple y de carga rápida. Aquí está mi Calendario 2013 para Colombia.
Desarrollado con: HTML5 y CSS3 (Media Query).
Proyecto personal, 2012.
Ver sitio web aquí.

AIDE - Academia de Debate

2012-12-21T23:39:00.002-05:00

Creación de marca y minisitio web de la Academia Internacional de Debate en Español (LCDCO).
Trabajo profesional, 2012.
Visitar el sitio web.

Pacífica Minimal

2012-11-20T22:52:00.000-05:00

Propuesta de sitio web en HTML5, CSS3, Ajax y jQuery. Responsive Design (Media Queries).
El portafolio utilizado en el sitio le pertenece a Pacífica Diseño.
Trabajo académico, 2012.
Visitar el sitio web.

Juan Needs a Haircut

2012-11-04T15:49:00.002-05:00

Sitio web en HTML5, CSS3 y Lightbox JS.
Trabajo académico, 2012.
Visitar el sitio web.

Un smartphone que no se oye bien

2012-06-30T11:39:00.001-05:00

Foto de Liewcf - Licencia CC BY-SA

¿En qué momento la producción de celulares dejó de centrar sus esfuerzos en la calidad del audio -su esencia primera- para enfocarse en el mundo de lo visual y productivo; que raramente le correspondía?

La industria móvil ha perdido calidad en lo que realmente se necesita de ésta. La preocupación por los aspectos visuales, conectivos y productivos ha retrasado la evolución en los aspectos auditivos.

Es entendible que el mundo tecnológico y su rapidez demandan mejoras en la batería, la capacidad, los sistemas de conectividad y otras cosas. También es claro que los dispositivos móviles apuntan a una interacción cada vez menos sonora y más del lenguaje visual (mensajes de texto, videoconferencia, multimedia). Pero no por este hecho debe descuidarse lo que hizo y hace útil al dispositivo móvil, su capacidad de transmitir y reproducir audio.

Que así sea menos el tiempo que empleamos en hablar y escuchar, éste sea agradable, entendible, a tiempo real; sin eco, ruido o desfases en la sincronía. Que el video no sea excusa para el audio, que no se tengan que entender las palabras al leer los labios. Que la posición y el tamaño de la bocina y el micrófono sean adecuados. Que no sea necesario gritar, cambiar la posición del aparato con respecto a la cara, o utilizar la mano como amplificador.

La calidad del audio puede y debe evolucionar de la mano de los otros componentes tecnológicos. Los nuevos modelos de celulares deberían abarcar este elemento primeramente. No quisiera comprar un celular por su cámara o conectividad desconociendo su 'calidad auditiva'.

Portafolio Flash

2012-05-21T12:19:00.000-05:00

Diseño y programación de portafolio en Adobe Flash: Ver Portafolio Juanplav.
Trabajo académico y personal, Abril 2012.

Plan C

2012-05-20T22:07:00.000-05:00

Proyecto del Taller de Sistemas Interactivos (FU Bellas Artes).
Investigación, planteamiento y producción de un proyecto para la promoción del Centro de Medellín.
Trabajo conjunto de: Juan Pablo Plata, Alejandro Cardona Bojacá, Ingrid Vélez, Esteban Tabares, Andrés Rodríguez, Natalia Toro, Luisa Giraldo.
Trabajo de grado, 2011-2012.
Visitar el sitio web.
Ver proyecto completo.

Adrenalina

2012-05-15T11:15:00.000-05:00

Diseño y producción de silla para oficina de diseño (lounge).
Trabajo conjunto con Lina Atanache y Juan Camilo Rivas. Ver proceso completo aquí.
Trabajo académico, Mayo 2012.

Diverse City

2012-05-05T20:55:00.000-05:00

Videoclip + Motion Graphics de la canción Diverse City de TobyMac.

Trabajo personal, 2012.

HTML5 y CSS3

2012-05-01T11:44:00.000-05:00

Hace ya bastante tiempo me he dedicado a analizar y re-aprender las bases del código HTML y he podido descubrir las maravillas que se pueden hacer con su versión 5 y el CSS3.

Encontré una web buenísima que muestra qué tanto se puede lograr con estos dos lenguajes, y es The Expressive Web. Al igual que recomiendo a los maestros latinoamericanos en cuanto a desarrollo web e Internet: Mejorando la web.

Aquí dejo una pruebita de cositas que me puse a hacer diseñando sólo con divs y css; utilizando porcentajes y "responsive design", sin pasar por Dreamweaver o editores WYSIWYG. Para cosas más bonitas, visiten la web de Lea Verou.

La Semilla

2012-04-03T22:20:00.001-05:00

Creación de imagen para la Distribuidora de vidrios La Semilla.

Trabajo profesional, 2012.

Converse: We The Culture

2012-04-03T22:20:00.000-05:00

Edición de video y motion graphics. Con Adobe Premiere y After Effects.
Equipo de trabajo: Cindy Sierra, Ingrid Vélez, Juan Pablo Plata.
Trabajo académico, 2012.

Juanplav Logo

2012-03-24T23:22:00.000-05:00

Logo animado en motion graphics con Adobe After Effects.
Trabajo académico, 2012.

Orden y conexión

2012-03-21T22:46:00.000-05:00

Desarrollo de contenedor para zapatos de mujer.
Trabajo conjunto con Johanna Osorio.
Trabajo académico, 2012.

Luz

2012-02-20T15:02:00.001-05:00

Exclusiva Ensoñación
Desarrollo de mobiliario de iluminación a partir de un poema.
Trabajo académico, 2012.

Frutero N.1

2012-02-01T14:38:00.000-05:00

Fruits are rounded enough
Diseño de mobiliario contenedor.
Trabajo académico, 2012.

Young Fest

2012-01-26T13:25:00.003-05:00

Evento Young Fest. Visitar el sitio.
Desarrollo de sitio web. Concepto gráfico: To Be Creative.
Trabajo profesional, 2011.
Estado: Offline

Carodriguez

2012-01-21T22:40:00.002-05:00

Creación de imagen de Caro Rogríguez. Aplicaciones de marca en video.
Trabajo profesional, 2012.

Earphones

2011-12-22T14:09:00.000-05:00

I can't hear you.
Trabajo personal, 2011.

Librería Científica

2011-11-03T17:29:00.001-05:00

Espacios y escenarios comerciales.

Estudio de caso: Librería Científica. Concepto: Idea's Studio.

Equipo de trabajo: Cindy Sierra, Ingrid Vélez, Juan Pablo Plata. Resumen del proyecto aquí.
Trabajo académico, 2011.

Vuelo 7920

2011-10-31T11:01:00.001-05:00

Esto es lo que hago cuando me aburro en medio de un viaje.

Locación: Aire entre Medellín - Bucaramanga.
Personajes de adelante hacia atrás: Piloto y copiloto, Niña encargada, Auxiliar de vuelo, Candidato, Juanplav, Señora 1, Joven inquieto, Señora 2.

1:20 Abordaje.

1:25 El candidato Danny ______, al concejo por el partido de la U no apaga su Blackberry cuando la encargada de la aerolínea le dice.

1:26 El auxiliar de vuelo (adv) entra, se sienta y empieza a tomarle fotos a la cabina de mando y otras cuantas por la ventana. Le habla a la niña que le encargaron.

1:30 El candidato se toma una foto con el Blackberry. Hasta creo que salí detrás mirándolo mal.

1:30 Despega el avión.

1:43 Anuncian: Cerraron el aeropuerto de Palonegro, solo está abierto para los despegues. Disminuyen velocidad para alargar el viaje. Si no lo abren, nos devuelven al Olaya.

1:45 El candidato saca su miniportátil y revisa los pósters de su campaña (por eso sé su nombre). Luego saca cosas de su maletín de ejecutivo.

1:47 Tengo frío, una señora se pone el buzo y yo la sigo. Me pongo el mío.

1:50 Comienzo esta Evernote.
2:00 El candidato saca su agenda y empieza a anotar pendientes.

2:01 Tomo la primer foto. Estoy que me orino.

2:06 El adv que tiene que cuidar a una niña recomendada, se queda dormido y cabecea.

2:08 Está como acelerando, que vacío.

2:08 El candidato está pasando todas las tarjetas personales de la billetera a la agenda. Que inoficioso.

2:09 Anunciaron algo y no se entendió casi nada. Solo alcancé a oir lo más pronto...

2:09 El candidato me pregunta qué dijeron y yo le digo que no tengo idea. Se levanta y despierta al adv para preguntarle.

2:11 Estamos casi aterrizando porque me estoy mareando del sube y baja.

2:14 El de atrás mío estaba moviéndose como loco, "no se halla". O tenia un ataque, o lee de una manera muy extraña el periódico que tiene en la mano. Ya se paró y le pregunto algo al adv, que le dijo que no con la cabeza. Se devuelve, me mira con cara compasiva y se sienta.

2:20 El candidato saca unas fotos impresas de su campaña con la gente de los barrios. Debajo de las fotos hay unos papeles y empieza a romperlos.

2:21 La avioneta empieza a bajar, ahora sí.

2:22 Tomo foto al cielo blanco blanco.

2:24 La avioneta esta yendo hacia un lado. Pero tengo la esperanza de que es para aterrizar y no para devolverse a Medellín, como dijeron.

2:27 Que aterrizaje mas lento, ¿no? Ya me mareé de mirar, vuelvo al iPod.

2:28 El candidato arrugando papeles, mirando por la ventana de la señora de detrás suyo (diagonal a mí, la del buzo), recogiendo cosas del piso, moviéndose. Pareciera que desarmara su maleta y la rearmara. Que tipo más impaciente, quiere llegar rápido a las votaciones, a captar mas votos de gente inocente...

2:30 El candidato se levanta, mira a la cabina, mira a todos lados. Creo que me va a quitar el iPod, porque ¿qué mas puedo estar haciendo que escribiendo una historia de su vida?

2:31 Huele a Chapstick... Es él. No sabe qué mas hacer. Ni la niña encargada (8-10 años) está tan preocupada por llegar.

2:33 Se quitó la Fedora que lo hacía ver tan ridículo. Ya se ve la ciudad más cerca.

2:35 Me mira, y yo en medio de mi cara de joderquevacíohace. Mira por mi ventana, luego por la de adelante...

2:37 Me quito el buzo. Es verdad que el aire está alto, pero se nota que estoy en Bucaramanga.

2:38 Tocamos suelo. Estoy que me orino.

2:42 Sala de equipajes.

2:44 Baño de sala de equipajes.

2:50 Libertad.

Workshop Medellín

2011-10-30T21:11:00.000-05:00

Creación de imagen de los cuatro Workshops de la ciudad. Enlace del proyecto aquí.

Workshop 2011 es un proyecto de Ruta-N, Proantioquia y algunas universidades de la ciudad.

Trabajo profesional-académico, 2010.

Convención BIG

2011-09-11T11:48:00.004-05:00

Convención Internacional Generaciones VIP. Visitar sitio actual.
Desarrollo de sitio web. Concepto gráfico: Melissa Giraldo.
Trabajo profesional, 2011.
Estado: Offline