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 en las áreas educativas e e-commerce. 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.
SOFTWARE & CONOCIMIENTOS
D. GRÁFICO E ILUSTRACIÓN
PRÁCTICAS PROFESIONALES
PROTECTORA DE LA INFANCIA
Julio 2021 - Septiembre 2021
MEANING SPA
Febrero 2021 - Abril 2021
SOCIEDAD COMERCIAL PETHOME SPA
Marzo 2024 - Actualidad
COMERCIAL E INDUSTRIAL CALPER SPA
Diciembre 2023 - Marzo 2024
TRABAJO FREELANCE EMPLEO
+MEANING SPA
Septiembre 2021 - Mayo 2023 Math FUNdations
Diciembre 2022, febrero 2023
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.
Elementos gráficos de AEV y colaboradores del proyecto.
Primeras dos iteraciones de la interfaz.
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.
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.
NAVEGACIÓN
Tras el feedback se modificó el wireframe así como eliminar el contenido desplegable en los pasos de las actividades al ralentizar la navegación. Portada
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.
Sora Bold/ Sora Semibold/ Raleway
#F8C8B6
#FFE3B5
#58C6FF
#F15A24
#0071BC
#FBAE17
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.
Botones
Botones Íconos
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
Patrones de movimiento
Redondeo
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
“Menú“
Uso de la actividad en la sala de clases
Actividad 1
Link
Material anexo imprimible.
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
Clickear íconos
Final
RRSS (Instagram, Facebook y WhatsApp)
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).
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
Bienvenida
“Start“
Click “Concept of the day“ Click “Numbers“
Ventana explicando brevemente el nuevo contenido Explicaciones en lenguaje simple de los puntos
Respuesta correcta
Felicitación
Continuar con el resto de preguntas
Intente de nuevo Final “Return”
Respuesta incorrecta
WIREFRAME ACTIVIDADES MIÉRCOLES
“Start“
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 de documentos y articulos.
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.
VIDEO TV TIENDA.
LINK 3.
LINK 4.
VIDEO TV GIFTCARD.
LINK 5. VIDEO MEDICAL. LINK 6. VIDEO CHEF
GRÁFICA-WEB
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)
GRÁFICA-WEB
HOME Y GRÁFICA PETHOME, NUEVA IMAGEN Y CYBERDAY 2024
03-Actualidad / 2024. Diseño gráfico
Diversos Banner utilizados en el Home principal
Pethome, con motivo de la migración de su plataforma de comercio a Magento, se decidió a renovar la identidad gráfica de su sitio web, redes sociales y demás canales de comunicación. Al ser un entorno y mercado competitivo y en constante expansión, se debía llegar a una identidad que se adaptara a diversos medios como sliders y banners de sitio web, gráfica para tienda física, post de redes sociales, plantillas de mailing y más.
El desarrollar la identidad gráfica de un sitio de e-commerce no solo implica desarrollar gráficas para páginas de la navegación principalo secundaria, sino que estar constantemente diseñando nuevas propuestas a los visitantes, realizar instancias como encuestas o campañas de recolección de opinones sobre como interactúan con el sitio. Todo para generar una experiencia de navegación en constante mejora.
Ejemplo Mailing. Material campaña PMax
El e-commerce ofrece canales de comunicación como el mailing, anuncios pagados por redes sociales como lo serían Instagram y Youtube y anuncios pagados por motores de búsqueda, y más reciéntemente en Chile, el uso de aplicaciones de mensajería con fines comerciales como WhatsApp.
El desarrollo de una campaña exitosa no solo ha implicado utilizar un medio principal, sino que utilizar varios al mismo tiempo, cada uno comunicando con distintos objetivos y enfoques.
Campaña WhatsApp
LINK 7. VIDEOS SITIO WEB
LINK 8. MATERIAL PMAX
LINK 9. VIDEO RRSS
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.
“Chicas de AOU“ (Fanart) 2022 Ilustración digital. “Reunión“ 2022 Ilustración digital.
“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“ (variante)
UI
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.
Prototipo inicial en figma, Between the lines, 2023.