Portafolio 2016 Vol.1

BRANDING E IMÁGEN CORPORATIVA

DISEÑO DE INFORMACIÓN

DISEÑO WEB

PORTAFOLIO

Daniel Alejandro Diaz DISEÑADOR GRÁFICO

El diseño no es solo lo que se ve, o lo que se siente.

Diseño es cómo funciona

Daniel Diaz Diseñador Gráfico con enfasis en branding y diseño web

Perfil

P rofesional

Soy una persona que disfruta el diseño, no lo considero como un trabajo si no un estilo de vida, pienso que el diseño es una herramienta que permite que el mundo funcione de una mejor manera. Me enfoco en dos áreas las cuales son branding e imagen corporativa y diseño web, ya que potencialmente son áreas que estarán presentes en todo tipo mercado en los próximos años con el auge de la globalización y las nuevas tecnologías.

Me adapto fácilmente a cualquier ambiente laboral y estoy en la capacidad de trabajar bajo presión. Pienso que la mejor estrategia para solucionar cualquier proyecto es tener una metodología de trabajo ordenada y un ambiente ameno.

ÍNDICE

1.

Branding e

2.

Diseño de

3.

Diseño

4.

Diseño

Imagen Corporativa

Producto

Editorial

Web

BRANDING E IMAGEN CORPORATIVA

“Branding no tiene que ver con el slogan o logotipo, tiene que ver con tu personalidad, con quien tú eres”.

Mirna Bard.

Datos técnicos: Nombre empresa: Color Naranja.

Asignatura: Branding 1 Año: 2013 Universidad Piloto de Colombia Proyecto académico

El desafio: La solución: El concepto que se utilizó en este caso fue progreso y eficiencia se plasmó gráficamente a partir de un icono que nos transmitiera la comunicación visual, enfocada directamente hacia el vitrinismo usando el orden de los elementos para formar una idea el cual es el objetivo de esta área de servicio.

Rediseñar la identidad de la compañía Color Naranja para que a partir de esta se puedan reflejar los valores que tiene la empresa como progreso, creatividad y eficiencia. Teniendo en cuenta que la imágen actual necesita una renovación basada en las tendencias minimalistas.

Tipografía:

Se busco identificar una tipografía que brindara una identidad basada en la sofisticación y los contrastes donde se reflejara por medio de sus diferentes variables.

Century Gothic

Raleway:

Fuente geometrica estilizada y evoca valores de orden y simplicidad

thin, extralight, light, regular,medium, semibold, bold,extrabold, heavy

Colores Coorporativos:

Creación de isotipo:

Manual de Identidad Corporativa

Datos técnicos: Nombre empresa: Jungla Kumba Asignatura: Taller de diseño V ( Diseño de Identidad) Año: 2014 Universidad Piloto de Colombia Proyecto académico (grupal) Daniel Diaz: Diseño Manual de Identidad y Aplicaciones Daniel Acosta (diseño aplicaciones) Jaime Martinez (ilustraciones, logotipo)

El desafio:

Rediseñar la marca del restaurante JUNGLA KUMBA, teniendo en cuenta que la misma sea fácilmente adaptable, de fácil recordación y evocativa a la experiencia que se disfrutara en este establecimiento.

La solución: Se elije lo familiar como un valor importante que integra la identidad, el restaurante invita a disfrutar en compañía de la familia,se llega a esto mediante el uso de la tipografía que integra la identidad de restaurante mientras se resalta este valor utilizado (FAMILIAR), pero existen valores secundarios que refuerzan el concepto principal como versátilidad, originalidad y diversion, que se refleja en el eslogan UNA EXQUISITA AVENTURA que refleja la temática y el valor del producto o servicio.

Antiguo logotipo

Tipografía:

Se busco identificar una tipografía que brindara una identidad basada en la diversión, originalidad enfocando el concepto de familia y de la experiencia.

JONAS BOLD

Personajes

Debido a su forma y diferentes trazos, noposee una línea dándole mas versatilidad

Colores Corporativos:

Personajes:

