Realizado por/ Diagramacion y fotografia David Javier Becerra Osorio. Impreso en / Bogota, Colombia 2013.
A LA FAMILIA BECERRAOSORIO. En agradecimiento con: Juan David Arismendi Jimena Cadena Natalia Ursuga Colaboradores cercanos. Y a la encuadernacion 42 Lineas.
Contenido
Marca corporativa
Bc Graphike portafolio
Marca evento
Manejo de marca
Marca Producto
First Book/ Brand
Manejo de marca
CODE NY
Cliente: CODE NY Fecha de realizaci贸n: 2013.
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
RUBIKS
o n - l i n e
/ s t o r e
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
o n - l i n e
/ s t o r e
Identificador Primario / logotipo Secundario / simbolo y GRAFICA COMPLEMENTARIA.
Bc Graphike portafolio
CODE NY / Online Store
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
Code ny
E2.
Serie de carteles publicitarios Aplicacion grafica complementaria y promocional de la institucion.
Yellow
E3.
Caja oficial de transporte papeleria de documentacion
Code ny
CODE NY co- branding con Rubiks Implementacion
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.
Yellow
Code ny
Manejo de imagen / El manejo de imagen planteado para CODE NY 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 opaco que evoque a la institución, igualmente abrán imágenes con manejo de colordiferente que refieran a las línea 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.
E5.
papeleria de documentacion Aplicacion grafica.
o n - l i n e
/ s t o r e
Yellow
Aplicacion Proceso de impementacion / Papeleria Basica Pagina Web
Yellow
E6. Carteles
Code ny
Yellow
Code ny
E7. papeleria de documentacion Hoja membretada.
E8. Cartel cine Aplicacion grafica.
Yellow
E9. papeleria de documentacion Hoja membretada. Co - Branding
Code ny
E10. Afiche / Filete Co - Branding
Yellow
Code ny
Yellow
Code ny
E11. E12.
Caja/ amberso y reverso de la caja de transporte. aplicacion grafica complementaria y manejo de imagen.
Yellow
Code ny
E12. Afiche y filete promocional numero 1
Yellow
E13.
WEB/ pagina web Muestra pagina de inicio y contacto .
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
Portafolios
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
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
Quatre
Aplicacion Proceso de impementacion / Piezas Internas
Yellow
F5.
Quatre
Bc Graphike portafolio
F4.
papeleria de documentacion Aplicacion identidad sello para lacre
F5.
papeleria de documentacion Hoja membrete sobre media carta Tarjeteria tiro y retiro
LE QUATRE CHATS / Editorial - Cosa de 4 gatos
Yellow
F6. Tarjeteria
Quatre
Yellow
Quatre
Yellow
Calle 76 B # 45 -10
Calle 76 B # 45 -10
F7. Formas continuas
F8. Lacre y sello en contraforma
Quatre
F8.
Marca Producto
MASCHOCK
Cliente: Milkshoc R. Fecha de realizaci贸n: 2013.
Key
Contexto Milkshock R. inicia actividades en 1997, desde entonces ha crecido constantemente, basado en el desarrollo de nuevos productos, la ampliación de la capacidad instalada y la incursión en nuevos mercados. Milkshock R. cuenta con más de 700 colaboradores entre personal de fábrica y administración, y una capacidad instalada de manufactura de 11300 toneladas año. Todo esto con el único objetivo de satisfacer los deleites de un mercado exigente y de gustos cambiantes, amparados por productos de calidad. Esta dedicación ha logrado a través del tiempo receptividad y posicionamiento de los productos Milkshock R. entre los consumidores leales. Hoy Milkshock R. cuenta con más de 13500 clientes activos en Colombia, cubriendo todos los canales de distribución (Autoservicios, Distribuidores, Mayoristas y
Maschok / Let it Run
Detallistas), con un área comercial compuesta por más de 150 colaboradores distribuidos en 6 Distritos de Venta cubriendo toda la geografía nacional; Bogotá, Cali, Medellín, Barranquilla, y Pereira.
Razon de diseño El encargo de diseño radica en la creación de un nuevo sistema y de un nuevo identificador para un nuevo producto comestible, que tiene como pretexto principal su naturalidad y frescura al momento de consumirlo ya que revitaliza naturalmente. A partir de la anterior premisa se realizo un sistema comunicativo en donde predomina una grafica que remite a lo tradicional y a su vez el vigor del producto. Se busco que la identidad del producto fuese muy clara y de gran pregnancia para su publico en especifico creando un identificador (logo símbolo) vistoso lleno de retos para el espectador.
Marca producto
Maschock
Marca padre Realizador(es): David Becerra.
Bc Graphike portafolio
Cliente: Milkshock Fecha de realizaci贸n: 2013.
Maschok / Let it Run
MILKCHOCK
Cyan Key
MASCHOCK 2012
La identidad / El identificador planteado para Mashock R. estĂĄ conformado por un logotipo y un sĂmbolo iconizado de un masmelo. Como el sistema esta propuesto para un publico joven la grafica de este logotipo es de (Ver imagen G1)
Maschock Helios
M M
H1.
carácter fuerte y versátil, reforzando la idea principal del producto. La tipografía de este identificador es: VAG Rounded-Bold Italic de carácter itálico que le da un aire de velocidad favoreciendo la idea principal del producto.
Bc Graphike portafolio
Identificador primario Implementacion de Grafica complementaria como icono de refuerzo
HELIOS / Tecnology and Innovation
Key
H2.
Maschock
H2. Caja presentacion personal Aplicacion grafica complementaria.
Bc Graphike portafolio
H3. Personajes derivados del producto Aplicacion grafica complementaria
HELIOS / Tecnology and Innovation
Key
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 vector que da una idea o busca acercar al usuario a una experiencia mas cercana al mundo del producto. Las ilustraciones tienen un concepto espacial “de otro mundo” cuya finalidad es dar a conocer una faceta nueva del producto.
Tipografía del sistema :
Gg GgHhIiJjKk
(Papelería): Las tipografías escogidas son ITC Avant Garde Gothic Std y VAG Rounded-Bold Italic. 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.
H3.
Presentacion caja personal.
Maschock
H3.
Key
Maschock
H3. Postal / pieza promocional.
Key
H4.
Maschock
Manejo de imagen / Color y Composición/ Paleta de color Se utiliza entonces una paleta de color amplia y saturada que refuerce la idea del producto, y que relacione el trabajo desarrollado por éste colectivo de diseño con la idea central del producto. PANTONE PROCESS MAGENTA C
PANTONE PROCESS YELLOW C
RGB
RGB
R 215 G 15 B 125
R 250 G 225 B 0
CMYK
CMYK
C 0 M 100 Y 0 K 0
C 0 M 0 Y 100 K 0
H4. Postal / pieza promocional.
Bc Graphike portafolio
HELIOS / Tecnology and Innovation
Key
Aplicacion Proceso de impementacion / Papeleria Basica Pagina Web
Key
H5. Afiche / pieza promocional.
H6. Postal, caja grande. / pieza promocional.
Maschock
H6.
Key
Maschock
H7.
Tazos / pieza promocional.
Key
H8.
Pieza promocional Aplicacion identidad porta tazos.
H9.
Piezas producto Caja grande Caja presentacion personal
Maschok / Let it Run
Marca Producto
Maschock
Key
Maschock
H7.
Reverso caja grande/ pieza promocional.
COFFTASTIC
Cliente: Cofftastic S.A.S. Fecha de realizaci贸n: 2013.
Key
Contexto Cadena de instantáneos productos S.A. es una empresa colombiana filial del Grupo Multilatino de Alimentos, especializada en la industrialización y comercialización de café y productos afines. Nuestra producción se centra en las categorías de Café Tostado y Molido, Café Soluble, en presentaciones de polvo, granulado y liofilizado, y Mezclas de Café como los cappuccinos y tres en uno. En la actualidad, Cadena de instantáneos productos S.A. llega a más de 10 países en dos continentes y nuestra marca insigne; Cofftastic, se encuentra en 8 de ellos. Nuestro compromiso con la calidad va desde la etapa de elaboración de los productos, hasta la entrega final y consumo por parte de nuestros clientes, y ese estándar de calidad está avalado con 6 certificaciones, entre ellas auditorías éticas, sociales y ambientales, practicadas por los clientes internacionales. El crecimiento de Cadena de instantáneos productos S.A. se fundamenta en las relaciones con las personas que la conforman, las cuales están basadas en un trato con calidad hu-
COFFTASTIC / Premiun energy 4 premiun people
mana, respeto y confianza. En Cadena de instantáneos productos S.A, seguiremos gestionando nuestras actividades comprometidos con el Desarrollo Sostenible; con el mejor talento humano, innovación sobresaliente y un comportamiento empresarial ejemplar.
Razon de diseño Desarrollo gráfico Se parte de un producto, al cual se le genera una identidad gráfica que relaciones las propiedades del mismo con su público objetivo. Gráfica complementaria Por medio de ilustraciones vectoriales Piezas desarrolladas Se desarrollan las primeras piezas necesarias al momento de lanzar un producto nuevo. Sistema gráfico Se plantea que los materiales y las texturas adquieran un papel fundamental en el desarrollo del proyecto y que al vincularse con la gráfica le den un carácter y un valor único.
Marca Producto
Cofftastic
Realizador(es): David Becerra. Jimena Cadena
Bc Graphike portafolio
COFFTASTIC / Premiun energy 4 premiun people
Key Cyan
COFFTASTIC PREMIUM 2013
La identidad / Logotipo: Se plantea un logotipo tipogr谩fico en donde se reflejen las principales propiedades del producto: practicidad, facilidad y rapidez. La soluci贸n para el identificador se logro por medio del concepto (Ver imagen H2)
Helios Cofftastic
H1.
Key
VANILLA
Premium Energy 4 Premium People H2.
de tradicionalidad y frescura por lo cual se busco una tipografía con ese carácter y que fuese de fácil recordación, el paso a seguir fue implementar la grafica complementaria del sistema, para dar una síntesis general logrando crear un identificador con un símbolo claro y la tipografía implementada.
H3.
Identificador primario / VARIEDAD VANILA Implementacion de Grafica complementaria como icono de refuerzo
Cofftastic
spicy
Premium Energy 4 Premium People H4.
Identificador primario / VARIEDAD SPICY Implementacion de Grafica complementaria como icono de refuerzo
Bc Graphike portafolio
a cinn mon Premium Energy 4 Premium People H5.
Identificador primario / VARIEDAD CINAMON Implementacion de Grafica complementaria como icono de refuerzo
COFFTASTIC / Premiun energy 4 premiun people
Key
Cofftastic
Manejo de imagen / Color y Composición Paleta de color de la identidad La paleta de color está inspirada en la misma planta de café, en función de ratificar al producto como un producto natural, a pesar de su facilidad de preparación. Además de representar lo clásico contrastado con la gráfica que propone la modernidad en el producto.
Hh
HhIiJjKkLl
PANTONE COOL GRAY 10C , PANTONE 3298 C,PANTONE 492 C PANTONE 7602 C
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.
H7.
Piezas Promocionales producto/ Jarra / implementacion grafica, color y tipografia.
Key
H8.
Producto/ Presentacion grade Parte posterior de la caja.
Cofftastic
Key
H10.
Información nutricional
Tamaño por porción 1 Botella (237ml) Porciones por empaque 1 Cantidad por porción Calorías 160
Bebida con leche y café liofilizado, pausterizada y esterilizada Ingredientes Leche semidescremada estandarizada, azúcar, café liofilizado, colorante natural caramelo, emulsificantes (carragenina, goma guar, mono y diglicéridos de ácidos grasos), estabilizantes (citrato de sodio, fosfato disódico), sabor natural a café y vainilla, colorante artificial amarillo ocaso.
Servicio-Asesoría nutricional Colombia: (571)5718609/018005299999 Ecuador (593)023975950 Contáctenos www.cofftastic.com
Calorías de la grasa 35 % Valor Diario*
Grasa T otal 4g Grasa Trans 0g Grasa Saturada 25g Colesterol 15mg Sodio 150mg Carbohidrato T otal 23g Fibra dietaria 0g Azúcares 16g Proteína 7g
Spicy
Vitamina A 4% Calcio 20%
Fabricado por Cofftastic S.A.S Carrera 4 Zona Industrial, Bogotá Cundinamarca Registro sanitario RSAE02165911 Industria Colombiana No necesita refrigeración antes de abrir. Después de abierto consérvese refrigerado y consúmase en el menor tiempo posibl.
6% 13% 5% 6% 8% 0% 14% Vitamina C 0% Hierro 0%
Los porcentajes de valores Diarios están basados en una dieta de 200 calorías. Sus valores diarios pueden ser mayores o menores dependiendo de sus necesidades calóricas.
Agítese antes de abrir.
Premium Energy 4 Premium People
Grafica complementaria del sistema : Gráfica Complementaria La gráfica está directamente relacionada a los diferentes sabores en los cuales se puede conseguir el producto, de una forma fresca que se contraste con lo clásico que puede resultar un sencillo café.
Bc Graphike portafolio
H9.
Piezas PRODUCTO ETIQUETA/ / implementacion grafica, color y tipografia.
H10.
Grafica complementaria Cadilac Vespa Monoplaza
COFFTASTIC / Premiun energy 4 premiun people
• Marca registrada por la federación nacional de cafeteros – Fondo nacional del café
Cofftastic
Key
Aplicacion Proceso de impementacion / Papeleria Basica Pagina Web
Cofftastic
Key
H13.
Cofftastic
H11.
Bc Graphike portafolio
Piezas PRODUCTO Sachet tiro/ / implementacion grafica, color y tipografia.
H12.
Piezas PRODUCTO sachet retiro/ / implementacion grafica, color y tipografia.
H13.
Grafica complementaria Sachet Cadilac Vespa Monoplaza
COFFTASTIC / Premiun energy 4 premiun people
Key
Cofftastic
Key
H14.
Piezas PRODUCTO lata Picado/ / implementacion grafica, color y tipografia.
H15.
Piezas PRODUCTO lata frontal/ / implementacion grafica, color y tipografia.
COFFTASTIC / Premiun energy 4 premium people
Marca Producto
Cofftastic
H15.
Key
Cofftastic
Say hello to the visual dopamine