Portafolio

Page 1





C A M I L O N P

O

R

T

A

F

O

I

Ñ

L

I

O O



ESTE ES MI PORTAFOLIO, ES USTED BIENVENIDO A ABRIRLO Y OBSERVARLO, DISFRUTARLO SI ES EL CASO O SIMPLEMENTE OJEARLO. EN ESTE SE RECOPILA EL TRABAJO DE CAMILO NIテ前.



Los trabajos compilados en el presente Portafolio por cuenta de Camilo Niño y desempeñados durante los años 2011 y 2013 en la Universidad de Bogotá Jorge Tadeo Lozano, corresponden al resultado academico y laboral, por tanto, certifico mi autoría para cada uno de ellos. Su compilación es estrictamente documental y/o académica del proceso elaborado para cada uno de los proyectos que acá se presentan, por tanto, la documentación conceptual y gráfica; como también el resultado final obtenido por el autor para los proyectos, se encuentra protegido por las leyes de propiedad intelectual vigentes en Colombia. Se prohibe el uso, la copia, reproducción o exhibición del presente material, sin antes contar con una autorización explícita y por escrito del autor. Nota Complementaria: Los Proyectos Superintendencia Financiera de Colombia, Ignos, Relles y Portafolios, Bogotá Bone Breakes, Mastil Van, Fundación D, Dinastia Quad comparten la autoría y derechos morales con Sebastian Matiz Andrade, Manuel Valencia Restrepo, Juan David Osses y Tarek Salom Rubio.

© 2013



CURRICULUM

ESTUDIOS Universidad Jorge Tadeo Lozano PROFESIONAL EN DISEÑO GRÁFICO 2013. SOFTWARE Edición y composición vectorial. Edición digital de imagen. Edición y composición editorial. HABILIDADES EXTRACURRICULARES Desarrollo de sistemas de encuadernación y doblado. Fotografía digital y análoga. IDIOMAS Español, Castellano. Ingles.

|

CAMILO NIÑO



PERFIL

El

verse afec tado y direc ta mente influenciado por la cultura pop, la música, las películas de súper héroes y los chick flicks , los cómics, la literatura policiaca y de suspenso, el Cyber humor, su mascota (Sálome) y el sarcasmo, Camilo Niño se presenta ante la sociedad diseñadora como un personaje que si bien no es del todo peculiar y diferente si es complejo y obstinado.

Camilo es provechoso de sus viajes en el transpor te publico, en estos y acompañado de sus listas de reproducción, imagina escenarios en los cuales encuentra el amor de su vida, desarrolla tecnologías nunca antes vistas, visita nuevos países o recuerda los gratos momentos de los que ha visitado, imagina que haría si de repente se convir tiera en multimillonario y se deja llevar por la fantasía de ¿qué tal si tuviera súper poderes?. Este tipo de pensamiento es lo que hace a Camilo el sujeto complejo que es, con defectos y cualidades, un sujeto que admite abiertamente algunos defectos pero que sin embargo prefiere dejar algunos en secreto para no apenarse o sentirse mal con el mismo. Es un personaje que se enorgullece de sus padres y que habla de mas todo el tiempo, es hiperactivo en ocasiones e hiperestatico en otras, le gusta el diseño y lo admite como par te de su vida, aunque también esta interesado en explorar otras

|

CAMILO NIÑO

actividades en su vida tales como la locución radial, la cocina y la agricultura. Como diseñador se expresa en una manera limpia y concisa, siempre en procura de solucionar acer tadamente los problemas y necesidades que se afrontan en cada nuevo proyecto sin dejarse llevar por gustos personales pero inyectando su cuota estilística a cada uno. Amante de la tipografía y las composiciones tipográficas, de los colores planos y muchas veces chillones o ácidos, de los grises y de las formas simples y básicas. Desesperadamente busca adquirir nuevas publicaciones de cada lugar que visita, encuentra fascinante los libros como objetos de colección. Es bueno trabajando en grupo, supera los percances que esto pueda generar y admite sus errores y los acier tos de sus compañeros todo en pro de solucionar de mejor manera la problemática de los proyectos. Es voluntarioso y habido de conocimiento, cuando un tema es de su interés lo explora con incansable curiosidad y trata de perfeccionarlo al máximo.



IDENTIDAD

VISUAL



I D E N T I D A D

P R O Y E C T O S

∙ EVENTO: REELS Y PORTAFOLIOS. ∙ MASTIL VAN. ∙ SUPERINTENDENCIA FINANCIERA DE COLOMBIA. ∙ IGNOS. ∙ BOGOTÁ BONE BREAKERS. ∙ IDINASTIA QUAD. ∙ FACTOR RURAL. ∙ FUNDACIÓN DO.

V I S U A L



I D E N T I D A D

R E E L S

Y

V I S U A L

PORTAFOLIO S

EVENTO UNIVERSIDAD JORGE TADEO LOZANO 2 0 1 1


R E E L S

Y

P O R T A F O L I O S


I D E N T I D A D

CAMILO NIテ前 SEBASTIAN MATIZ

V I S U A L


R E E L S

Y

P O R T A F O L I O S


I D E N T I D A D

P ROBL EM ÁT IC A Desarrollo de proyecto para la Universidad Jorde Tadeo Lozano enel cumplimiento de su muestra de portafolios y reels.

V I S U A L

Cada semestre del año se realiza un evento en la Universidad Jorge Tadeo Lozano y es la entrega de portafolios (diseño gráfico) y de reels (tecnología en realización de audiovisuales), la entrega consta con la participación de un selecto grupo de participantes, escogidos por su excelencia para hacer parte de un evento expositivo, en el cual muestran sus trabajos y al cual asiste un gran numero de personas, no solo vinculados con la universidad. Tambien sirve como medio de interacción y participación para que los proximos a graduar pueda mostrar sus trabajos finales. Debido a la importancia del evento para la universidad, semestralmente se organiza un concurso en el cual grupos de estudiantes de una de las materias de diseño gráfico (identidad visual) presentan sus propuestas esperando ser los ganadores, quienes automaticamente mostrarian sus propuestas como imagen de la entrega de portafolios. El encargo y/o problemática que se encomienda a los diseñadores encargados de la imagen del evento, es generar una identidad y una serie de piezas, siempre dentro de una temática que identifique a los expositores y que “resuma” gráficamente sus años de estudio y trabajo en la universidad. De igual manera se inspira a los concursantes/diseñadores a mostrar sus mayores facultades e innovar al momento de desarrollar su diseño.


R E E L S

Y

P O R T A F O L I O S

F O T O G R A F Í A MODELO: PRÓSPERO CARBONELL CABRALES

LA FOTOS QUE SE TOMARON CON LA PARTICIPACIÓN DEL MODELO PRÓSPERO SON USADAS UNICAMENTE PARA EL DESARROLLO DE LA CAMPAÑA.

La idea general con el desarrollo de las fotografías es mostrar el cuerpo “desnudo” tal y como es. “Ten contacto” usado como slogan para la campaña se relaciona con la idea de la interacción y la relación que se genera de parte de los expositores de portafolios y reels con sus lectores, clientes y audiencia. Este contacto se da en el momento de la exposición o cuando cualquiera esta buscando clientela para sus proyectos, igualmente el contacto se puede ver por parte de los trabajos hacia la audiencia de estos, es decir el contacto (entendido como la magnitud de conciencia o cambio que el trabajo genera en el espectar, si es el caso) que le produce el trabajo a la audiencia de este. El segundo punto base de desarrollo para la fotografía del proyecto es la consigna inicial de la catarsis en el diseñador, la catarsis vista en el proyecto desde la idea del despojo de todo material fisico que pone al diseñador en total intimidad con el momento de “iluminación” de sus ideas.


I D E N T I D A D