La paleta de color principal se obtiene de las características propias de restaurante como lo selvático, se plantea llega a esa paleta de color que contrasta con en entorno del restaurante y asocia con la labor de cuidar el medio ambiente.

Son una parte esencial dentro de la identidad conceptual y dentro de la identidad gráfica del restaurante, por una parte crean una conexión con los niños a partir de talleres o juegos y son los encargados directos de comunicar el mensaje ambiental que JUNGLA KUMBA quiere dar a sus visitantes, preservar el medio ambiente, cada personaje tiene una cualidad donde cuida alguna parte de la naturaleza. Gráficamente se usó un concepto minimalista tomando elementos importantes de cada animal para crear un estilo creativo y agradable.

C 40 Y 70 M 100 K 50

r 104 g 59 b 16

C Y M K

0 35 85 0

r 249 g 178 b 51

C Y M K

87 r 13 24 g 122 100 b 51 15

ta l

le r d

t e ar

e

J J

TA

LL

RI

A

J

ER

D E C U LI

NÁ

TA LL ER D

E FOTO

íA

Elementos secundarios:

GR

F A

Material de distribuciรณn: Carpetas Corporativas Sobres Tarjetas Corporativas Membretes Tarjetas de Regalo Menus.

Manual de Identidad Corporativa

Manual de Identidad Corporativa

Datos técnicos: Nombre proyecto: Diorama Comunidad Virtual Asignatura: Branding e Imágen Corporativa III Año: 2014 Universidad Piloto de Colombia Proyecto académico (grupal) Daniel Diaz: Diseño de Aplicaciones y plan de medios Maria Teresa Cruz (diseño aplicaciones y estratégias)

El desafio:

Desarrollar el término de plan de marketing y plan de medios, vistos desde una alternativa para el programa de diseño gráfico de la Universidad Piloto de Colombia en su área de énfasis institucionales y la correcta elección por parte de los alumnos de los mismos.

La solución: Proyecto educativo para el programa de diseño gráfico de la Universidad Piloto de Colombia destinado a exponer el objetivo de ca da énfasis y su diferenciador, disminuir las dudas frente a su función, facilitar la elección e informar constantemente sobre lo que se realiza en cada uno de ellos; posicionar los métodos investigativos como un diferenciador del perfil del diseñador gráfico del programa, aplicados para llevar a cabo cualquier proyecto de diseño, todo para mantener una clara comunicación y unir internamente a los estudiantes, egresados y profesores; a través de una plataforma virtual

Tipografía:

Colores:

Raleway: Es una tipografía que brinda mucha seguridad y dinamismo a la identidad gráfica del proyecto.

Creación de isotipo:

+ Comunicación digital.

= Tres dimensiones

Diorama

Comunidad Virtual: Diorama Desarrollar el término de plan de marketing y plan de medios, vistos desde una alternativa para el programa de diseño gráfico de la Universidad Piloto de Colombia en su área de énfasis institucionales y la correcta elección por parte de los alumnos de los mismos.

Nuestros Objetivos Consolidar las publicaciones investigativas hechas en base a la indagación y exploración del desarrollo de los diferentes proyectos Emplear la plataforma como un espacio donde los estudiantes que estén cursando los énfasis puedan publicar los trabajos de investigación

Informar acerca del desarrollo de los énfasis que ofrece el programa, para que sirva como orientación a los estudiantes de los primeros semestres.

Lograr reconocimiento como facultad tanto interna como externamente.

Encuentra tu perfil - Disminuye dudas - Aumenta tu seguridad al momento de elegir - Estamos para ayudarte

Son una herramienta Ăştil para trasnmitir informaciĂłn, al ser muy utilizada por los estudiantes y miembros del proyecto, el flujo de informaciĂłn que se maneja es constante

DISEÑO DE PRODUCTO

“Un gran diseño no vende un mal producto, pero permite que un gran producto pueda lograr su máximo potencial.”.

Thomas Watson.

Datos técnicos: Nombre proyecto: Cerveza Artesanal Procer Asignatura: Branding e Imágen Corporativa II Año: 2013 Universidad Piloto de Colombia Proyecto académico

El desafio: La solución: Se creó una identidad de contraste para este producto, donde se mezclara la calidad de una

