Category Archives: Quien Es Víctor

Diseño de Marca Todoficina Chile SPA

Diseño de Marca Todoficina Chile SPA

Siempre existe la necesidad de muchos emprendimientos, proyectos de empresas que recién comienzan, por tener un buen “logo” para tener más visibilidad, más llegada a más personas, pero para esto resulta fundamental tener una imagen única que marque la diferencia entre una y otra empresa.

Hay que entender que esta labor es fundamental donde el diseñador tiene un papel clave en resolver en forma optima y de gran calidad, la imagen, la identidad propia y diferenciadora que marcará en los públicos objetivos de nuestros clientes.

Existe también mucho desconocimiento de parte de los emprendimientos, en como debe ser el diseño de una marca, lo que significa tener un marca diseñada y como debe funcionar en diferentes soportes. Por favor, dejen al diseñador que los oriente. Un profesional del diseño,
debe investigar sobre la competencia de nuestro cliente, revisar sitios, otros “logos”, pedir referencias a nuestro cliente, pedir información sobre su competencia, etc. y entregar la orientación necesaria para ayudar en la búsqueda de esa identidad.

Todoficina Chile SPA es un excelente ejemplo donde se grafica de forma simple, pregnante y de forma única, la identidad de lo que es la empresa y sus servicios. El uso del color, también marca una diferencia en muchas aplicaciones.

La marca contiene muchos elementos, pero en algunos casos es necesario usarlos par dar mayor identidad a la marca y diferenciación con el público. Usar 4 colores en la marca principal, es en muchos casos, más costoso y complicado de aplicar, sin embargo existió un especial cuidado por entregar sugerencias en 1 color y 2 colores.

Todoficina Chile SPA
« of 4 »
Adobe XD, Diseño de Experiencias

Adobe XD, Diseño de Experiencias

Comencé a usar esta maravillosa herramienta de diseño web, más que nada por una necesidad urgente dada la exigencia en mi nuevo trabajo. Como diseñador gráfico y diseñador web, mi trabajo en estos últimos años, había estado enfocado en crear o adaptar plantillas web (HTML/CSS – WordPress), que me permitían resolver en forma rápida y óptima, diversos diseños de sitios que luego publicaba en diferentes servidores.

Hoy, agosto 2019, parte de mi trabajo ha cambiado, he debido entender y trabajar rápidamente con Adobe XD, quien me ha permitido avanzar consistentemente en resolver problemas de diseño gráfico de variadas interfaces gráficas, que necesitaban una intervensión urgente en este tema.

Adobe XD ha sido un aliado fundamental en esta tarea, ya que me ha permitido diseñar varios proyectos de interfaces gráficas, donde mi referencia de diseño base es Bootstrapp y Angular, ambos framewoks inspirados en Material Design. Esto quiere decir, buscar un diseño limpio, simple, minimalista, privilegiando los detalles, el uso del color e imágenes únicas; lo cuál puede transformare en una excelente experiencia de usuario.

Una vez logrado un diseño gráfico que cumpla con lo descrito anteriormente, se debe preparar el entregable a los desarrolladores web, en este caso, Ingenieros en Informática en su mayoría, quienes usando los frameworks mencionados, aplican el diseño. En este preciso momento, Adobe XD nos sorprende con una interfaz gráfica online, que permite al diseñador compartir con el desarrollador todos los elementos utilizados en el diseño, pero ya pre-adaptados en modo web, es decir, todos los elementos como tipografías, imágenes, colores, vectores y código CSS vienen listos para comenzar a codificar.

Algo que me ha sorprendido gratamente y he recibido buena aceptación por parte de los desarrolladores.

Comparto algunos ejemplos de lo que he diseñado hasta hoy (2019):

Archivo Nacional
« of 8 »
Trabajos 2018

Trabajos 2018

« of 2 »
Mapa Interactivo Adobe Animate CC

Mapa Interactivo Adobe Animate CC

Este mapa interactivo fue encargado para un proyecto de difusión para productores gourmet de la Región de O’Higgins, a través de la Universidad Central de Chile.

El proyecto consistía en dibujar/trazar el mapa de la Región de O’Higgins e incluir alrededor de 100 productores, agrupados en las más de 30 comunas de la región.

Además de su nombre y ubicación, se incluyó su número de celular activo para llamar, su email, para enviar mensajes y en caso que corresponda, su sitio web.

El trabajo en Adobe Animate, requirió de tiempo para ordenar y dar interactividad a los más de 200 botones.

Primero lo dibujé en Adobe Illustrator y fuí exportando los elementos hacia Adobe Animate y luego fuí dándole interactividad a cada botón.

VER MAPA INTERACTIVO ADOBE ANIMATE

Resumen de Trabajos, Agosto 2017

Resumen de Trabajos, Agosto 2017