Es por estos dos motivos que se escoge el uso de un modelo que si bien no esta completamente desnudo, genera la lectura de despojo de vestiduras. Algunos primeros planos al cuerpo del modelo puede en ciertos casos generar una alerta o una “sacudida” visual en el lector, pero esto es básicamente una de las sensaciones que se espera generar con el proyecto y que se espera producir en el espectador. Para el desarrollo de la fotografía el modelo (Próspero) accedió a pintar su piel completamente de blanco lo que junto al color de su ropa interior resalta y engrandese esa reacción de "sacudida" visual que se busca desde la parte gráfica. El uso de la fotografía es entonces de un peso visual bastante alto, ya que todas las piezas se basaron en el uso de las tomas como principal recurso gráfico.

V I S U A L

COLOR DE L A FOTOGRAFÍA

Como ya se había tratado, para generar un golpe visual mas rotundo se produce una paleta cromática con los siguientes 4 colores, estos representan la gama tonal que se trabaja en las fotografías.

28 |67 |28 |08 00 |00 |00 |40 00 |00 |00 |80 21 |72 |00 |00


R E E L S

Y

P O R T A F O L I O S

C O M P O S I C I Ó N M O D U L A C I Ó N

&

SOCIALIZACIÓN EN CAMBIO DE MUESTRA

El desarrollo compositivo de las piezas esta basado en rectángulos dictaminados por la composición tipográfica. A partir de 4 filas verticales se hace la composición tanto de la fotografía como del texto para las piezas de mayor tamaño como el póster y el pendón. Para la composición del hablador y de la señalética de piso se usa la misma lógica aplicada de una manera un poco diferente, ya que las piezas son mas pequeñas el uso de la fotografía se maneja de manera que casi cubre la totalidad de la pieza, con la misma lógica del “collage” fotográfico. Las postales a diferencia del resto de piezas no siguen la lógica del collage fotográfico pero esto no hace perder la unidad gráfica del proyecto.

COMO UNA DE LAS PROPUESTAS DE CAMBIO PRESENTADAS PARA EL NOMBRE DE LA MUESTRA, SE PRESENTO LA ALTERNATIVA DE LLAMAR A LA MUESTRA “SOCIALIZACIÓN”, ESTO CON EL FIN DE DARLE UN CARÁCTER MAS AMABLE CON EL ESPECTADOR Y QUE SE SIENTA MAS ALLÁ DE UNA SIMPLE ENTREGA DE GRADO.


I D E N T I D A D

V I S U A L


R E E L S

Y

P O R T A F O L I O S

T I P O G R A F Í A Para las piezas y para la presentación de textos de lectura se usa la Gotham. El carácter sencillo pero imponente caracteriza perfectamente lo que se quiere lograr con las piezas y con la campaña. Las composiciones de texto se hacen con mucho aire, dando al espectador momentos de lectura tranquilos y ligeros.

&

2012

&

Geótica Three Gotham

Q R

C O D E S

CÒDIGOS QR Y L A INTERACTIVIDAD

El video interactivo que mostraria una entrevista de cada uno de los participantes mediante el hablador.

Con respecto a la propuesta de “ten contacto” que genera la temática completa de las piezas y de la campaña, se desarrollo una plataforma para videos en los que cada uno de los participantes de la muestra tendría un tiempo aproximado de 5 minutos en los que contaría un poco de su vida, a forma de entrevista y en los que también contaría algunas anécdotas graciosas para que los espectadores pudieran conocerlos en otra faceta diferente a la de diseñador “serio”. Por medio de los códigos qr y los dispositivos móviles con aplicaciones que permiten la lectura de los códigos, cada una de las personas iba a poder ver en línea el video de cada uno de los participantes, esto con el objetivo de "romper el hielo" y generar platicas menos complicadas y mas amenas .


I D E N T I D A D

C O L O R

T I P O G R A F Í C O

Para hacer juego con las fotografías, la tipografía se maneja en grises y en un rosado similar al de las fotos. El color rosado en la tipografía se usa para momentos esenciales que necesitan resaltar dentro de las composiciones.

00 |00 |00 |60

11 |99 |47 |40

05 |02 |02 |100

V I S U A L

PARA LAS PIEZAS Y PARA LA PRESENTACIÓN DE TEXTOS DE LECTURA SE USA LA GOTHAM. EL CARÁCTER SENCILLO PERO IMPONENTE CARACTERIZA PERFECTAMENTE LO QUE SE QUIERE LOGRAR CON LAS PIEZAS Y CON LA CAMPAÑA. LAS COMPOSICIONES DE TEXTO SE HACEN CON MUCHO AIRE, DANDO AL ESPECTADOR MOMENTOS DE LECTURA TRANQUILOS Y LIGEROS.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L


M O D E LO : P R OSP ER O AN DR ES CAR B ON ALES B AJ O T ER MI N OS LEG ALES C R EAT I V E C OMMON S AU TOR I ZAC I ÓN DE R EP R ODU C C I ÓN , EDI C I ÓN , U SO C OMER C I AL Y ACADEMI C O.


I D E N T I D A D

MASTIL

VA N

CORPORATIVA - PRODUCTO 2 0 1 3

V I S U A L


M A S T I L

V A N


I D E N T I D A D

CAMILO NIテ前 JUAN OSSES MANUEL VALENCIA VIVIANA ARCHILA TAREK SALOM

V I S U A L


M A S T I L

V A N


I D E N T I D A D

V I S U A L

Actualmente el mercado colombiano y especialmente la industria licorera se ha venido desarrollando con bastante fuerza, esto debido al empeño y calidad de trabajo de los residentes colombianos, cada vez mas las personas buscan alcanzar el éxito partiendo del desarrollo de empresas y proyectos propios. Simón Villada un joven amante de los licores y especialmente de la cerveza, inicia en el año 2011 el desarrollo de recetas para la preparación de sus propias cervezas artesanales. De esta manera desarrolla las recetas para 3 cervezas, una cerveza tipo Weizen, una Brown Ale y una Ale de fresa.

P ROBL EM ÁT IC A

Se encarga el desarrollo de imagen y promocionales de las cervezas, igual que el diseño de etiquetas para cada una de las cervezas, piezas promocionales básicas de este tipo de producto, packaging de distribución e identidad de la cervecería. Como punto clave y petición del cliente es el estilo gráfico de las etiquetas, Simón pide que se desarrolle con un tipo de gráfica moderna, que evidencie un trabajo de composición alto y que refleje algo de la gráfica de moda en el momento, esto sin dejar de lado el toque clásico que una cerveza alemana puede tener.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L


M A S T I L

V A N

GEL ZEN

C E R V E Z A S & E T I Q U E T A S

S I S T E M A

D E

Para el uso de la identidad, se determinó el color amarillo que se presenta en la cerveza dorada, con el objetivo de acentuar el contraste cromático con el negro.

La Gelzen es una cerveza tipo Weizen, su color amarillo representa su sabor y sus ingredientes de elaboración. Debido a que su ingrediente principal es el trigo, se usa el color de este para manejar la grafica y las etiquetas de esta cerveza. RUA

El nombre de la cervecería (Mástil Van) proviene de la unión de la palabra mástil (hace alusión a lo marítimo y al gusto de Simón por este elemento) y a la palabra “van” proveniente del alemán, este ultimo con la intensión de remitir mediante el nombre a la tradición cervecera alemana. Se procede a usar el remitente marítimo y a desarrollar una imagen basada en este aspecto, es así como se diseña para la cervecería un símbolo que es un barco de velas acompañado de un logotipo con el nombre de la cervecería.

Rua es una cerveza tipo Irish Brown Ale, de ahí la procedencia de su nombre, Rua es una palabra Irlandesa que significa rojo, precisamente el mismo color que se utiliza para el desarrollo de las etiquetas Rua. FRAGA

Es la cerveza no clásica del equipo. Es una cerveza de fresa y su nombre proviene de la traducción al latín de la palabra fresa. El color proviene de la característica refrescante y “relajada” de la cerveza y de la asociación del azul con este concepto.


I D E N T I D A D

V I S U A L