Crear una marca de cervezas donde sus valores y diferenciales se basan en una temática libre en este caso la historia de Colombia, basados en una investigación dirigir la comunicación a un target especifico y con esto generar una identidad gráfica para el producto

Tipografía:

UNCIAL ANTIQUA

La tipografia que se eligio tiene como valores visuales la elegancia debido a sus terminaciones estilizadas con una alteracion que llego a convertirse en el isotipo.

cerveza hecha en una Brewhouse con sabores

Lovers Quarrel. Es una tipografia que brinda expresion debido a

artesanales y una imagen moderna y autentica.

La tematica que se establece tiene como eje principal el nombre del producto donde PROCER basa su significado en descomponer la palabra en PRO identificando la calidad y CER aludiendo a la cerveza como tal y por otro lado el significado que tiene la palabra donde tiene que ver con estos personajes que fueron importantes dentro de la independencia de nuestro pais.

sus trazos caligraficos evocando la epoca colonial.

Isotipo: El isotipo tiene como concepto el eslogan del producto Un sello de tradicion, identificandolo desde el simbolo de la espada como simbolo del Procer, mezclandolo con un fondo que representa la madera de los barrilles de cerveza de las Brewhouse y la cebada como apoyo visual del concepto de calidad artesanal.

Etiquetas Son las encargadas de dividir las lineas del producto teniendo en cuenta que cada una tenia valores especificos, que tienen relacion con el personaje en cuestion. Se manejo un estilo ilustrativo, donde los vectores crean los retratos que antiguamente se realizaron en oleo.

La

750 cm3

Po l a

Cont. Max de alcohol 7%

Li b e r t a d o r

750 cm3

Cont. Max de alcohol 9%

750 cm3

Ge n e r a l

Cont. Max de alcohol 8%

La Pola.

Libertador.

General

Es la primera línea, donde el nivel de alcohol es el menor y en cuanto al precio es la más accesible. El color rojo refleja la intensidad.

Y en cuanto al nombre alude a la denominación popular de la cerveza además de la de Policarpa Salavarrieta. “La Pola”.

Es la línea Premium, donde el nivel de alcohol y la calidad de la cebada son mayor y en cuanto al precio es la más costosa. El color amarillo refleja el nivel de calidad del producto. Y en cuanto al nombre alude al Libertador Simón Bolívar donde se asocia con un emblema nacional.

Es la linea donde la calidad de la cerveza es la protagonista El color azul brinda frescura que es otro aditivo de esta linea de producto. La cantidad de alcohol es menor.

El nombre refleja al General Francisco de Paula Santander

DISEÑO EDITORIAL

“Limítate a usar dos tipografías para que los lectores se centren en las palabras, no encuántas fuentes se usan para expresarlas.”.

Dan Rubin.

Datos técnicos: Nombre proyecto: Revista Marcha Social Asignatura: Diseño Editorial Año: 2013 Universidad Piloto de Colombia Proyecto académico (GRUPAL) PORTADA Y GRÁFICAS Daniel Acosta : Diagramación

El desafio:

Rediseñar una revista académica de la Universidad Nacional y en base al tema de investigación que allí se trata crear un estilo gráfico, para permitir que la información sea recibida de una mejor manera por el lector.

La solución: La temática de esta publicación es política y estadísticas dentro de este ámbito, esta edición enfocada hacia los jóvenes, los cuales hacen un papel fundamental en la revista. De allí se generó el nombre MARCHA SOCIAL en base a conceptos como libertad, autonomía y confianza.

En cuanto al aspecto gráfico se usó en la portada una temática muy influenciada con el poder de los jóvenes en la democracia actualmente y lo importantes que son en todos los ámbitos, en cuanto a gráficas se usaron sencillas con variedad de colores para generar movimiento en el medio impreso.

Tipografía: CAPTURE IT: Es una tipografía que brinda un aspecto urbano con su relación con el graffiti, es una expresión que se deja en la ciudad, parte del objetivo de la revista. El color rojo afirma el concepto ya que brinda fuerza y carácter.

