Portafolio

Diseñador

Pablo Fernando Díaz Cruz

PERFIL

PABLO FERNANDO DÍAZ CRUZ

Diseñador, P. Universidad Católica de Chile

Diseñador titulado de la Pontificia Universidad

Católica de Chile, con experiencia en proyectos gráficos, audiovisuales y UI, desempeñando tareas

como la creación de contenido promocional e interactivo en RRSS y marcas educativas. Con conocimientos de Photoshop, Illustrator, InDesign y AfterEffects. Actualmente siguiendo cursos de especialización en diseño gráfico, UX/UI y web. Con habilidades de inglés avanzado, escrito y hablado. Entre mis principales fortalezas está la perseverancia para afrontar nuevos desafíos, creatividad para buscar soluciones desde múltiples perspectivas y una búsqueda constante de

SOFTWARE & CONOCIMIENTOS

D. GRÁFICO E ILUSTRACIÓN

Illustrator

Photoshop

InDesign

Figma

AUDIOVISUAL

Premiere Audition

After Effects

Blender Excel PowerPoint Word

PRÁCTICAS PROFESIONALES

PROTECTORA DE LA INFANCIA

Julio 2021 - Septiembre 2021

MEANING SPA

Febrero 2021 - Abril 2021

COMERCIAL E INDUSTRIAL CALPER SPA

Diciembre 2023 - Actualidad

TRABAJO FREELANCE

+MEANING SPA

Septiembre 2021 - Mayo 2023

Math FUNdations

Diciembre 2022, febrero 2023

C&T Consultores

Octubre 2022

PROYECTOS: CARRERA & FREELANCE

ANIMACIÓN

ID. GRÁFICA +MEANING

Práctica profesional, 03-2021

Motion graphics

Edición de video

+Meaning prontamente estaba lanzando una nueva identidad gráfica, fueron encargados videos en formato Stories y Reel para promocionar dicho evento.

Inicialmente, se analizaron geométricamente los imagotipos, en busca de oportunidades de animación.

Muestra de la nueva identidad gráfica a promover.

Análisis geométricos de los imagotipos.

Fueron realizadas animaciones cuadro a cuadro en Photoshop, tras del feedback se procedió a la animación de las stories. Con lo anterior, se empezó a planificar el reel, con tal de mostrar rápidamente los elementos gráficos:

1. Imagotipos y sus secuencias animadas.

2. Colores institucionales.

3. Imagotipos sobre color.

4. Entorno gráfico.

LINK 1. REEL ID. GRÁFICA

Grid de la publicación del Reel

ANIMACIÓN

INTRO. PROGRAMA MOTIVAL

Práctica profesional, Abril 2021

Motion graphics / Ed. de video

Fue encargado un cortometraje animado dirigido a directores de escuela y apoderados, que explique la misión, visión y funcionamiento del servicio.

Tras aprender el perfil de la empresa, fueron realizados una serie de posibles secuencias de storyboard y posteriores animatics y styleframes.

A partir de diversas iteraciones (propuesta de storyboard, animatic, animatic con styleframes y el video final) y del feedback entregado por el equipo de marketing, se llegó a una propuesta final de guión y video. LINK 2. VIDEO.

GRÁFICA

EDITABLES RRSS

Práctica prof. 07/2022 - 09/2022

Diseño gráfico

La identidad gráfica de La Protectora de la Infancia se encontraba en proceso de actualización, lo que incluye 5 nuevas Causas Institucionales, cada una con un ícono distinto. Por ello, fueron encargados editables para RRSS de causa institucional para la Protectora y sus centros educativos.

Uno de los desafíos fue definir una carta cromática a partir de los íconos de las causas, que incluye un color principal, sus tonalidades y un color complementario, dichas cartas se debían compatibilizar con los colores institucionales de los distintos centros educativos de La Protectora.

CENTROS EDUCATIVOS DE LA PROTECTORA

Fueron analizadas las necesidades comunicacionales de los centros educativos para definir los tipos de editables a desarrollar.

EMBLEMAS DE CENTROS EDUCATIVOS

CUIDADO DE LA CASA COMÚN

ARTES Y CULTURA EDUCAR Y ACOGER

SOLIDARIDAD

ESPIRITUALIDAD

Cartas cromáticas de las causas institucionales y los colores presentes en los emblemas de los centros educativos de La Protectora.