Este resumen de trabajos abarca desde el año 2016, hasta agosto del 2017.

Contiene una diversidad de trabajos, entre impresos, carpetas, portadas,  invitaciones digitales, banner para sitios web, un diseño para una caja (packaging), propuestas para sitios web y avisos para revistas.

Muchos de estos trabajos se usaron , varios otros quedaron sólo en la maqueta, en la propuesta ó simplemente el cliente jamás las vió. Por lo mismo me parece interesante compartirlas, para mostrar que muchas veces el trabajo del diseñador se torna muy complejo, ya que debe ser capaz de lograr un excelente trabajo y tomar en cuenta cada opinión del cliente e intentar lograr que el trabajo final quede de una calidad sorprendente y capaz de ser aplicada múltiples soportes.

« of 3 »
Propuestas de logos para diferentes clientes

Propuestas de logos para diferentes clientes

La idea es  mostrar el trabajo que hago cuando diseño un logo.

Lo más importante es buscar abstraer los conceptos más significativos, dentro de lo que el cliente necesita mostrar como identidad corporativa, para esto recurro a múltiples recursos, entre ellas buscar en internet ideas que ayuden a inspirar y preparar los primeros bocetos, tirar las primeras líneas, usando tipografías que permitan mostrar una identidad propia, única, original.

Adobe Illustrator es mi gran aliado en esta tarea, como herramienta digital, me permite vectorizar conceptos y mesclar ideas. Colores, formas, trazos y dibujos, que hago a mano y luego escaneo, van mostrando avances en este complejo camino que es diseñar logos creativos, modernos, en poco tiempo y que no sean copias ó uso exagerado de íconos bajados de sitios gratuitos.

Adobe Animate CC

Adobe Animate CC

Tuve la oportunidad de aprender a usar este fantástico programa de Adobe Systems. Aprovechando que tengo licencia original, no podía dejar pasar la oportunidad de participar en un taller que duró 2 meses y me permitió conocer la forma de trabajar.

La idea de Adobe Animate CC 2017, es producir animaciones interactivas, con links y movimientos dentro de las mismas animaciones en HTML5/JavaScript.

La forma de trabajar es similar a lo que era años atrás Flash, pero las instrucciones para la interactividad son radicalmente diferentes.

Además no existe el problema de bloqueo de los navegadores web, sino que al contrario, el despliegue es bastante fluido y visualmente bastante atractivo.

BANNER INTERACTIVO HTML5/JAVASCRIPT

INTERACTIVIDAD HTML5/JAVASCRIPT

ANIMACIÓN INTERACTIVA HTML5/JAVASCRIPT EN SITIO WEB

Diseños y Desarrollos Web

Diseños y Desarrollos Web

En estos últimos meses he trabajado en varios proyectos web relacionados principalmente con WordPress.

He logrado dominar el diseño y el desarrollo de sitios para todos los dispositivos móviles y también la personalización de plantillas de pago en forma rápida y eficiente.

Más interesante, es tomar diseños de otros colegas y transformarlos a web. Si bien es cierto, hay muchas cosas que cambian cuando se están desarrollando proyectos en ambiente web, la idea es que esos elementos o áreas de contenido que cambian, mejoren la experiencia web, tanto en diseño, como en funcionalidad.

 

Web WordPress

Web WordPress

Durante el año 2013, he desarrollado varios proyectos web con WordPress.

Estos proyectos han consistido principalmente en diseñar una platilla desde cero, con diseño personalizado, arquitectura de información, wiframe, desarrollo y puesta en marcha. La puesta en marcha incluye el uso de variados Plugins lo que permiten un enriquecimiento del sitio y a la vez que el usuario puede manejar variadas alternativas a la hora de actualizar su información y/o mantener contacto permanente con sus usuarios a través de la redes sociales, envíos de newsletter, boletines, etc.

Examen Web Responsive

Examen Web Responsive

Durante Julio y Agosto de 2013,  hice un Curso de Certificación para el desarrollo de sitios web Responsive. Este curso consistió en el desarrollo y conocimiento de diferentes etiquetas HTML 5 que permiten un uso estandarizado y reconocible por la mayoría de los navegadores web, para la detección y adaptación de diseño web a través de CSS y que reconocen automáticamente el tipo de dispositivos a través de Media Query y el diseño del sitio lee el CSS correspondiente y se adecua a la pantalla.

Con esta técnica, se puede comprobar su efectividad en el mismo archivo index, junto al nevegador (Chrome, Explorer, Firefox, Safari) escalarlo para que el CSS llame al código correspondiente y el diseño se adapte.

Luego de un arduo trabajo y estudio, logré conocer y dominar esta técnica, donde logré certificarme, obteniendo nota 6,8.

Acá el resultado:

http://indicio.cl/trabajos/examen-responsive/index.html