Icono El simbolo se compone por una forma simplista de un puño alzandose con una bandera, como representación de protesta social y brinda identidad y relación con la temática

CIENTÍFICOS COLOMBIANOS

CARLOS ALBAN

El desafio: La solución:

Datos técnicos: Nombre proyecto: Infografía Carlos Alban Asignatura: Diseño Editorial Año: 2013 Universidad Piloto de Colombia

Realizar una infografía que tenga como tema principal la vida de algunos cientificos colombianos, teniendo en cuenta que su distribución se realizaria potencialmente en una publicación períodica apoyada con material digital.

Iconografía:

Se eligio un estilo gráfico simplista vectorial. Teniendo en cuenta que los prototipos que representaban la evolución del ZEEPELIN para mostrar el sistema de globos aeroestáticos de envoltura metálica,que fue el aporte del científico en la evolución del prototipo.

Se eligio al cientifico Carlos Alban, esto me brindo un panorama gráfico debido a sus inventos.

Paleta de Color:

Donde la paleta de color se dirigio al conocimiento y la ingenieria donde el contraste de frios con calidos refiere al invento más reelevante, el cual fue el gran aporte que tuvo Carlos Alban en la construcción del ZEPPELIN donde el azul refiere al cielo y los colores cafes y grises evocan a la construcción donde este mix de tonos brinda una primera aproximación al tema.

El estilo de la ilustración es simplista para una mejor recordación.

Apoyo digital:

Apoyo creado en Adobe Flash, brindando un apoyo de contenido

Datos técnicos: Nombre proyecto: Boletín mensual Empresa: KUMON INSTITUTO DE EDUCACIÓN Año: 2015-2016

INFORMATIVO - KUMON INSTITUTO DE EDUCACIÓN

El desafio: La solución: Inicialmente se realizo por tres meses, la diagramación realizada por el anterior diseñador, despues de esto se propusieron algunos cambios en los estilos cuanto tipográficos y de imágenes. Y al continuo cambio de la portada generando una novedad tras varias publicaciones.

Al mismo tiempo se propuso una sección en la cúal se presentan los funcionarios a las franquiciadas y generar desde las dos cuartillas de color permitidas infografías y diseño de información de la actualidad de la compañia de una forma más agradable para presentarlo generando mayor pregnancia.

Realizar la diagramación y posterior rediseño del Boletín Informativo de Kumon Instituto de educación,para su distribución mensual en sus franquicias y comunicación interna dentro de la Central para sus funcionarios.

Encabezado:

Se decidio realizar un cambio en cuanto a la distribución, se opto por una opción donde se involucrara mejor con la imagen correspondiente al mes de la publicación.

Normalente se maneja en blanco debido a los fondos de color

Modificaciones: ¿ ?

A

E

Seccion

Encabezados de

Diseño de Información

Cambio

¿Quiénes Somos?

artículo con imagen

( Infografías)

Tipográfico

DISEÑO WEB CAMPAÑAS DIGITALES

“Branding no tiene que ver con el slogan o logotipo, tiene que ver con tu personalidad, con quien tú eres”.

Mirna Bard.

Datos técnicos: Nombre proyecto: Página Web Personal Asignatura: Diseño Web Año: 2013 Universidad Piloto de Colombia Maquetación y Programación

El desafio: La solución: Se tuvo en cuenta la identidad e imagen propia en cuanto a estilo gráfico y colores para empezar la maquetación de la página, se tuvo en cuenta el scroll como una alternativa para otros dispositivos.

Se decidio usar como guia de navegación la diagramación de mi portafolio, se brindo slides que brinden información, tanto de los proyectos como de las habilidades que puedo brindar como diseñador y un espacio de contácto clave para el posterior respuesta a solicitudes.

Realizar la maquetación y programación de un sitio web propio donde sirviera de portafolio y eje de una estratégia digital que tienen redes sociales como Behance, LinkedIn e Issu para apoyar y difundir la página.

Estructura de navegación:

Inicio de la página Se genero una interfaz donde el contácto por las redes sociales y mis habilidades sea lo principal.

Home Categorias Se genero una interfaz clara mostrando los trabajos realizados y sus reproducciónes.