#185388 #0F82C4 #003566 #F67D36

#588799 #91CDE6 #ECCB30

#42758D

#972E29 #DA453C #3DBFBD #6D1D19

#AABF30 #C9D970

# 183D90 #000000 #A662B8

#FFD300

#808C3B

#076653 #02A786 #084D3F #D95376

PANTON BLACK / Fugaz One

PANTON NARROW

Raleway Bold

Raleway Medium

Elementos gráficos de AEV y colaboradores del proyecto.

Primeras dos iteraciones de la interfaz.

ACTIVIDADES AEV

Freelance 09/2022 - 02/2023

Freelance 07-08/2023

Diseño Gráfico / UI / Ilustración

+Meaning SPA integra el proyecto “Aprendizaje que emociona y vincula“ (AEV).

Una plataforma educativa para actividades interactivas centradas en las matemáticas.

Fue encargado el diseño de una interfaz de usuario para las actividades y 20 actividades, está pensado principalmente para apoderados en dispositivos móviles.

PRIMER WIREFRAME

Actividad 1

Actividad 2

Imagen ilustrativa

Final Actividad 2

Tips para profesores

NAVEGACIÓN

El contenido principal consiste en claves emocionales, 2 actividades y consejos para profesores. Debido a que el contenido que buscarían los padres (actividades) es distinto al de los profesores (consejos) se solicitó facilitar el acceso a ambos contenidos y poder transitar rápido entre ellos.

Tras el feedback se modificó el wireframe así como eliminar el contenido desplegable en los pasos de las actividades al ralentizar la navegación.

Sora Bold/ Sora Semibold/ Raleway

LOOK AND FELL

Fue comunicado que debía ser consistente con la identidad gráfica de +Meaning, pero lo suficientemente diferenciable y verificar que el texto sea legible en pantallas pequeñas y ocupe fuentes disponibles en la plataforma Genial.ly.

Se emplearon los colores institucionales, formas redondeadas y transformando los círculos de color a lineas punteadas, representando un sentido de energía y comunicación y conexión.

ILUSTRACIONES

Para recursos como los pasos de las actividades, miniaturas de portadas, material impreso, etc. Fue necesaria la ilustración y composición de imágenes. Como lineamientos principales, fue el empleo de los colores de la marca en los fondos, dar una apariencia de dibujos a lápiz, así como formas y expresiones simples.

Num. a Palabras

Relojes

El cero y el uno

Unidades cuadradas

Transformaciones isométricas

Distancias Redondeo

Patrones de movimiento

Fracciones

ACTIVIDADES IMPRESAS

Ciertas actividades requerían de material impreso para su desarrollo, que constaban de elementos como sopas de letras, fichas para memorice y guías escritas.

Portada

“Iniciar“

Clickear íconos

RRSS (Instagram, Facebook y WhatsApp)

Elegir actividad

Objetivos y claves emocionales

Elegir contenido

Actividades para hacer en casa

Actividad 1

Link

Pasos

Material anexo imprimible.

“Menú“

Actividad 2

Ir al menú de actividades

Ir a la aplicación en clases

C. Emocionales en actividad

Consejos para educadores

Final actividad

Terminar la actividad

Uso de la actividad en la sala de clases RRSS

Clickear íconos

Final

UI

UI MATH FUNDATION

Freelance 12/2022 - 02/2023

Diseño gráfico / UI

Se trata de un proyecto educativo influenciado por AEV. Busca desarrollar y compartir vía móvil material de matemáticas para padres de estudiantes de 4to de primaria en Austin, Texas.

Fue comisionada una interfaz de usuario para los materiales del miércoles (preguntas y respuestas) y viernes (actividad paso a paso).

LOOK AND FELL

Se buscaba una identidad gráfica enérgica, juguetona y con formas curvas. Inicialmente se investigaron diversos juegos y aplicaciones educativas móviles de EEUU, llegando a cartas de color centradas en el verde y azul.

Tras reuniones, se decantó por una carta de colores parecida a la de AEV, y se llegó a un marco curvo animado en Genial. ly para dar la sensación de que “respira” (una de las formas se expande y retrae en la intro).

Source Sans Bold Spartan Bold

Source Sans Medium

Botones

Paneles y cuadros de texto

Bienvenida

“Start“

Click “Concept of the day“

Ventana explicando brevemente el nuevo contenido

Bienvenida

“Start“

Contenidos

Click “Numbers“

Explicaciones en lenguaje simple de los puntos

Pregunta

Respuesta correcta

Felicitación

Continuar con el resto de preguntas

Final “Return”

Respuesta incorrecta

Intente de nuevo

Materiales Pasos Final

Click botón

Información extra

WIREFRAME ACTIVIDADES MIÉRCOLES

WIREFRAME ACTIVIDADES VIERNES

Cuando se establece contenido nuevo, se comentó implementar botones con contenido desplegable que explique dichos contenidos con palabras más sencillas.

GRÁFICA

DOCUMENTOS Y GRÁFICA

Freelance, 02 / 2023

Diseño gráfico

Fue encargada una serie de editables para formatos de ofimática, presentaciones de PowerPoint y plantillas de Word.

Si bien ya había sido definida la identidad gráfica para las actividades de AEV, era necesario expandirla para poder acoplarse a formatos más grandes y que requieren más contenido.

Editable de presentaciones.

Editable

GRÁFICA

TRÍPTICO PRUEBA

10 / 2023. Diseño gráfico

Para una prueba técnica fue solicitado un tríptico promocionando una línea de protectores deportivos.

ANIMACIÓN

VIDEOS VARIOS

Calper SPA, 12-2023 - Actualidad Motion graphics, Edición de video

Con motivo del año nuevo y la inauguración de una tienda, se encargaron una serie de videos y secuencias animadas para RRSS y pantallas de la tienda en dicha ocasión.

Formas como las “estrellas“ son aplicadas por la marca, en las vitrinas de sus tiendas.

LINK 5. VIDEO MEDICAL.

LINK 6. VIDEO CHEF

GRÁFICA

HOME Y GRÁFICA “AÑO NUEVO, COLECCIONES NUEVAS”

12 / 2023. Diseño gráfico

Calper, de manera quincenal, renueva la página de inicio de su sitio web (www.Calper.cl), por lo que se encargaron imágenes en los 3 formatos (banner principal, secundario y colecciones), con un estilo que evoque ”frescura, veraniego y novedad“, que promocione las novedades disponibles durante la primera quincena de enero 2024.

Banner principal (Desktop)

Fragmento home Desktop (Izq) y home móvil (der).

Componentes banner principal (móvil.

Secundario (Desktop).

Colecciones (Desktop).

Entre los desafíos principales estaba el desarrollar un estilo que compatibilice una variedad de fotografías y formatos, ofreciendo una estética atractiva pero que siga promocionando a la ropa como actor principal. Junto a la necesidad de desarrollar las versiones para el sitio movil. Para motivos de usabilidad, elementos como los banners principales eran divididos en imágenes distintas.

Mailing inauguración (arriba) y promoción productos (abajo).

Junto con ello, fue desarrollado material gráfico temporal para RRSS y mailing siguiendo el mismo estilo gráfico.

Bajo la misma linea gráfica, se encuentra también mailing destinado a la inauguración de una nueva tienda en Concepción.

Post Instagram (Carrousel)

ILUSTRACIÓN

ILUSTRACIONES Y PROYECTOS MISCELÁNEOS

Diversos proyectos realizados durante los años, utilizando distintas técnicas y plataformas, principalmente programas de dibujo y dibujo vectorial.

“Cielo de las computadoras“ 2021 Ilustración vectorial.

“Reunión“ 2022

Ilustración digital.

Ilustración digital.

“Chicas de AOU“ (Fanart) 2022

“Vocaloid2“ (fanart) 2023

Ilustración digital.

“Poster titulación“ (fragmento) 2023

Ilustración digital.

Calendario 2023 (Enero-Junio)

Diseño impreso para uso personal Calendario de pared, tamaño A3 por mes.

“The Flow of the heart“

INTERFAZ DE PRUEBA

Dentro del curso de diseño UX/UI se está diseñando una hipotética aplicación, desarrollando distintas etapas: concepto, mapa de contenido, interacciones, sitios y un wireframe, próximamente se desarrollará un prototipo funcional en Adobe XD. El conceptp fue inspirado por mi proyecto de tesis, al ser una plataforma donde las personas pueden recomendar y descubrir medios escritos varios como libros, novelas visuales, comics, etc.

Content map, Between the lines, 2023.