E M P A Q U E S Con objeto y necesidad para la distribución, fue necesario el diseño y desarrollo de dos tipo de empaques para la venta de las cervezas. Un six pack contenedor con la lógica de distribución surtida de las cervezas y un three pack en el cual se pueden conseguir cervezas de un solo tipo. Para el desarrollo de empaques y de algunas piezas respectivamente, se diseña un identificador secundario de la cervecería, este con el objetivo de mejorar la legibilidad y llegar de manera mas rápida al cliente, este identificador secundario es diseñado para el reconocimiento del nombre de manera mas rapida y esta compuesto meramente con tipográfia.

PARA EL SIX PACK SE REALIZA LA INTERVENCIÓN DE UNA TARJETA ADICIONAL COMO OBJETO DE COLECCIÓN. ESTO PARA DARLE UN DETALLE DE ELEGANCIA Y DISTINCIÓN AL EMPAQUE Y ASÍ GENERAR UNA DIFERENCIACIÓN MAYOR DE LA MARCA ENTRE LAS OTRAS CERVEZAS DEL MERCADO.


M A S T I L

V A N

P I E Z A S

P R O M O C I O N A L E S

Con motivo de promoción de la marca, se desarrolla una serie de afiches conmemorativos de Mastil Van, estos afiches fueron pensados para su uso en pubs o en bares en los que se distribuyan las cervezas. Las camisetas se diseñan para el uso por parte de los meseros y con el mismo objetivo de dar a conocer la marca de las cervezas. De igual manera se desarrollan coaster (portavasos).

CON MOTIVO DEL LANZAMIENTO DE LA CERVEZA Y DE LA CASA CERVECERA, SE EJECUTAN UNA SERIE DE PIEZAS QUE SE BASAN EN LOS DESARROLLOS DE PIEZAS PROMOCIONALES CLÁSICOS PARA UNA CASA CERVECERA Y SUS PRODUCTO.


I D E N T I D A D

V I S U A L

LOS AFICHES SON IMPRESOS EN PAPEL DORADO, LA FINALIDAD DE ESTO ES ASEGURAR EL COLOR DESEADO (DORADO) A BAJO COSTO Y CON BUENA CALIDAD. PSICOLÓGICAMENTE EL COLOR LE DA UNA APARIENCIA OSTENTOSA Y ESTO CONLLEVA ESPECÍFICAMENTE A MEJORAR LA REPUTACIÓN DE LA MARCA, MOSTRÁNDOLA COMO UNA CERVEZA CARA Y DE CALIDAD.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L


M O D E LO : AR MAN DO CAR R AN ZA B AJ O T ER MI N OS LEG ALES C R EAT I V E C OMMON S AU TOR I ZAC I ÓN DE R EP R ODU C C I ÓN , EDI C I ÓN , U SO C OMER C I AL Y ACADEMI C O.


I D E N T I D A D

S UPE R FIN AN C IE R A

D E

C OLOM BIA

IDENTIDAD Y SEÑALÉTICA 2 0 1 1

V I S U A L


S U P E R F I N A N C I E R A

C O .


I D E N T I D A D

CAMILO NIテ前 SEBASTIAN MATIZ

V I S U A L


S U P E R F I N A N C I E R A

C O .


I D E N T I D A D

V I S U A L

Al ser una entidad gubernamental y oficial del estado la Superfinanciera busca tener y poder lucir una identidad que sea apropiada para su finalidad y que este a la altura de las otras instituciones de su tipo e importancia tanto a nivel nacional como internacional.Para el desarrollo de la identidad para la Superintendencia se deben priorizar algunos aspectos que son importantes en cuanto a la imagen publica de la entidad.

P ROBL EM ÁT IC A

Como primer aspecto esta a austeridad de la marca, si bien se pretende llegar a un desarrollo apropiado y que demuestre las cualidades de las institución y de sus funcionarios, no se debe llegar a mostrar una faceta de riqueza y poder desmedido, es decir no se puede ver como una marca ostentosa, por el hecho de ser una entidad publica y por la misma función de la entidad la cual es cuidar y vigilar los bienes económicos de la nación. Otro de los aspectos es que dentro del identificador debe mostrarse indispensablemente la función máxima de la entidad la cual es el vigilar y velar por la transparencia de cualquier actividad económica de la nación.


S U P E R F I N A N C I E R A

C O .

I D E N T I F I C A D O R SIMBOLO: ESCUDO DE MEDIO PUNTO

Es la forma más común en los escudos españoles, que se fue transformando al complicarse por sus componentes, contenidos en figuras y cuarteles, el escudo de armas o blasón determinado.

El identificador que se desarrollo como parte del sistema de identidad, trae inscritas las dos facultades requisito para la identidad de la marca; mostrar y/o resaltar el carácter de vigilancia y protección que la entidad ejerce sobre las demás entidades en el país y el carácter austero de la misma sin perder ingredientes de un correcto desarrollo de marca.

La marca de la entidad no se podía manejar solamente a partir de un logotipo y fue necesario el desarrollo de un símbolo que pudiese generar pregnancia dentro del conocimiento publico. Como elemento base del símbolo se puede diferenciar a simple vista el escudo, este se trabaja con el ideal de dar a entender que es una entidad que protege, vigila y reglamenta los vienes económicos de las entidades publicas y privadas del país. Dentro del escudo se diferencian dos formas geométricas que protegen dentro un rombo que en este caso son los vienes Debido a la extensión del nombre de la


I D E N T I D A D

organización se opta por una composición a tres líneas la cual permite dos importantes cosas: primero que todo la total acomodación dentro de un bloque visual apto para la pregnancia visual, y segundo, la jerarquización de algunas palabras dentro del nombre que son necesarias para la pronta identificación de la entidad.

V I S U A L


S U P E R F I N A N C I E R A

C O .

G R Á F I C A

C O M P L E M E N T A R I A

Debido a la cantidad de piezas a diseñar para la entidad, se decidió que era pertinente el desarrollo de una gráfica complementaria que brindara apoyo gráfico a las piezas y que no dependieran enteramente del identificador. Para el caso particular de la Superintendencia se toma como punto base de las construcción de gráfica el símbolo de la riqueza (rombo) presente dentro del escudo y a partir de esa figura se desarrolla la búsqueda de la gráfica. Consta de 3 módulos semejantez en diferente escala, se utiliza únicamente color Trigo. Con el fin de evitar que se torne demasiado vocativo. Al ser retículas no encajables entre sí, cada una encaja en la siguiente en tamaño, es decir, la retícula mas grande, de segmentaciones mas delgadas es el parametro para trazas la reticula inmediata de módulos ampliados, y sucede lo mismo con la de módulos más grandes. Al no ser reticulas encajables entre sí, el ordenamiento de los módulos varia de forma dinamíca con una aparente espontaneidad.


I D E N T I D A D

T I P O G R A F Í A En cuanto a la constitución tipográfica para el trabajo hay un aspecto importante dentro del desarrollo y es que específicamente se pidió por parte de los directivos de la Superintendencia que la tipografía base en todas las piezas debía ser Arial, esto debido a la facilidad para que sus funcionarios pudiesen generar impresiones de las piezas que se desarrollaron. Con respecto a la tipografía en el identificador y en algunos aspectos de las piezas, se opto por trabajar con la Thesis en su forma The Sans ya que esta presenta un carácter de seriedad y limpieza que se pretende dar a conocer dentro de la imagen de la superintendencia.

V I S U A L

LA MEGA TIPOGRAFÍA THESIS, ES UNA FUENTE SÓLIDA, FUNCIONAL, MULTIFACÉTICA Y CON MUCHAS VARIABLES QUE SE ADAPTAN TOTALMENTE AL TRABAJO QUE SE NECESITO REALIZAR PARA LA SUPERINTENDENCIA. THE SANS FUE LA VARIABLE ESCOGIDA, POR CALIDAD DE PRESENTACIÓN Y POR SU PERSONALIDAD.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L



I D E N T I D A D

V I S U A L

IG NO S IDENTIDAD Y SISTEMA GRテ:ICO 2 0 1 1


I G N O S


I D E N T I D A D