Home Portafolio

Galería Se muestran las reproducciones de cada proyecto

Datos técnicos: Nombre proyecto: Estratégia digital INSTALAIRE Empresa: INSTALAIRE LTDA Año: 2015 CREACION DE BANNERS ESTRUCTURA DE NAVEGACIÓN ENFOCADO A LA PROMOCIÓN

El desafio: La solución: Despues de tener una rennovación de la imágen e identidad coorporativa, se decidio como un factor fundamental para la promoción de la marca la implementación de una pagina web como eje de un plan de medios enfocados a brindar información de servicios y utilizar la experiencia como incentivo para atraer potenciales nuevos clientes. Se eligio una estructura de “scroll” buscando la facil adaptación a dispositivos moviles o diferentes formatos. Se maneja una paleta de colores frios y evocativos a valores como tecnología y confibilidad.

Difundir los productos y servicios de la empresa INSTALAIRE LTDA a traves de estrategias que la impulsen en el entorno digital, creando una página web donde plasme los beneficios más importantes y sirva de eje del plan de medios y de las redes sociales.

Banners Coorporativos:

Este tipo de piezas seran el eje del plan de medios, ya que se difundiran en las diferentes plataformas sociales al igual de la pagina web

Difundir Experiencia:

Ofrecer servicios:

Difundir los servicios de INSTALAIRE LTDA a traves de estrategias que la impulsen en el entorno digital y la alianza como método de confiabilidad.

DELIMITAR LAS DIFERENTES TEMÁTICAS (INSTALACIONES Y SERVICIOS) ACOMPAÑADA DE CLIENTES Y PROYECTOS ACTUALES.

Datos técnicos: Nombre proyecto: NUEVO SISTEMA DE ENVIOS WEB ORDER Empresa: KUMON INSTITUTO DE EDUCACIÓN Año: 2016 CREACION LIBRETA OBSEQUIO PIEZAS GRÁFICAS DE EXPECTATIVA (IMPRESO, MAILING)

El desafio: La solución: Contemplando la estratégia que surgió desde el departamento de logística de KUMON, se dirigío una serie de MAILINGS donde se muestra los beneficios que les traera, el modo de desarrollo y mayor control que tendran del material. Se enfoco hacia mujeres que evoquen la seguridad y confianza que les llevara esta iniciativa a las franquicias. En cuanto a la paleta de color, se manejo una serie de azules que evocan la tecnología y desarrollo al igual que educacion valor fundamental de la compañia.

Generar una campaña de expectativa dirigida a las franquicias con el fin de presentar un nuevo sistema de envios para material de la empresa llamado WEB ORDER, brindando desde una serie de mailings un recordatorio quincenal que les sirva de guía. Adicional realizar el diseño de un obsequio que se entregara el día que se haga el lanzamiento a nivel Bogotá y posterior nacional.

Campaña de expectativa: BRINDAR BENEFÍCIOS DEL PROGRAMA DESDE UNA PERSPECTIVA DE LA CONFIANZA Y PROGRESO QUE TENDRAN CON EL NUEVO SISTEMA

Paleta de Colores: SOCIABILIDAD

CONFIANZA

PROFESIONALISMO

Franquicias

KUMON 2015 - 2016

El desafio: La solución: Inicialmente en el 2015 se manejo un rediseño de la imagen que tenia basandome en una paleta de color que se basa en colores pasteles donde los naranja y aguamarina crean una identificación de la educación y oportunidad de negocio. en 2016 se genero un diseño donde la imagen tenga mas protagonismo colocando a las Orientadoras, en situación generando un vinculo a través de copys como “Haz parte de la Multinacional más grande del mundo”

Datos técnicos: Nombre proyecto: FRANQUICIAS KUMON 2015/2016 Empresa: KUMON INSTITUTO DE EDUCACIÓN Año: 2015-2016 CREACION TRIPTICO Y AFICHE PIEZAS GRÁFICAS PARA MAILINGS DE RESPUESTA AL CLIENTE Y DIFUSION EN REDES SOCIALES Y PLATAFORMAS DIGITALES

