Realizado por/ Diagramacion y Fotografia David Javier Becerra Osorio. Cretividad / Bogota, Colombia 2013.
20014 Portafolio
Contenido
Branding
Marca corporativa
Bc Graphike portafolio
Packaging
Marca evento
Manejo de marca
Marca Producto
First Book/ Brand
Contacto
facebook.com/BcGraphike behance.net/bcgraphike issuu.com/bcgraphike
20014 Portafolio
Designer
Branding Diagramaci贸n
Ilustarci贸n Fotograf铆a
Marca corporativa
Helios
HELIOS Cliente:
Helios Tecnology and Innvation.
Fecha de realizaci贸n:
2012.
Cyan
Contexto
Razon de diseño
Helios es una compañía de carácter privado dedicada a la comercialización y distribución de productos de avanzada tecnología en campos como seguridad industrial (cámaras de vigilancia, equipo especializado para personal de seguridad, accesorios para armamento, biometría, etc.), comunicaciones (equipos y soluciones en comunicaciones para áreas con problemas de conectividad), energías de bajo impacto (equipos y soluciones en áreas que presenten problemas de conexión a redes eléctricas) y suministros para aeronáutica. Con el tiempo la empresa no solo comercializará y distribuirá productos de estas áreas, sino que pasará a ser una compañía capaz de dar soluciones a las mismas, optimizando procesos para las empresas con las que establezca relaciones.
HELIOS / Tecnology and Innovation
Para el desarrollo del sistema gráfico de la compañía HELIOS, se tomó como punto de partida la forma geométrica del triángulo, porque cada vértice representa uno de los sectores en los que se especializa la empresa, y los cuales hacen parte esencial del gran conjunto y familia HELIOS. La nueva identidad conserva algunos de los planteamientos realizados anteriormente como identidad para la compañía, como la tipografía y el color, estos permanecen en la nueva propuesta de sistema visual para la empresa ya que evocan la elegancia y fuerza que ésta quiere proyectar; sin embargo, el color (rojo) cambió su tonalidad con la intención de que fuese más sutil y sobrio. De igual manera se implementó un símbolo que le diera fuerza y singularidad a la marca.
Marca Corporativa
Helios
Realizador(es): Juan Arismendi. David Becerra. Natalia Ursuga.
Bc Graphike portafolio
HELIOS / Tecnology and Innovation
Cyan
HELIOS COMPANY 2012
La identidad / Logotipo: El identificador planteado para Helios estรก conformado por las 6 letras de la razรณn social, se emplea un logotipo iconizado, en el cual, la o estรก intervenida internamente para dar singularidad a (Ver imagen A2)
Helios
A1.
la marca, creando así el símbolo para este lenguaje. La correcta aplicación del logotipo en la papelería y comunicaciones ayudará al posicionamiento de la compañía en el mercado, guardando fidelidad con los atributos que ésta quiere proyectar a sus usuarios.
Bc Graphike portafolio
A3.
A2.
A. Imagen de referente, Fotografia ideal grafica complementaria y manejo de imagen de la empresa. (avion de guerra). B. Logotipo de la empresa. C.Imagen de referente, Fotografia ideal grafica complementaria y manejo de imagen de la empresa. (vinoculares).
HELIOS / Tecnology and Innovation
Cyan
A4.
Helios
Grafica complementaria del sistema / La gráfica complementaria se diseña a partir de una abstracción del símbolo de la identidad. El módulo se compone de varios planos yuxtapuestos que manejan un degradado radial interno, diferenciando así las partes que lo forman. El módulo maneja tres terminales que pretenden evocar a las líneas o campos a los que Helios se dirige, comunicaciones, seguridad y energía.
Aa
AaBbCDd
Bc Graphike portafolio
Tipografía del sistema / (Papelería): Las tipografías escogidas son Helvetica Neue Lt Std y Arial. La morfología de estas tipografías hace una lectura fácil, resultando pertinente para la información que se consigna en este tipo de piezas. (Web, Powerpoint): La tipografía empleada en estas piezas es Arial, se utilizan estas tipografías por su compatibilidad en todos los sistemas.
HELIOS / Tecnology and Innovation
Cyan
A8.
Manejo de imagen: Fotografia de referente, soldado armado.
Helios
Manejo de color /
200 c PANTONE 200 C
Manejo de imagen /
El manejo de fotografía planteado para Helios comprende dos grupos, las imágenes institucionales y las propuestas para los productos. Las imágenes institucionales han de caracterizarse por ser de gran calidad y ser fuertes visualmente; por lo general tendrán un tratamiento con filtro de color rojo que evoque a la institución, igualmente abrán imágenes con manejo de color azul, amarillo o verde que refieran a las líneas de producto. Las imágenes propuestas para los productos se caracterizarán por ser limpias, sin filtros y conservando la mayor fidelidad posible con los artículos, la intención principal es presentar el producto al cliente de la manera más “cercana” posible.
Cyan
Grafica aplicada
Helios
A5.
papelería básica: sobre carta cerrado y sobre carta abierto (explicación grafica complementaria del sistema).
Cyan
Marca evento
MM Paris
MM PARIS Cliente: MM PARIS.
Fecha de realizaci贸n:
2013.
Magenta
Contexto MM Es un estudio de arte y a la vez una asociación de diseño que consta de Mathias Augustyniak (nacido en 1967, Cavaillon ) y Michael Amzalag (nacido en 1968, París ), estableció en París en 1992. MM son mejor conocidos por su dirección de arte y colaboraciones con músicos como Björk, Madonna, Benjamin Biolay, Etienne Daho, Jean-Louis Murat, Mew, Kanye West; diseñadores de moda tales como Nicolas Ghesquière, Yohji Yamamoto, Jil Sander, Calvin Klein, Stella McCartney, Riccardo Tisci ; y revistas Les Inrockuptibles, Documents sur l'art, Vogue Paris, Purple Fashion, Man About Town; artistas contemporáneos Pierre Huyghe, Philippe Parreno, Inez van Lamsweerde y Vinoodh Matadin, Liam Gillick, Sarah Morris. Amzalag y Augustyniak se concieron siendo estudiantes de la Ecole Nationale Supérieure des Arts Décoratifs de París 1988. Amzalag dejó la escuela en 1990, y comenzó a trabajar como director de arte en la revista
M/M Paris / Mucha mas expresion
musical Les Inrockuptibles . Augustyniak continuó sus estudios en el Royal College of Art en Londres, donde se graduó en 1991. Dado que ninguno de los dos estaban interesados en pasantías o trabajando para una agencia o una empresa, decidieron trabajar juntos, y fundó M / M (París) en 1992.
Razon de diseño En éste proyecto encontrarás: Desarrollo gráfico El primer paso para la solución de éste proyecto se basa en la construcción de una identidad de evento como tal. A través del sistema gráfico en conjunto se puede apreciar como cada pieza en sí misma se ve afectada por los conceptos generados en el taller en los cuales el trazo aumenta la expresividad del impreso; de ésta forma es más evidente para el asistente tanto en promoción como en desarrollo del taller el concepto general sobre el cual se ha fundamentado todo el evento.
Marca Evento
Mm paris
Realizador(es): David Becerra. Jimena Cadena
Bc Graphike portafolio
M/M Paris / Mucha mas expresion
Magenta Cyan
MM PARIS EN BOGOTA 2013 La identidad / Se busca generar particularmente un logotipo tipográfico con rasgos ICONICOS que lleven visualmente al usuario a entender que el eje central del evento gira en torno a la apropiación de la fotografía por medio de la intervención manual. El logotipo está compuesto por si¬ete letras que conforman el nom¬bre MM PARIS. Las letras funcio¬nan como cuerpos independientes y tienen rasgos modificados de la tipo¬grafía original para darle singularidad y frescura y poder transmitir así nues¬tros atributos de marca —manual, precisa y estilizada— que se re¬flejan en el carácter sus(Ver imagen C1)
Mm paris
C1. tancial de la tipografía utilizada, en el color, alineamiento y grosor de los caracteres, así como en la modernidad de su trazo que nos remite al trazo fuerte y certero, y a la actitud incluyente, humanizada y dinámica.
Bc Graphike portafolio
Identificador de la muestra. ntervención fotográfica “cliché” de la serie mm parís 2013
M/M Paris / Mucha mas expresion
Magenta
Mm paris
Magenta
C14. Identificador primario aplicado en la caja de la muestra Ilustracion Aplicada.
Mm paris
Magenta
C2.
Mm paris
Intervenciones fotográfica / cada una de las siguientes imágenes pose una intervención manual para el desglose y la implementación de las mismas en las diversas piezas de la muestra.
C3. C4. C5. C6.
Piezas promocionales evento. Intervención fotográfica idilio. Intervención fotográfica elemento. Intervención fotográfica Ray Man.
C3.
C4.
Bc Graphike portafolio
C5.
M/M Paris / Mucha mas expresion
Magenta
Aplicaci贸n/ intervenci贸n del identificador y de la grafica elemento, para el uso en las piezas promocionales de la muestra.
Mm paris
C6.
Piezas Promocionales evento/ libreta empaque libreta fichero
100 x 70
25 x 17,5 雅痞- 常体
50 x 35 雅痞- 常体
Marca evento
Portafolios
PORTAFOLIOS
Cliente:
Portafolios UJTL.
Fecha de realizaci贸n:
2013.
Magenta
Razon de diseño
Contexto La Fundación Universidad de Bogotá Jorge Tadeo Lozano es una institución de carácter pluralista, que busca la formación de profesionales éticos, competentes, críticos y creativos, que asuman su compromiso con la sociedad con clara conciencia de respeto por los seres humanos y sus derechos, por el medio ambiente y contribuyan al bien común y al desarrollo social, cultural, empresarial, científico y estético en el contexto internacional, con fundamento en los ideales de la Expedición Botánica. Dentro de la institución se ha de resaltar la facultad de Diseño Grafico cuya tarea principal es la actividad de concebir, programar, proyectar y realizar el soporte que sirve de vehículo de comunicaciones visuales, producidas, en general, por medios industriales, y destinadas a transmitir mensajes específicos a grupos determinados.
PORTAFOLIOS CORTOS Y REELS / U Tadeo
Lo que se busca con la implementación de este proyecto es convocar a mayor numero de aspirantes para el programa de pregrado de Diseño grafico y la tecnología en realización de medios audiovisuales de la facultad Es por lo cual que se busco hacer una campaña creativa para resaltar a los programas y a la facultad como una sub –marca; el pretexto grafico del proyecto radica en la implementación de una identidad para evento, resaltando el proceso creativo que se necesita para la realización de un diseño. Se cuenta con la implementación de piezas graficas que buscan atraer la atención no solamente de aspirantes a la carrera sino como tal a cualquier publico objetivo interesado en observar el ambiente comunicativo de la Tadeo . finalmente se busca intensificar las razones de porque estudiar la carrera en la universidad, para lo cual se manejo un concepto y una grafica contemporánea que llamase la atención no solamente por su composición sino por el carácter propio que resaltara valores de marca.
Marca Evento
Portafolios
Realizador(es): Juan Arismendi. David Becerra. Natalia Ursuga.
Bc Graphike portafolio
PORTAFOLIOS CORTOS Y REELS / U Tadeo
Magenta Cyan
PORTAFOLIOS 2013
La identidad / El logotipo de este evento cuanta principalmente con dos niveles de jerarquía en donde las palabras –portafolios, cortos y reels- son el identificador primario como tal y –diseño grafico en la Tadeo- ha de (Ver imagen D1)
Portafolios
D1.
funcionar como tag line. Dispuestos de forma horizontal consecuente y ajustada en un Angulo de 5 grados, a dos tintas y tomando como excusa grafica el Trazo Sketch se conforma el logotipo de la muestra, siendo literal y consecuente con su proceso de marca.
Bc Graphike portafolio
Identificador primario y grafica complementaria .
PORTAFOLIOS CORTOS Y REELS / U Tadeo
Magenta
D2.
Portafolios
Grafica complementaria de la muestra / Esta se crea a partir de la implementación de ilustraciones de bocas que generan una constante en todas las piezas. Básicamente son 3 diferentes bocas que se diferencian por su color, encuadre y composición interna. Se representa de forma figurativa y patronista el grito de una persona y su sed de histeria permitiendo dar fuerza al concepto clave de la muestra que es el sentir agudamente y expresarlo por medio de cualquier medio visual o auditivo (gestual). También se evidencian líneas de corte y anotaciones de boceto que tienen como fin el de resaltar las ilustraciones principales.
D2.
D3.
Grafica complementaria de la muestra Aplicacion de las ilustraciones en diversos colores .
Grafica complementaria de la muestra Boca humana con perspectiva de 3/4 ilustracion en construccion.
Bc Graphike portafolio
PORTAFOLIOS CORTOS Y REELS / U Tadeo
Magenta
Portafolios
Magenta
D4.
PANTONE PROCESS CYAN C, PANTONE PROCESS YELLOW C, PANTONE PROCESS MAGENTA C
Portafolios
Dd
DdEeFfGgHh
Tipografia del evento: FFF Tusj Bold Terminal Dosis Myriad
Tipografia principal del identificador .
Color y tipografia / El color de la grafica complementaria y de todo el sistema grafico evoca vértigo y euforia por tal la gama tonal a manejar son colores vivaces y vibrantes tipo neón; a nivel compositivo la inclinación y los cortes tangenciales forman parte del recurso grafico. implementación de tipografía tipo sketch palo seco y de una fuente complementaria sin serifas.
D4.
Implementacion sistema pieza pendon
Magenta
Portafolios
D5. Implementacion sistema Tiro y Retiro Postales del evento.
Magenta
Manejo de marca
Code NY
CODE NY Cliente:
Helios Tecnology and Innvation.
Fecha de realizaci贸n:
2012.
Yellow
Contexto
Razon de diseño
CODE NY una unidad de negocios de RUBIKS que nació en la ciudad de Nueva York hace ya mas de 10 años, comprometida con la solución óptima de necesidades logísticas (particulares o comerciales) de envío y recepción de documentos, paquetes o mercaderías. Pensando en la necesidad de exactitud y en la velocidad con la que se mueve el mundo de los negocios e incluso la vida diaria, nos hemos concentrado en crear un amplio y práctico portafolio de servicios que da solución precisa a sus necesidades en el manejo logístico de envíos con los mejores tiempos de entrega a nivel urbano, nacional e internacional. Para brindarle la tranquilidad que usted está esperando y garantizar nuestro excelente servicio, ponemos a su disposición nuestra flota nacional aérea, con el mayor número de vuelos diarios nacionales e internacionales y todo el respaldo de RUBIKS para llevar sus envíos en tiempo record; complementada con una ágil flota terrestre que se encarga de entregar en destino siempre sus envíos bien y a tiempo.
CODE NY / Online Store
El mayor reto de este proceso fue crear sin ningún referente en especifico la identidad y el sistema comunicativo de esta empresa que en si es parte de un consorcio mayor. El primer paso a seguir para este asunto fue la realización de una excusa publicitaria que revitalizara el flujo de la empresa es por tal que se elaboro un identificador primario que con el transcurso de la implementación se mejoro y se implemento. La grafica de este sistema surgió después de la implementación de la identidad y del respectivo uso en las piezas de importancia de la empresa. Finalmente el reto radico en generar una unidad para el sistema comunicativo grafico que se resolvió a partir de ilustraciones y apropiación de la marca padre. Así surge la marca CODE NY en donde el aporte del diseñador fue revitalizar y dar un nuevo aire a una empresa llena de tradición pero al mismo tiempo que busca ganar mercado en el nuevo mundo, con un proceso grafico coherente a este discurso.
Manejo de marca
Code ny
Marca padre Realizador(es): David Becerra.
Bc Graphike portafolio
Cliente: Rubiks Fecha de realizaci贸n: 2013.
CODE NY / Online Store
Yellow Cyan
CODE NY COMPANY 2013
La identidad Logotipo: El identificador planteado para CODE NY est谩 conformado por las 6 letras de la raz贸n social, se emplea un logotipo y un simbolo, en el cual, se evoca de manera directa el codigo morse por medio de la implementacion de barras y circulos. (Ver imagen A2)
Code Helios ny
Yellow
Composición del color en el sistema /
black c Para el lenguaje planteado en el sistema se propone el Negro Pantone BLACK C como color institucional y para la gráfica complementaria, comprendida en las líneas de producto manejadas por la compañía se proponen el PANTONE 616 C. Estos colores fueron escogidos por la coherencia que tienen con el contexto al que se dirigen, conservando la fuerza que quiere proyectar CODE NY como empresa.
PANTONE BLACK C
RGB R 0 G 159 B 223
E4.
PANTONE 616 C
RGB R 208 G 200 B 131
CMYK
CMYK
C 100 M 0 Y 0 K 0
C 10 M 5 Y 49 K 9
Afiches muestra/ Aplicacion Ilustracion complementaria.
CODE NY / Online Store
Manejo de marca
Code ny
E4.
o n - l i n e
/ s t o r e
Yellow
E1.
Code ny
Grafica complementaria del sistema / La gráfica complementaria se diseña a partir de una abstracción del símbolo de la identidad. El módulo se compone de varios planos consecutivos que manejan una consecucion lineal, diferenciando así las partes que lo forman. El módulo maneja tres terminales que pretenden evocar a las especialidades o campos a los que CODE NY se dirige, que son la comunicacion, la seguridad y la vitalidad.
Tipografía del sistema /
Ee
EeFfGgHhIi
Las tipografías escogidas son Code Bold y Eldesans Light l. La morfología de estas tipografías hace una lectura fácil, resultando pertinente para la información que se consigna en este tipo de piezas. (papeleria basica). El carácter simple pero contundente demuestra lo que quiere dar mostrar la compañía por medio de la sutil implementación de esta en cada una de las piezas, por otro lado se genera un contraste entre esta y la grafica complementaria que esta llena de fuerza y luminosidad.
E1.
Afiches muestra/
Aplicacion Ilustracion complementaria.
Bc Graphike portafolio
CODE NY / Online Store
Yellow
E3.
Caja oficial de transporte papeleria de documentacion
Code ny
CODE NY co- branding con Rubiks Implementacion
Yellow
Manejo de marca
Quatre
QUATRE Cliente:
Le Quatre Chats Editorial.
Fecha de realizaci贸n:
2013.
Yellow
Contexto Cuatro Gatos trabaja en el cuidado editorial y el feedback de autor-editor para preservar los detalles que son de suma importancia. Un escritor, profesional o científico invierte horas, meses, a veces años en su obra, entendemos que es una labor de su corazón, su tesoro, su obsequio de sí mismo, por eso queremos que la confección de su libro, se exprese en la confianza de que valoramos el arduo trabajo que implica este proceso. Una vez que la idea está clara, pasamos a la elaboración del diseño de todo el libro. Y lo mejor, imprimimos la muestra para que sea revisada en cada detalle hasta satisfacer la calidad que cada cliente mereces. Los 4 puntos para editar en 4 Gatos son los siguientes: -planeamos el libro de acuerdo a las necesidades del cliente para que tenga una obra en digital y en papel. -Desarrollamos plataformas de venta digital, así como presentaciones oficiales, redes sociales y boletines en los medios. Lo que se traduce en utilidades para cada una de las obras. -Hacemos el tiraje que al cliente le conviene. Pensando en la no implementación
LE QUATRE CHATS / Editorial - Cosa de 4 gatos
de bodegas, ni de inventario mayores a 100 libros, ya que se pueden corregir cada vez que se necesite hacer un tiraje. Si no se tiene una existencia, basta con cuatro días para cubrir la demanda del mercado. - Los tirajes cortos dejan una utilidad mayor al 45% por tal una segunda edición se reduce en un 50% en el costo inicial, lo que repercute directamente en las ganancias del cliente
Razon de diseño El nuevo diseño de la editorial cuenta con un sistema mas claro en donde cada una de las ramas de la misma pose un identificador mucho mas acorde a la línea y grafica del grupo. Se planteo una nueva identidad que jugase con la versatilidad de la marca y que también entrara a gestionar los 4 pasos principales de la empresa de una mejor forma. El encargo de diseño radica en dar unidad a todos los campos de la empresa y sus productos por medio de la implementación de la nueva marca.
Manejo de marca
Quatre
Realizador(es): David Becerra.
Bc Graphike portafolio
LE QUATRE CHATS / Editorial - Cosa de 4 gatos
Yellow Cyan
LE QUATRE CHATS 2013 La identidad / La solución final de identificador posee un logotipo iconizado compuesto por 3 caracteres en donde el primero la letra “Q” representa o evoca a un gato de espaldas, siendo la cola de este la unión con la letra “u”, y así mismo terminar el trazo en la letra “a”; al mismo tiempo el identificador se inscribe dentro de una circunferencia de un diámetro un poco mayor al ancho del logotipo. El carácter de la tipografía es manuscrita y refleja la idea de editorial. (Ver imagen F1) - siguiente pagina
Quatre
Yellow
F2.
Quatre
Composición del sistema / La tipografías escogidas son Daisy Lau y Helvetica Neue, ambas son tipografías de bajo calibre que facilitan le legibilidad y hacen que el usuario tenga una lectura fácil y rápida de la información que asimilaran. en cuanto el color se escojio el pantone 194 c por su gran impacto y contraste con diversas gamas tonales.
PANTONE 194 C
RGB R 155 G 39 B67
CMYK C 8 M 100 Y55 K 37
F2.
Bc Graphike portafolio
Ff
FfGgHhIiJj
papeleria de documentacion tarjetas tiro y retiro ilustracion aplicada.
LE QUATRE CHATS / Editorial - Cosa de 4 gatos
Yellow
F6. Tarjeteria
Quatre
Yellow
F3.
Quatre
Grafica complementaria del sistema : La ilustración aplicada es la excusa perfecta para este sistema es por lo cual se implemento esta; la premisa preliminar de cada una de las ilustraciones que se encuentran dentro de la estructura de la marca pose una técnica de collage que da una idea o busca acercar al usuario a una experiencia mas cercana al mundo editorial. Las ilustraciones se desprenden de cuentos fantásticos y clásicos que tienen como finalidad dar a conocer una faceta mas humanizada de la editorial.
F3.
Bc Graphike portafolio
papeleria de documentacion Tiro Membrete ilustracion aplicada.
LE QUATRE CHATS / Editorial - Cosa de 4 gatos
Yellow
Quatre
Yellow
Contacto
facebook.com/BcGraphike behance.net/bcgraphike issuu.com/bcgraphike
Muchas Gracias por tomarte el tiempo de ver mi trabajo, Espero lo valores.
20014 Portafolio