CAMILO NIテ前 SEBASTIAN MATIZ

V I S U A L



I D E N T I D A D

V I S U A L

Pequeñas y medianas empresas Colombianas que están enfocadas en el crecimiento lo están logrando, su calidad en cuanto a producción y desarrollo de nuevas tecnologías esta abriendo nuevos mercados, tanto en el interior como en el exterior del país. Uno de los campos en donde se esta desarrollando mas este tipo de tendencia es el campo de la tecnología, pero por esta misma razón la cantidad de empresas y organizaciones dedicadas a este mercado esta aumentando de manera rápida.

P ROBL EM ÁT IC A

Este es el caso de Ignos, una empresa pequeña que debido a su éxito y confiabilidad esta creciendo y aumentando su participación en el mercado. Ignos es una empresa dedicada al desarrollo de software y hardware de seguridad. Debido al tipo de organización que es Ignos y a que actualmente hay una gran cantidad de empresas del mismo tipo, uno de los objetivos a tratar dentro del desarrollo de identidad es la diferenciación con respecto al resto de empresas. Un encargo que pidieron los clientes fue el romper con la barrera de la tipología que esta actualmente vigente dentro del imaginario social de estas entidades, como el color, tipografías y composición.


R E E L S

Y

P O R T A F O L I O S

EL NOMBRE DE IGNOS VIENE DE LA UNIÓN DE IGNIS QUE SE TRADUCE DEL LATÍN COMO FUEGO, AL CUAL SE LE HACE UNA VARIACIÓN, CAMBIANDO EL “NIS” POR “NOS” PARA MEJORAR LA SONORIDAD DEL NOMBRE.


I D E N T I D A D

I D E N T I F I C A D O R

Con respecto de algunas inquietudes que presentaron los clientes, como la necesidad de hacerse diferenciar entre las otras empresas del mismo tipo, se decidió proceder con el desarrollo de un símbolo ligado al logotipo. Para el logotipo se eligió y posteriormente se uso la tipografía Gotham en su variable bold, debido a su carácter fuerte y a la vez no tosco. El simbolo se desprende de la búsqueda simbólica de un gallo del cual solo queda la cola que es lo que en el símbolo se vería como las flechas. Estas flechas a su vez se pueden leer como emprendimiento ya que están direccionadas hacia “adelante” (según el orden de lectura occidental izquierda-derecha).

62 |45 |42 |10 00 |36 |85 |00 01 |90 |87 |00 18 |98 |95 |08

V I S U A L


R E E L S

Y

P O R T A F O L I O S

P O R T K E E P L A M A Q U I N A

L E C T O R A

SE TOMA COMO EJEMPLO DE CONSTITUCIÓN DEL NOMBRE A RENAULT CON SUS AUTOMÓVILES, EN LOS CUALES SIEMPRE SE COMPONE EL NOMBRE DEL AUTOMÓVIL SEGUIDO O ANTECEDIDO DE RENAULT, ESTO CON EL FIN DE GENERAR UNA ARQUITECTURA DE MARCA MAS FUERTE Y ESTABLE


I D E N T I D A D

Ignos-Portkeep, es el nombre que se le da a uno de los productos de la empresa, es un lector de huella y de tarjeta con chip, desarrollado enteramente por la empresa Ignos.

G R Á F I C A C O M P L E M E N T A R I A

Para facilitar su uso se hicieron 4 tipos de composiciones de gráfica, esto con el fin de mantener la “aleatoriedad” y riqueza compositiva de la gráfica, también con la intención de mantener la facilidad de ejecución para los clientes. Debido a la cantidad de productos que la empresa tiene presentes en el mercado, es necesario el desarrollo de un sistema de identidad que permita cobijar los productos dentro de un mismo espectro de marca. Es por esta razón que se desarrollan una serie de gráficas complementarias que varían en forma y color dependiendo del producto.

V I S U A L

La intención que se tiene con el nombre, es ligarlo con el nombre de la empresa, de modo que se reconozca a ambos y que el nombre del lector no tenga mas alcance que el de la marca en si.

Las formas provienen de la elongación del símbolo de Ignos, al mismo tiempo se mezclan con transparencias y se sobreponen unos sobre otros para generar la interesante textura presente en el proyecto.

08 |72 |00 |00 00 |86 |00 |00 19 |99 |37 |00 42 |84 |95 |08


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L


B O G O T Á

B O N E

B R E A K E R S


I D E N T I D A D

BOGOTÁ

BON E

BR E AKERS

SISTEMA IDENTIDAD - PIEZAS PROMOCIONALES 2 0 1 1

V I S U A L


B O G O T Á

B O N E

B R E A K E R S


I D E N T I D A D

CAMILO NIテ前 JUAN OSSES MANUEL VALENCIA TAREK SALOM

V I S U A L


B O G O T Á

B O N E

B R E A K E R S


I D E N T I D A D

V I S U A L

Recientemente en Colombia han estado desarrollándose nuevas tendencias deportivas, deportes que en otros países llevan relativamente poca antigüedad se han venido adoptando en Colombia por algunas personas a la vanguardia. El Roller Derby es uno de estos deportes, uno que ha empezado su camino poco a poco en el pais y en el mundo. Ya que es una disciplina poco conocida y ortodoxa tiene pocos seguidores, esto esta cambiando debido al gusto de la juventud por explorar otro tipos de disciplinas.

P ROBL EM ÁT IC A

El Colombia este deporte nace junto al primer equipo de Roller Derby del país, las Bogotá Bone Breakers, un grupo de jóvenes entre los 16 y 30 años, que debido a su falta de interés por los deportes tradicionales decidieron enfrentar el reto de la creación del primer equipo colombiano de Roller derby. La encomienda que se encarga, es el desarrollo de identidad de marca y piezas promocionales para las Bogotá Bone Breakers. En este encargo el principal problema a desarrollar es una identidad que contextualice deportivamente al lector y que debido a la naturaleza del deporte, se vea rudo e imponente.


B O G O T Á

B O N E

B R E A K E R S


I D E N T I D A D

V I S U A L


B O G O T Á

B O N E

B R E A K E R S


I D E N T I D A D

B

X

3

EL MONOGRAMA

La fotos que se tomaron con la participación de Angelica, que partico para el proyecto como la modelo que aparece en las camisetas y en otras piezas.

Debido a la complejidad con respecto al sistema de las Bogotá Bone Breakers, fue necesario desarrollar un monograma que funciona como identidad de la liga Bogotá Bone Breakers y la cual cobija a los equipos Bogotá Bone Breakers y Dinastia Quad.

LA CALAVERA SE TRABAJA DE ACUERDO A PETICIÓN Y HERENCIA DE LA ANTIGUA MARCA DE LAS BONE BREAKERS, ESTA VIENE DEL NOMBRE DEL EQUIPO, ASÍ MISMO SE TOMA LA IDEA PARA GENERAR LA INTERVENCIÓN PRESENTE EN EL LOGOTIPO (GRIETAS Y ROMPIMIENTO DE LAS LETRAS), TODOS ESTOS ELEMENTOS TIENE LA FINALIDAD DE CONTEXTUALIZAR Y MOSTRAR LOS ELEMENTOS RUDOS Y SI SE QUIERE AGRESIVOS DEL DEPORTE.

V I S U A L


B O G O T Á

B O N E

B O N E

B R E A K E R S

B O G O T Á B R E A K E R S

CHICAS ROLLER DERBY

Tanto odiadas como amadas, las Bogotá Bone Breakers son el primer equipo de Roller Derby de Colombia.

El equipo principal de BX3 es el equipo de las Bone Breakers, para este equipo también fue necesario el desarrollo de una identidad que las constituyera e identificara como equipo. Se parte entonces de la idea de la calavera con la que las chicas venían trabajando, la idea detrás del desarrollo fue tomar elementos clásicos de las marcas de los equipos de hockey y basketball para generar una imagen imponente, ruda y que este impregnada de la fuerza propia del deporte.


I D E N T I D A D

V I S U A L

P R O M O C I O N A L E S Para la marca de las Bogotá Bone Breakers fue necesario el diseño de piezas promocionales acordes a su contexto de desarrollo y a una tarifa máxima de costo por pieza, ya que en el medio no es muy probable que las personas inviertan mucho dinero en piezas promocionales, debido a que hasta ahora esta creciendo el reconocimiento por este deporte.

Para las Bone Breakers, se desarrollan stickers y camisetas que pueden ser usados por las deportistas o por sus seguidores (fanaticos), afiches de promoción del equipo y la disciplina.


M O D E LO : AN G ELI CA PADI LLA G U I T I ER R EZ B AJ O T ER MI N OS LEG ALES C R EAT I V E C OMMON S AU TOR I ZAC I ÓN DE R EP R ODU C C I ÓN , EDI C I ÓN , U SO C OMER C I AL Y ACADEMI C O.


I D E N T I D A D

FAC TOR

R URA L

SISTEMA DE IDENTIFIACIÓN 2 0 1 2

V I S U A L



I D E N T I D A D

V I S U A L

Al enfrentarse al día a día cada persona o empresa requieren en su oficio idear una formula o la manera de no pasar desapercibidos o ser del montón, de que la gente pueda reconocerlos con facilidad. En este proyecto el gran reto de diseño es generar una imagen que pueda sacar del “montón” a un abogado, que pueda hacerlo singular dentro de la enorme cantidad de abogados que ya existen en el mercado.

P ROBL EM ÁT IC A

El cliente pide entonces ciertas especificidades para el desarrollo de su marca, dentro de las cuales se encuentran: su marca no debe presentarse como dentro del imaginario popular de lo que debería ser un abogado, es decir no debe pertenecer enteramente a la tipología de identidad de un abogado, debe constatar de alguna manera el enfoque principal de su trabajo como abogado de bienes raíces.


F A C T O R

R U R A L

I D E N T I F I C A D O R L O G O T I P O & S Í M B O L O Para generar un dialoog mas ameno y ayudar al estilo gráfico de las piezas, se escogen fotografías con paisajes otoñales.

Dentro de los requerimientos del cliente, esta el uso de una corona, esta ayudaría a la significación de su fuerza y poderío dentro de su oficio, igualmente pide un desarrollo de identidad que evidencie un poco de gráfica contemporánea y de moda. Para el desarrollo del identificador se genera una composición en forma de arco del logotipo “Factor Rural”, la composición se equilibra con el uso de la corona

debajo del logotipo. La tipografía en la cual se desarrolla el logotipo es la Archer MT, es una fuente egipcia que a su vez tiene trazos elegantes y finos lo cual le da el toque de informalidad y elegancia a la identidad. La corona se genera con 3 puntas, dando a entender que es una corona de conde entregada por los monarcas europeos a quienes la merecían por destacarse en labores del reino o por la nobleza demostrada en batallas o encuentros deportivos. Arriba de las puntas se visualizan 3 formas circulares asemejando las piedras preciosas de una corona real. En tercer lugar se presenta el texto complementario que ubica al lector dentro del oficio de la empresa “legalización y titulación de predios”, el cual se ubico debajo de la corona para finalizar la composición sin dejar espacios vacíos y para componer debidamente el identificador.


I D E N T I D A D

V I S U A L

CON MOTIVOS DE SEGURIDAD Y RESPALDO DE LA FIRMA DEL ABOGADO, SE DESARROLLA COMPLEMENTARIAMENTE UN "SELLO" IDENTIFICADOR, ESTE ESTA FORMADO PARTIENDO DE LA CORONA Y NO PRESENTA NUNGÚN TIPO DE DESCRIPCIÓN. LA FUNCIÓN ES COMO YA SE DIJO DE SEGURIDAD PARA ALGUNOS DOCUMENTOS QUE REQUIERAN SU USO Y COMO VARIACIÓN DE IDENTIFICADOR PRINCIPAL.

S E L L O & V A R I A C I Ó N D E L I D E N T I F I C A D O R

Para el tipo de documentación, algunos formatos de la papelería y para darle riqueza al sistema de identidad se desarrolla un “sello” el cual solo contiene el símbolo y que esta dado en una composición circular. Este con finalidad de diversificar y generar otro tipo de acercamiento dentro de la lectura y el diseño de las piezas que se desarrollaron para la identidad.


F A C T O R

R U R A L

F O T O G R A F Í A

C O L O R

Debido al tipo de composición y sobre todo de actividad comercial a la que se dedica el abogado, se opta por usar fotografías como contenedoras del identificador y como parte de la gráfica complementaria del sistema. Las fotografías entonces evocaran y contextualizaran al lector dentro de las actividades de “Factor Rural”, esto con el propósito de que el usuario se vaya generando una idea de el tipo de empresa y de su enfoque.

Para el uso del identificador dentro de colores planos y con respecto del concepto de riqueza y superioridad dispuestos por el cliente se usar el color dorado con gradaciones de color para darle un toque de ostentosidad y sintetismo a las composiciones.

Las fotografías remontan a paisajes rurales y naturales, la temática de las fotografías se deriva de la actividad de la empresa “legalización y titulación de predios rurales”, a estas le son aplicadas filtros para suavizar la nitidez y saturación y que puedan ser usadas como texturas y contenedores.

En cuando al uso del identificador dentro de la gráfica y las fotografías se presenta el uso de la versión en blanco que genera el contraste con el color y permite una correcta lectura.

C: 28 M: 67 Y:: 28 K: 08

C: 00 M: 00 Y: 00 K: 40

C: 00 M: 00 Y: 00 K: 80

C: 21 M: 72 Y: 00 K: 00


I D E N T I D A D

V I S U A L

LAS FOTOGRAFÍAS PRESENTAN EDICIÓN EN CUANTO A SATURACIÓN Y TRANSPARENCIA, ESTO CON EL FIN DE SU MEJOR FUNCIONAMIENTO COMO CONTENEDORES Y TEXTURAS. AL MISMO TIEMPO SE ESCOGEN 3 ESCENARIOS FOTOGRÁFICOS DIFERENTES, ESTO CON LA FINALIDAD DE GENERAR RIQUEZA COMPOSITIVA Y DE SISTEMA.

P I E Z A S

T I P O G R A F Í A

De acuerdo a las necesidades del cliente, se desarrollaron la papelería básica (membrete carta, membrete oficio, sobres y tarjetearía) y la papelería de legal y de contratación. En la ultima se presentan los contratos, los reportes y las cotizaciones.

La tipografía juega un papel fundamental dentro del desarrollo del proyectos, para ser mas específicos dentro del desarrollo de la papelería contable. Los requerimientos de este tipo de formatos en cuanto a la elección de una fuente son sencillos, la fuente debe tener un alto grado de legibilidad, ocupar poco espacio y que su lectura sea optima.

Para el uso de los formatos, se mando a hacer un tiraje con solamente las fotografías como textura para los formatos. Esto con el fin de que el cliente pudiese imprimir a su gusto si usar el sello o el identificador completo.

Se opta por usar la Officina Sans que brinda las características descritas anteriormente y que además guarda afinidad con la tipografía del identificador.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L


F A C T O R

R U R A L

F OTO GR AF ÍAS P O R : AR MAN DO CAR R AN ZA B AJ O T ER MI N OS LEG ALES C R EAT I V E C OMMON S AU TOR I ZAC I ÓN DE R EP R ODU C C I ÓN , EDI C I ÓN , U SO C OMER C I AL Y ACADEMI C O.


I D E N T I D A D

FUN DAC IÓN

DO

SISTEMA DE IDENTIFIACIÓN 2 0 1 2

V I S U A L


F U N D A C I Ó N

D O


I D E N T I D A D

CAMILO NIテ前 JUAN OSSES MANUEL VALENCIA TAREK SALOM

V I S U A L



I D E N T I D A D

V I S U A L