Crear la imagen e identidad visual para la campaña de Franquicias, que transmita y comunique de una manera efectiva los objetivos de Kumon Colombia en el reclutamiento de nuevas Franquiciadas a nivel nacional.

Imagen:

La imágen principal tendra a una mujer y a un niño, esto con el fin de generar un mayor vinculo entre la candidata y el método logrando una mejor identificación con la marca.

Paleta de Colores:

El color principal es el azul turquesa que evoca al conocimiento, es envolvente y tranquilizante y bastente usado en el marketing , en cuanto al secundario es un tono vinotinto que tiene como objetivo llamar la atencióny es un color emocional.

La mezcla de estos tonos genera la sensación de traer el cielo a la tierra, que tiene como significado concretar las ideas o sueños pendientes

1

3

Datos técnicos: Nombre campaña: YO AMO A KUMON Empresa: KUMON INSTITUTO DE EDUCACIÓN Año: 2015 CREACION LOGOTIPO PIEZAS GRÁFICAS PARA MAILINGS PIEZAS PARA VIDEOS DE PROMOCIÓN

El desafio: La solución:

Crear la identidad de la campaña YO AMO A KUMON, la cual tenia como fin, que los alumnos de las diferentes franquicias de Kumon a nivel nacional enviaran un video donde nos comentaran porque les gustaba Kumon.

Creacion logotipo:

Mailing Inicio de campaña:

La tipografía que se utilizo fue ASensibleArmadillo, la cual tiene trazos orgánicos evocando a la que tienen los niños en los primeros años de escritura.

Es un instructivo dirigido a las franquicias , dando inicio a la campaña y explicando el procedimiento.

Debido a las diferentes plataformas en las cuales la campaña tendra difusión, se eligio realizar un logotipo sobrio donde en su estética tenga relación con la imagen de la empresa.

Teniendo en cuenta que los valores importantes de esta campaña son los testimonios de los niños, fue un concepto que la tipografía deberia adoptar. Se eligió un simbolo de complemento que evocara el sentimiento que tienen los alumnos con el método.

El icono que se utilizo tiende a conectar el sentimiento del alumno frente al método desde un trazo orgánico con relación a la tipografía.

1, Videos redes sociales 2. Eventos de la empresa 3. Reunion de Padres Kumon 4. Videos testimonios

CAMPAÑA DIGITAL

ALUMNOS KUMON 2016

Datos técnicos: Nombre campaña: CAPTACIÓN ALUMNOS Empresa: KUMON INSTITUTO DE EDUCACIÓN Año: 2016 CREACION DE PIEZAS PARA LA DIFUSIÓN EN GOOGLE ADWORDS Y BANNERS PARA FACEBOOK.

El desafio:

Generar una estrategia de comunicación y de medios enfocada a la captación de Alumnos a través de los medios digitales, que tenga una identidad constituida en relación a los propositos de la compañia en el 2016.

La solución:

Imagen de campaña:

Teniendo en cuenta que las piezas que se realizaban para la difusión en las diferentes plataformas tenian el concepto de la compañia“Voy un paso adelante, voy más allá”, no referenciaban la actividad de los alumnos Kumon en las diferentes Unidades que era el objetivo de la campaña en el 2016. Desde el banco de imagenes interno de la compañia se eligieron diferentes Alumnos dentro de sus rutinas de estudio, complementandolo con copys donde se muestren los beneficios del método.

Paleta de colores:

CREDIBILIDAD

ALEGRIA

CREATIVIDAD

Gráfica complementaria: La imagen que se utilizara en la serie de medios se enfocara en Alumnos realizando Material o Leyendo esto con el fin de generar un mayor vinculo con nuestro objetivo.

PATRON ESCOLAR

BOTON DE MATRÍCULA

Daniel Diaz Diseñador Gráfico

con enfasis en branding y diseño web

“no vivas para que tu presencia se note, sino para que tu ausencia se sienta�

“PENSAR PARA DISEÑAR”

Daniel Alejandro Diaz DISEÑADOR GRÁFICO

dg20diaz@gmail.com -Cel. 321 439 04 29

Mas información en: