Portafolio 09-2023

Diseñador

Pablo Fernando Díaz Cruz

2023

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 oportunidades de aprendizaje.

AUDIOVISUAL

Premiere

Audition

After Effects

PRÁCTICAS PROFESIONALES

PROTECTORA DE LA INFANCIA

Julio 2021 - Septiembre 2021

MEANING SPA

Febrero 2021 - Abril 2021

TRABAJO FREELANCE

+MEANING SPA

Septiembre 2021 - Mayo 2023

Math FUNdations

Diciembre 2022, Febrero 2023

C&T Consultores

Octubre 2022

EXPERIENCIA

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.

ANIMACIÓN

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.

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.

Styleframes

Animatic

Storyboard

ANIMACIÓN

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.

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.

Primeras iteraciones de color y de la publicación tipo “portada“.

GRÁFICA

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.

EMBLEMAS DE CENTROS EDUCATIVOS

CUIDADO DE LA CASA COMÚN

CENTROS EDUCATIVOS DE LA PROTECTORA

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

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

GRÁFICA

EDITABLES RRSS

Freelance, 07 / 2022

Diseño gráfico

Fueron encargados un set editables para publicaciones utilizando la nueva identidad gráfica de Meaning.

Se buscaba una estética limpia y cercana, aplicado a 7 tipos de publicaciones, cada uno con 3 variantes utilizando un color institucional. De acuerdo a los requerimientos, fueron ilustradas diversas reacciones de niños en estilo minimalista.

Elementos gráficos de AEV y colaboradores del proyecto.

UI

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.

Primeras dos iteraciones de la interfaz.

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.

Portada Introducción Elegir actividad

NAVEGACIÓN

Actividad 1

Actividad 2

Imagen ilustrativa

Inicio

Act 1/2 Conclusió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.

Final Actividad 2

Tips para profesores

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

Botones Botones Íconos

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.

Assets variados de la interfaz de usuario

#F15A24 #0071BC #FBAE17

#F8C8B6 #FFE3B5 #58C6FF

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

Unidades cuadradas

Transformaciones isométricas

Relojes

Distancias Redondeo

El cero y el uno

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.

WIREFRAME FINAL

Elegir actividad

Pasos

Actividad 1

Final actividad

Clickear íconos

RRSS (Instagram, Facebook y WhatsApp)

“Iniciar“

Actividades para hacer en casa

Link

Material anexo imprimible.

Terminar la actividad

Uso de la actividad en la sala de clases

Objetivos y claves emocionales

Elegir contenido

Actividad 2

Ir al menú de actividades

Ir a la aplicación en clases

Final

Fin

“Menú“

Clickear íconos

C. Emocionales en actividad

Consejos para educadores

RRSS (Instagram, Facebook y WhatsApp)

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).

Primeras dos iteraciones de la interfaz y cartas cromáticas preliminares.

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

ELEMENTOS GRÁFICOS

Bienvenida

Contenidos

Pregunta

“Start“

Click “Concept of the day“ Click “Numbers“

Ventana explicando brevemente el nuevo contenido

Explicaciones en lenguaje simple de los puntos

Respuesta correcta Respuesta incorrecta

Felicitación

Continuar con el resto de preguntas

Final “Return”

Intente de nuevo

WIREFRAME ACTIVIDADES MIÉRCOLES

Bienvenida

Materiales Pasos Final

WIREFRAME ACTIVIDADES VIERNES

“Start“

Información extra Click botón

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.

Editable de presentaciones.

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 documentos y articulos.

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

“Chicas de AOU“ (Fanart) 2022

Ilustración digital

“Poster titulación“ (fragmento) 2023

Ilustración digital

“Vocaloid2“ (fanart) 2023

Ilustración digital

Calendario 2023 (Enero-Junio)

Diseño impreso para uso personal

Calendario de pared, tamaño A3 por mes

Content map, Between the lines, 2023.

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.