By: JORGE ALBERTO GARCÍA RASCÓN
3
“EL DISEÑO ES UNA INVERSIÓN NO UN SIMPLE ELEMENTO DECORATIVO”
Mi nombre es Jorge Alberto García Rascón soy diseñador gráfico, enfocado principalmente en el diseño digital, actualmente desarrollaando mis habilidades y conocimientos de diseño en el marketing digital y diseño web. Presento ante ustedes mi portafolio de trabajos y proyectos gráficos, a lo largo de mi experiencia en el diseño me e interpretado ideas a través de metodologías de trabajo realizando diseños creativos y funcionales, por lo que en todos estos proyectos podrán apreciar cada una de esas cualidades, desde visual keys para publicidad en redes sociales, diseño de contenido para facebook e instagram, fotografía, retoque fotográfico, elaboración de propuestas comerciales o brochures, infografías y diseño web enfocado a la experiencia de usuario.
4
A R T E D I G I TA L
Y FOTOCOMPOSICIÓN
La edición fotográfica y el retoque digital son una de mis especialidades para crear composiciones gráficas atractivas en los artes para social media. El master graphic se adapta a los elementos requeridos para la publicidad o el contenido dentro de una estrategia de marketing digital. El objetivo de dichas composiciones son atraer la atención del usuario y comunicar un mensaje con el cual se sienta identificado, de esta manera a partir del texto se ruefuerza dicho mensaje generando un engagement y una interacción. El software que utilizo es Adobe Photoshop, utilizando distintas herramientas como recorte de imagen, mapas de degrado, capas de ajuste para la corrección de color, estilos de capas, entre muchas otras.
5
6
7
8
PUBLICIDAD
PA R A R E D E S S O C I A L E S
Dentro del mundo del marketing digital, el diseño es de suma importancia ya que una buena estrategia de venta debe ir acompañada de un arte llamativo y funcional que genere ese engagement en el usuario o público objetivo para incentivar una interacción. El deber como diseñador gráfico dentro de la estrategia de marketing es estudiaar el comportamiento de su target para aplicar los elementos correctos propios del diseño como la tipografía, el color, hacer una buena elección de la imagen y una composición óptima ademas del uso de las herrramientas o software que ayudarán a la creación de los recursos gráficos de la campaña. En mi paso por la agencia de marketing digital he podido colaborar con el equipo de marketing liderando el equipo creativo para la creación de visual keys que se usaron para campañas publicitarias en facebook para distintos giros comerciales, desde hospitales, inmobiliarias, agencias consultoras, gimnasios, constructoras, imprentas, joyerías, universidades privadas, entre muchas más. En los siguientes artes predomina el retoque digital, ha sido una de mis especialidades para la correcta comunicación del concepto requerido por el cliente hacia el usuario.
9
10
11
12
Artes publicitarios | Agencia consultora e
inmobiliaria
13
Artes publicitarios | Agencia consultora
14
Artes publicitarios | Agencia consultora e
inmobiliaria
15
Artes publicitarios | Agencia consultora
16
CONTENIDO PA R A R E D E S S O C I A L E S
El content marketing o marketing de contenidos es un recurso muy importante para las marcas ya que genera confianza y ademas mantiene cautivo al usuario de lo que se publica, siempre y cuando se genere contenido de valor; este contenido debe aportar algo más que información para que se genere además una interación. El diseño gráfico es más que obvio el papel tan importante que toma en este proceso, la buena curación de contenido y la óptima ejecución del diseño, harán que se genere ese contenido de valor. Dicho contenido puede ser realizado en distintos formatos como imáagenes, vídeos, animaciones, etc. Presento algunos artes como infografías, de distintos formatos y estilos y algunas imágenes con frases acompañadas del retoque fotográfico manteniendo la línea gráfica de cada marca.
17
18
19
20
21
22
23
24
25
26
BROCHURE
PROPUESTA COMERCIAL
En una agencia de marketing digital y consultoria se me dió a la tarea elaborar diversas propuestas comerciales para brindar información detallada de los cursos impartidos en dicha agencia, que sean legibles y leíbles para el público objetivo respetando una línea gráfica establecida. También se tuvo la necesidad de crear distintas propuestas comerciales o brochures para presentar los servicios de agencia a distintos clientes potenciales.
BROCHURE | Curso de capacitación 27
Propuesta comercial 28
BROCHURE | Curso de capacitación 29
30
E-BOOK
WORKBOOK
El diseño editorial es necesario para la elaboración de materiales atractivos con información empleada para la educación y capacitación. Es el caso de CERTJOIN, una certificadora internacional que requirió el diseño de su material online para los cursos de 3 certificaciones en SCRUM. Se utilizó una reticulación de 6 columnas respetando los espacios y aire en el diseño para que la lectura sea ágil, brindando descansos visuales entre páginas acompañadas de imágenes.
31
32
DISEÑO WEB
El diseño web es una rama en la cual intervienen muchos aspectos y se necesita una disciplina y organización específica para emplear y planear las ideas concebidas desde un boceto o sketch, pasando por un wireframe a un layout lo más parecido al sitio final, mi labor como diseñador web va más aún más allá, es decir, debo hacer un proceso de diseño centrado en el usuario y así garantizar una usabilidad óptima. He diseñado variedad de sitios web junto con sus respectivas adaptaciones para dipositivos móviles y además se diseño la interfaz para una aplicación a realizar en conjunto con un desarrollador en lenguaje swift. La investigación referente al UX determina el flujo de navegación que la mayoría de los usuarios adopta en los diferentes dispositivos, además se tomaron en cuenta las tendencias en UI vigentes en cada proyecto.
UX&UI
Dentro de los distintos clientes y marcas para los que he colaborado dentro de la rama del diseño web, trabajo en conjunto con el desarrollador web para curbir la necesidad del cliente y los requerimientos que estos nos solicitan en el brief de cada proyecto. En estos proyectos mi labor como diseñador gráfico es realizar la búsqueda de recursos para la elaboración del layout y después pasar a la parte del prototipado, el software que utilizó es Adobe XD para diseñar la interfaz de acuerdo a los requerimientos de la investigación y brief. Los giros para los cuales he tenido la oportunidad de colaborar van desde escuelas privadas, hospitales, laboratorios médicos, tiendas de tatuajes, agencias de viajes, agencias consultoras, desarrollando e-commerce, landing pages, one pages, sitios de 5 a 10 secciones, plataformas LMS.
33
Homepage [Layout] |UX&UI
El proyecto se grafica con el diseño de las pantallas en formato escritorio, sin embargo se debe tener en consideración que el diseño es responsive y debe ajustarse apropiadamente al tamaño del navegador desde el cual se cargue. De tal modo se buscó el diseño adaptado a una versión móvil para la mejor experiencia del usuario vista desde una perspectiva del Design Ux & UI. Se tenía una necesidad gráfica y funcional en la cuál el usuario requería ingresar para solicitar una cita mediante horas y días seleccionados que dependen de la disponibilidad del personal. Así mismo, se tomó en consideración una línea gráfica acorde a la marca.
34
H O M E PAG E Y F O R M U L A R I O
FLUJO DE USUARIO
WIREFRAME
35
PROTOTIPO - LAYOUT
36
37
38
PROTOTIPO MOBILE - LAYOUT
39
El proyecto se realizó en Adobe XD conjuntamente con Adobe Photoshop y Adobe Illustrator. El objetivo final fue buscar una navegación intuitiva y dinámica manteniendo la línea gráfica establecida por la marca PETCLINIC, además se creó la documentación requerida del proyecto donde se especfícan los enlaces y descripción de cada pantalla para el testeo del homepage.
WIREFRAME
40
Homepage [Layout] |UX&UI
S I T I O W E B - AY I D I S E Ñ O A R T E S A N A L FLUJO DE USUARIO
APP - AYI DISEÑO ARTESANAL FLUJO DE USUARIO
41
42
43
El proyecto se grafica con el diseño de las pantallas en formato escritorio, sin embargo se debe tener en consideración que el diseño es responsive y debe ajustarse apropiadamente al tamaño del navegador desde el cual se cargue.. De tal modo se buscó el diseño adaptado a una versión móvil (celular y tableta) para la mejor experiencia del usuario vista desde una perspectiva del Design Ux & UI. Se tenía una necesidad gráfica y funcional en la cuál el usuario requería ingresar para conocer los productos de la marca junto con sus características para poder descargar una aplicación y comprarlos. Se diseñó una propuesta de aplicación móvil para incentivar la compra desde un catálogo.
44
APP(IOS)
El mundo de las aplicaciones móviles se ha hecho cada vez más recurrente entre las marcas en estos últimos años, dentro de mi formación como diseñador gráfico también tuve la oportunidad de aprender y estar cerca del proceso de una app iOS utilizando como herramienta principal Xcode exclusivo del sistema operativo de MacOs, se trabajó en un single view con varias vistas y un prototipo en Adobe XD.
45
46
Empresa dedicada a la fabricación y distribución de pigmentos sólidos y líquidos, se diseñaron las imágenes a medida de la paleta de colores de dicha marca así como la revisión de la navegación y usabilidad óptima para su usuario final.
Sitio Web [layout] | UX&UI
Empresa dedicada a la fabricación y distribución de elementos decorativos de pared hehos de acrílico, se diseñaron las imágenes a medida elaborando mockups para mostrar el uso sugerido en cada espacio según el estilo de los mismos respetando la paleta de clores y línea gráfica de la marca
47
FOTOGRAFÍA
A lo largo de mi vida he tenido acercamientos con la fotografía y desde que inicié el camino del diseño gráfico mis habilidades con la cámara tomaron forma al sostenerse de conceptos gráficos que convergen en armonía para así formar la imagen planeada en la toma fotográfica. Mi formación autodidacta en esta disciplina me permitió experimentar con distitnos formatos, soportes y conceptos, sin embargo, aunque tengo un gusto especial por la fotografía análoga, el mundo digital me ha permitido involucrar más en estos caminos conceptuales con toques artísiticos, si bien la fotografía es una extención del arte, también la considero una parte importante de mi formación como diseñador. Desde productsots con objetos con una historia única que trasciende la imagen, fotografía de retrato, la cual se va desde el simple retratro pasando por el concepto de moda y terminado en el desnudo; fotografía de paisaje en donde se retratan aquellos lugares con una exquisita belleza de este país.
49
50
Productshot | Guitarra y tambor de juguete
51
Productshot | Vino tinto
52
Fotografía de paisaje | Hierve el agua, Oaxaca
53
Fotografía de paisaje | Coyoacán, CDMX
Fotografía de retrato 54
55
56
D I S E Ñ O D E P O R TA D A
MEXBEST SAFETY AND QUALITY TASTE
En el Consejo Nacional Agropecuario estuve trabajando para el Mex Best Safety and Quality Taste en donde el concepto principal es promocionar los productos agrícolas mexicanos con calidad de exportación en las exposiciones y las conferencias de la industria agrícola, que tienen lugar en los mercados de exportación más importantes; así que el requerimiento fue un el diseño de la a portada para la 10ª edición del directorio de productos del MexBest, el fotomonaje y retoque digital fueron un recursos que utilicé para estos artes.
57
58
JORGE ALBERTO GARCÍA RASCÓN GRAPHIC DESIGN behance.net/jorgegarciagraphic
(Behance)
CONTACTO
Teléfono: 5527197335 e-mail: jorgegmzgraphic@gmail.com
Portafolio profesional de trabajos y proyectos gráficos Copyright© Todos los derechos reservados Mejor resolución 1920 x 1080 px