En la búsqueda de la per tenencia y en el afán por generar una acción social positiva muchos residentes colombianos se arriesgan a crear entidades con las que puedan ayudar a la ciudadanía, quieren dejar una huella positiva en el mundo, tratar de cambiar la situación actual de intolerancia e incomprensión sociocultural que vivimos en Colombia. La Fundación Do cuyo nombre se deriva de la nota musical do (c) y al mismo tiempo a la palabra “do” en ingles de “hacer, es una de estas instituciones que busca el replanteamiento de la conducta social para enriquecerla con valores y atributos, tales como las ar tes y los oficios.

P ROBL EM ÁT IC A

Fundación Do se dedica a la planeación, desarrollo y acuerdo de actividades de carácter cultural entre grupos de artistas y sus patrocinadores, estos últimos empresas grandes que buscan regresar un poco de sus ganancias y éxito al resto de población de la cual provienen. Es entonces una entidad que se dedica al desarrollo de eventos de todo tipo dentro del ámbito cultural. Para el desarrollo del proyecto se par te desde la iniciativa y la condición de la posible generación de un sistema de identificación que se ajuste a cada uno de los tipos de comunicación y de proyectos que se desarrollan dentro de la empresa, es decir un sistema de comunicación que no se vea limitada y que mute cada que sea necesario.


F U N D A C I Ó N

D O

I D E N T I F I C A D O R Dentro de las exigencias y recomendaciones del cliente esta la sugerencia de eliminar dentro del nombre en comunicaciones el determinante de “ fundación”, ya que no se quiere entrar directamente y a primera vista dentro de la tipología de fundaciones conocidas en el país. Es entonces que el desarrollo de identidad se genera a par tir de la palabra “do” y de su denominativo “emprendimiento cultural”.

ra entre las dos letras que al mismo tiempo va a significar cada uno de los ciclos de desarrollo de proyectos dentro de la fundación y las ramas de la misma.

Para el identificador se acuerda el uso de un logo tipo con la palabra do que posteriormente ser virá como contenedor a la gráfica complementaria (ver gráfica complementaria). Debido a que en si la palabra do no genera mucha singularidad se decide crear una ligadu-

A un lado, en este caso al lado derecho del logotipo se compone el determinante de acción de la fundación, el cual se balancea con un cuadrilátero redondeado en su terminación.

La tipografía manejada es la Bariol OT F, una fuente amable, de terminaciones suaves y redondeadas, que a su vez en su variable bold impregna al logotipo con agudeza y fuer za.


I D E N T I D A D

G R Á F I C A

V I S U A L

C O M P L E M E T A R I A

Debido al carácter, a la tipología poco usual y a los reque rimientos impuestos por el cliente se genera un sistema de gráfica complementaria ex tenso y variable para cada situación. Originalmente el cliente pidió como requerimiento el uso del color amarillo dentro de las comunicaciones gene rales para la fundación, esto por razones de gusto personal y también por la aproximación y significación publica del color como el color de la calidez y la riqueza. Debido al tipo de fundación y al desempeño de sus actividades tan general en las que cabe cualquier tipo de oficio o ar te, fue necesario el desarrollo de diferentes tipos de gráficas relacionadas entre si y con cambios tonales, todo esto con el fin de dar riqueza a las comunicaciones de la fundación. Para las comunicaciones generales de la empresa se trabaja con el color amarillo y el tono continuo del mismo entrelazado con una serie de patrones o tex turas que se usan dentro del logotipo y como ayuda a enriquecer visualmente formatos y otras piezas.

C O L O R El color se usa como par te del enriquecimiento del sistema de identidad. Debido a que la fundación cuenta la comunicación general y 4 ramas de proyectos, fue necesario no solo trabajar con las tex turas y patrones para el sistema, sino que también debió generarse paletas de color comple mentarias, cada una con una dominante cromática especifica.

62 |45 |42 |10 00 |36 |85 |00 01 |90 |87 |00 18 |98 |95 |08


F U N D A C I Ó N

D O

S I S T E M A Se evita el uso de fotografías con motivo de evitar mal entendidos y lecturas erróneas sobre el comportamiento de la marca como fundación. Es importante resaltar el trabajo de búsqueda y sintetización de las texturas

La fundación Do, presenta una basta y ex tensa línea de ser vicios, su enfoque principal y el hecho de querer contribuir de manera activa en varias ramas culturales, hace que sea necesaria la dife renciación entre sus ramas de trabajo. Con respecto al desarrollo de sistema del proyecto, fue necesaria la exploración de gráficas y colores complementarios, estos con la finalidad de primero, generar una riqueza visual bastante alta, segundo, la diferenciación y ordenamiento de sus áreas de trabajo y tercero, se busca un enriquecimiento compositivo alto, que permita dar a la imagen de la fundación la mutabilidad necesaria que una entidad como estas necesita. Como ya se había visto antes, para el caso de Do fue necesario el diseño de gráficas complementarias y la búsqueda de gamas tonales que acompañen a estas.

L A S T E X T UR A S ES TÁ N BA S A DA S EN PAT RO NES ENCON T R A DOS EN A R T ES A NÍ A S COLOMBI A N A S, COMO EL SOMBRERO V UELT I AO, L A S MOCHIL A S A RHUAC A S O A R T ES A NÍ A S PREC OLOMBIN A S. LOS C OLORES SON REPRESENTAT I VOS DE C A DA UNO DE LOS C A MP OS DE AC CIÓN CON LOS QUE SE L IG A DIREC TA MENT E EL T R A BA JO DE L A FUNDACIÓN.


I D E N T I D A D

V I S U A L


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L

DEBIDO A L C A R ÁC T ER BONDA DOSO Y DE COMPROMISO SOCI A L QUE PRESEN TA L A FUNDACIÓN, SE OP TA P OR UN A E X T ENS A BÚSQUEDA T IP OGR ÁFIC A EN L A CUA L SE IN T EN TA ENCON T R A R UN A FUEN T E QUE PRESEN T E L A S C A R AC T ERÍS T IC A S YA DESCRI TA S. SE ENCUEN T R A EN TONCES QUE PA R A L A S NECESIDA DES DE L A FUNDACIÓN SE DES A RROL L A UN DUE TO EN T RE DOS FUENT ES T IP OGR Á FIC A S, GOT H A M Y HELV E T IC A . L A PRIMER A COMO ACERC A MIEN TO INICI A L A L A L EC T UR A , ES DECIR COMO USO EN T I T UL A RES Y EN T E X TOS DES TAC A DOS. L A SEGUNDA PA R A T E X TOS DE L EC T UR A L A RGOS Y PA R A L A GENER ACIÓN DE FORM ATOS OFICI A L ES.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L



I N T E R AC C I Ó N

G R Á F I C A



I N T E R A C C I Ó N

P R O Y E C T O S

∙ LA FOTOGRAPHIE. ∙MAPA DE OLORES Y RUIDOS BOGOTÁ DC. ∙ H A P P I LY E V E R A F T E R .

G R Á F I C A



I N T E R A C C I Ó N

L A

G R Á F I C A

FOTOGR APH IE

AFICHES INFOGÁFICOS - POSTALES 2 0 1 2


L A

F O T O G R A P H I E


I N T E R A C C I Ó N

P ROBL EM ÁT IC A Proyecto personal y pensado para distribución educativa dentro de instituciones de carácter educativo.

G R Á F I C A

La fotografía esta generando un auge desde hace unos años para acá, la revolución de la tecnología moderna y el desarrollo de cámaras digitales de bajo costo han llevado a que casi cualquier persona pueda costear la compra de una cámara réflex digital o análoga. Se encarga entonces el desarrollo de una infografía que instruya sobre la historia y recorrido de la fotografía y un instructivo sobre el manejo y uso básico de una cámara réflex digital o análoga.


L A

F O T O G R A P H I E

T I P O G R A F Í A Debido al carácter “sensible” y un poco nostálgico del proyecto, se opta por el uso de la Filosofia de la casa fundidora Emigre, en los pesos Regular y la variable Unicase generado para titulares. Para complementar el desarrollo de la infografía y para el carácter infografico se usa la Linotype Univers en pesos Compressed Regular y Regular. Dedido al hecho, la cantidad de texto necesario y la manera de desarrollo de la infografía los puntajes para la parte principal en la cual se desarrollan como textos informativos el puntaje para los subtítulos se establece en 12 puntos y para los textos explicativos en 8.5 puntos.

C O M P O S I C I Ó N La infografía se divide en tres partes. En la primer parte esta el cabezote con el nombre de la infografía y una descripción general que sirve como iniciador de lectura. La segunda parte consta de lo que puede denominarse como la parte que lleva todo el punto focal y que presenta la cantidad mas densa de información, es la línea de tiempo histórica de la fotografía, esta constituida por momentos compositivos que se van escalando para tanto de manera horizontal como vertical se presente la lectura de línea de tiempo. Por ultimo la tercera es la gráfica instructiva.

EL TRABAJO FINALIZADO CONSTA DE UN POSTER INFOGRAFICO. SE DESARROLLA PARA ESTE TRABAJO EL CONCEPTO DEL AUTO CONTENEDOR AYUDADO CON PITA Y GANCHOS BINDER.


I N T E R A C C I Ó N

G R Á F I C A


L A

F O T O G R A P H I E

C O L O R Se escoge para el proyecto el uso o mejor dicho el desuso de color como tal para la generación de toda la infografía. Es por eso que el color esta dado en escala de grises. Las jerarquías en color se mantienen y se ven generadas de acuerdo a la cantidad de negro en el tono, es decir cuanto mas negro mas “importancia” tiene el titular o el “momento” compositivo.

00 |00 |00 |60 11 |99 |47 |40 05 |02 |02 |100

C O M P O S I C I Ó N La infografía se divide en tres partes. En la primer parte esta el cabezote con el nombre de la infografía y una descripción general que sirve como iniciador de lectura. La segunda parte consta de lo que puede denominarse como la parte que lleva todo el punto focal y que presenta la cantidad mas densa de información, es la línea de tiempo histórica de la fotografía, esta constituida por momentos compositivos que se van escalando para tanto de manera horizontal como vertical se presente la lectura de línea de tiempo. Por ultimo la tercera es la gráfica instructiva.

P I C T O G R A M A S Se hizo la busqueda y posterior desarrollo de pictogramas para la línea de tiempo y el instructivo. Los pictogramas se usan de manera relacional para dar a conocer el aspecto de algunos de los adelantos tecnológicos presentados en la infografía y para que el lector sienta mas agradable la lectura de la infografía.


I N T E R A C C I Ó N

G R Á F I C A

SE DISEÑAN DOS AFICHES QUE FUNCIONAN INDIVIDUALES O JUNTOS, CON GRÁFICAS DE FÁCIL COMPRENSIÓN PARA CADA PUBLICO Y ATRACTIVOS VISUALMENTE. EL CONCEPTO DE POSTER SE USA CON LA FINALIDAD DE QUE LAS INFOGRAFÍAS PUEDAN SER USADAS COMO DECORACIÓN Y QUE NO SEAN ARCHIVADAS SI SE USAN Y DESARROLLAN PARA REVISTAS O LIBROS. Poster infografico. Infografía relacional e histórica. Las infografía presenta una línea temporal desde el descubrimiento de los principales “ingredientes” que hicieron posible el desarrollo de la primer imagen capturada en un momento, siguiendo por el desarrollo tecnológico de las primeras cámaras análogas, hasta lo mas reciente en

cuanto a tecnología de cámaras se refiere. También se diseño un instructivo para nuevos iniciados en el mundo de la fotografía, en el que se muestran aspectos de básicos pero de suma importancia (casi los mas importantes) a la hora de empezar con la toma de fotografías.


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L



I N T E R A C C I Ó N

OD OR

G R Á F I C A

SON ITUS

MAPA PARA MERODEADOR BOGOTÁ 2 0 1 2


O D O R

S O N I T U S


I N T E R A C C I Ó N

G R Á F I C A

En la ciudad de Bogotá los habitantes se enfrentan a varios problemas o inconvenientes de tipo social, económico y cultural. En una de las zonas en donde mas se sienten estos inconvenientes es en el centro de la ciudad, que a diferencia de los centros urbanos de la mayoría de ciudades no presenta el civismo y las condiciones culturales que se esperan. L a indigencia , la prostitución y el robo son fac tores que afec tan esta zona de la ciudad.

P ROBL EM ÁT IC A

Debido a estos inconvenientes y a la falta de civismo y cultura ciudadana por par te de los habitantes las c alles de la ciudad mantienen un olor bastante desagradable y es difícil transitar por este sec tor. Igualmente el ser vicio publico es c aótico y los buses no cuentan con tecnologías que permitan el control de smoke y ruidos. El proyec to trata entonces de un mapa que muestra los puntos a evitar en un recorrido a pie por el centro de la ciudad, es decir el mapa puede guiar al usuario evitando que este se aventure en terrenos que no son necesariamente agradables para el oído o el olfato.


O D O R

S O N I T U S


I N T E R A C C I Ó N

G R Á F I C A

EL IDENTIFICADOR SE GENERA A PARTIR DE UN LOGOTIPO SENCILLO YA QUE NO SE CONSIDERA PRIORIDAD EL DESARROLLO DE UN SÍMBOLO O DE UN IDENTIFICADOR MAS COMPLEJO. EL CARÁCTER DE IDENTIFICACIÓN SE DEJA SOBRE EL TIPO DE GRÁFICA QUE SE GENERA PARA EL DESARROLLO DEL PROYECTO. EL NOMBRE PROVIENE DE LAS PALABRAS EN LATÍN OLOR=ODOR Y RUIDO=SONITUS.

08 |72 |00 |00

08 |72 |00 |00

08 |72 |00 |00

00 |86 |00 |00

00 |86 |00 |00

00 |86 |00 |00

00 |86 |00 |00

00 |86 |00 |00

00 |86 |00 |00

C O L O R Para resaltar el carácter “cómico” y de paso para la funcionalidad del proyecto (mapa “callejero”) se usa una amplia gama de grises y naranjas. Los naranjas se usan como tal para generar desequilibrio óptico y tensión visual dentro de las lecturas. También para los pictogramas se hacen clasificaciones y convenciones de acuerdo con la fuerza de la indicación, dentro de estos se usan entonces dos colores mas, azul para los sonidos y verde para los olores , cada uno trabajado con derivaciones y degradaciones de color para marcar la diferenciación de cada uno.


O D O R

S O N I T U S

S I S T E M A

D E

P I C T O G R A M A S

Debido a la índole y a la tipología del proyecto se opta por el desarrollo de un sistema de orientación gráfico basado en pictogramas y un desarrollo de señalética para el mapa en si. Dentro del sistema en general de desarrollo se presentan dos tipos de gráfica: La gráfica de ciudad y la gráfica de señalización. G R Á F I C A

D E

C I U D A D

La gráfica de ciudad corresponde a la contextualización dentro del mapa, de los componentes de relación con la ciudad. Es decir las edificaciones del sitio y todo lo que se refiera a contexto urbano. G R Á F I C A

D E

O R I E N T A C I Ó N

Como segundo punto del desarrollo gráfico se presentan los pictogramas de ubicación, cuantificación y señalización. La línea gráfica también juega un papel de bastante importancia en cuanto a la caracterización del proyecto. Las líneas gruesas y con finalización gruesa le adjudican un carácter de amabilidad y de fuerza a la composición y a la imagen del mapa.


I N T E R A C C I Ó N

CON EL DESARROLLO DEL PROYECTO Y EN PARTE DEBIDO A LA APARIENCIA GRÁFICA QUE SE QUERÍA LOGRAR, SE DESARROLLAN AL RESPALDO Y COMO AYUDA VISUAL, PROPAGANDAS Y ANUNCIOS PUBLICITARIOS FALSOS QUE ESTÁN CARGADOS CON MENSAJES QUE SE ESPERA GENEREN CONCIENCIA SOBRE LOS MISMOS PROBLEMAS QUE SE TRATAN DE EVITAR CON EL MAPA.

P R O P A G A N D A , & C O M E D I A

S Á T I R A

Teniendo en cuanta el carácter de uso y las posibles características de los usuarios se optó porque el sustrato o papel en el cual se iba a imprimir el mapa iba a ser papel reciclado o craft, esto pensando en la durabilidad y en las características de producción del proyecto. A causa de la manera de uso y de consulta que se acostumbra para el uso de un mapa, este exige que el formato no exceda unas dimensiones de extensión requeridas para la fácil aproximación al contenido del mapa. Por esta razón el mapa se patenta en tamaño tabloide (28 x 43 cm). En cuanto al plegado del mismo se pensó y desarrollo un plegado en forma de folleto de 4 caras y ese a su vez doblado a la mitad verticalmente, esto con la finalidad de que pueda ser cargado en el bolsillo y esto en igual medida para brindar mayor facilidad de uso.

G R Á F I C A


F U N D A C I Ó N

D O


I N T E R A C C I Ó N

H A P P I LY

E VE R

G R Á F I C A

AFTER

CAMPAÑA, INICIATIVA 2 0 1 3


H A P P I L Y

E V E R

A F T E R


I N T E R A C C I Ó N

INIC IATIVA En un mundo moderno y cada vez mas caótico, donde la impunidad y los actos delictivos pasan desapercibidos por la mayoría (esto debido a la costumbre), donde la monotonía del día a día apremia, nace la idea de llevar un poco de alegría, humor y buena música a la gente, todo esto con la esperanza de hacer un poco mas placido, amable y ameno los días. Happily Ever After es un proyecto que fusiona el gusto por al música, el diseño y una iniciativa sencilla pero con la cual se espera logar llegar mas allá. La idea o consigna original es el poder hacer llegar a la gente la buena “vibra” y el encanto de la música, los mismos dos factores que me han acompañado desde que me regalaron mi primer ipod y descubrí el encanto por y de la música.

P ROBL EM AT IC A Hacer llegar de una manera simple, divertida y descomplicada, canciones y artistas musicales, bajo la premisa de la funcionalidad de ciertas canciones para ciertos momentos de la vida. Estos momentos los he vivido personalmente y me he dado cuenta que con una buena lista de reproducción o con una simple canción se mejoran o se disfrutan exponencialmente.

G R Á F I C A


F U N D A C I Ó N

D O


I D E N T I D A D

V I S U A L


H A P P I L Y

E V E R

A F T E R

CON MOTIVO DE GENERAR UN ACERCAMIENTO INFORMAL Y GRACIOSO, SE USAN “SLANG TERMS”, ESTE TIPO DE TÉRMINOS SON USADOS RECIENTEMENTE EN LA WEB Y SON FÁCILMENTE RECONOCIDOS POR LA POBLACIÓN. EL USO DE ESTE TIPO DE TERMINOLOGÍA GENERA UNA LECTURA SIMPLE, GRACIOSA Y NOVEDOSA. LA IDEA DETRÁS DEL DESARROLLO Y USO DE ESTE TIPO DE TERMINOLOGÍA SE DA DEBIDO A LA AFINIDAD DEL AUTOR CON LA NAVEGACIÓN EN INTERNET, MEDIANTE LA CUAL ENCUENTRA BLOGS Y PAGINAS CON ESTE TIPO DE CONTENIDO (MEMES, VLOGS ETC) Y QUE SIRVEN DE INSPIRACIÓN PARA EL DESARROLLO DEL SISTEMA DENTRO DEL PROYECTO.


I D E N T I D A D

V I S U A L


H A P P I L Y

E V E R

A F T E R

C O L O R Para el desarrollo de las propuestas se penso en el uso de colores, texturas o patrones que llamen la atención y que se liguen con el imaginario popular de posibles colores para posibles momentos. Es así como se desarrollan texturas en color usando software de edición de imagen y vectorial, uno para cada ocasión y para cada “rama” de las piezas que se realizaron.

TEXTURA CREADA EN PHOTOSHOP

TEXTURA CREADA EN PHOTOSHOP

TEXTURA CREADA EN PHOTOSHOP

00 |00 |00 |60

21 |00 |96 |00


I N T E R A C C I Ó N

M O D O D E D I S T R I B U C I Ó N , C O N T A C T O & P R O M O C I Ó N El sistema "toma uno" esta precisamente inspirado en las historietas y paginas de bromas en internet.

Inicialmente y con el objetivo de que las personas tengan manera de recordar las canciones sugeridas, se desarrolla por medio del sistema popular y sencillo de “toma uno” , las personas van a arrancar una papeletilla de una hoja con un listado de canciones, así es fácil e interactivo el momento de escogencia de la canción. Igualmente se desarrollan afiches promocionales, con los cuales se pretende generar incertidumbre y curiosidad sobre la propuesta.

G R Á F I C A

PARA EL DESARROLLO DE LAS PROPUESTAS SE PENSO EN EL USO DE COLORES, TEXTURAS O PATRONES QUE LLAMEN LA ATENCIÓN Y QUE SE LIGUEN CON EL IMAGINARIO POPULAR DE POSIBLES COLORES PARA POSIBLES MOMENTOS. ES ASÍ COMO SE DESARROLLAN TEXTURAS EN COLOR USANDO SOFTWARE DE EDICIÓN DE IMAGEN Y VECTORIAL, UNO PARA CADA OCASIÓN Y PARA CADA “RAMA” DE LAS PIEZAS QUE SE REALIZARON.


F U N D A C I Ó N

D O

F OTO G R AF ÍAS P O R : J U AN OSSES M O D E LO : CAMI LA V I LLEG AS B AJ O T ER MI N OS LEG ALES C R EAT I V E C OMMON S AU TOR I ZAC I ÓN DE R EP R ODU C C I ÓN , EDI C I ÓN , U SO C OMER C I AL Y ACADEMI C O.



F U N D A C I Ó N

D O


I D E N T I D A D

Inclusive si el éxito de este portafolio no es mayor, pienso reconocer el trabajo, esfuerzo, influencia y apoyo de ciertas personas que han hecho de mi el diseñador que puedo presentar por medio de esta colección de trabajos. Agradezco de sobre manera a mis padres, quienes me brindaron todo su apoyo y compresión al elegir y durante el desarrollo de esta carrera, quienes aguantaron mi estrés y mis buenos ratos. También quiero mencionara mis amigos, compañeros y colegas, algunos los conocí al inicio de la carrera (matiz) y a otros en el transcurso de la misma, a ellos gracias por momentos de “parche” y relajo, gracias a esos momentos la universidad fue todo lo que me imagine. A maría restrepo, mi profesora de tipografía, ella es probablemente la culpable del gusto que le tome al diseño y de la forma en que desarrollo mi manera de diseñar. le aprendí que la tipografía se debe respetar y que en el mundo del diseño todo se puede hacer con 4 tipografías y 3 colores. aprendí lo que considero una de las cosas mas importantes

V I S U A L

en el diseño, el gusto. no me quiero alargar con los halagos, por eso voy a decir que gracias a ella inicie realmente mi camino en el diseño. A francisco pabon , el profesor que me mostró la dicha de los libros. A arnold gutiérrez, me enseño lo que es el trabajo pesado, me ayudo a formar mi criterio en el diseño y a desarrollar la fuerza que se necesita para soportar la dura vida de diseño. A boris greiff, me enseño la importancia de la diversión en la practica del diseño y con quien pude hablar y aprender mas de comics. A rosario gutierrez, quien aunque no fue oficialmente mi profesora, fue una tutora y consejera. A matiz, osses, narwhal, marce, tarek, caro (perú), vivi, manuel, marce, luque, el viejo oscar, villegas, maría angelica.


Este portafolio fue impreso en Zárate y encuadernado en Cuarentaydoslineas.Cuenta con el uso de las tipografías, Linotype Universe, Meta Y Filosofia. Y fue terminado a los 12 días del mes de Mayo.




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.