Hola, mi nombre es Santiago Yáñez, Diseñador Gráfico de profesión. El Desarrollo Front-End ha sido mi principal actividad desde el año 2010. He trabajado en 3 agencias digitales: Fusiona, Bitbang y Cardumen, colaborando en tareas de planificación, usabilidad, interfaces, diseño, armado html y gestión con diferentes metodologías de trabajo tradicional, Kanban y Scrum.

Mis conocimientos creativos tienen una base de 4 años de estudios de Diseño Gráfico en la Universidad Santo Tomás. Al egresar, comencé a investigar sobre desarrollo web. A través de este aprendizaje práctico, obtuve nuevas herramientas, tales como: manejo de lenguaje html, uso de hojas de estilo css, aplicación de framework jquery, algo de php y manejo de algunos CMS (Drupal, Wordpress y Expression Engine). El manejo del código me ayudó a entender el proceso completo de desarrollo de un sitio web o aplicación, esto me llevó a trabajar con mapas, wireframes y mockups con el fin de mejorar la usabilidad de los diversos desarrollos. Con el tiempo retomé el diseño y tomé un curso de Dirección de Arte en la agencia Josefina Pro. Estos estudios y experiencias me convirtieron en un Diseñador-Desarrollador Front-End.

Puedo colaborar en la mayoría de los procesos de un proyecto digital, desde la idea hasta la implementación: Flujos de navegación, wireframes, mockups, prototipos, procesos UX, diseño, interfaces, armado html e integraciones con CMS, entre otros.

palette

Son variadas y complementarias en el proceso de desarrollo digital. Siempre inicio con lápiz y papel (boceteo mapas, flujos y/o sketch), digitalizo el sketch con Axure, del cual obtengo wirefames, mockups y/o prototipos. El diseño lo creo en conjunto con Adobe Fireworks, Adobe Photoshop e Adobe Illustrator. Aprobado el diseño, paso a código html con Sublime (mi mejor amigo) y el render en Google Chrome, obvio. Las compatibilidades para Internet Explorer las reviso con máquinas virtuales, los respaldos del código con SourceTree + GitHub conectado a Bitbucket y el paso a producción con FileZilla.

Herramientas complementarias:
Edge animation - Flash - Dreamweaver - Beyond Compare - Yeoman - Trello - Jira - Confluence.

code

Partiendo de la base de Español-Chileno, escribo mucho mejor en HTML(4 ó 5) dependiendo del proyecto me apoyo con algún Framework como HTML5 Boilerplate, Bootstrap, Foundation, Materialize. También he probado Pure y Skeleton pero no logré quererlos.

Para los estilos, CSS2 y CSS3 (con sus prefijos y pseudo-clases), afortunadamente esta LESS y SASS, este último lo utilizo con frecuencia, ya que me ayuda a ahorrar líneas de código y tiempo. También uso @Media Query estándar para desarrollar web/apps responsive.

Otro lenguaje que utilizo con frecuencia es javascript con la librería de Jquery: interacciones, manipulación, eventos, animaciones, efectos, servicios, integración de plugins Jquery UI. Actualmente estoy aprendiendo Angular.

Poseo un nivel básico en PHP, conozco de framework MVC como Codeigniter o Laravel por lo que me es más rápido integrar la parte gráfica a proyectos desarrollados en ellos. Bajo el mismo lenguaje he desarrollado sitios con los CMS: Drupal y Wordpress, Expression engine, también he diseñado themes para Liferay.

Aunque confío en mis conocimientos para desarrollar las tareas que se me asignan, siempre intento agregar algún detalle extra. Por lo que mi habilidad de búsqueda de información me es muy útil para entregar una valor agregado y solucionar problemas.

Cumplir mis objetivos es prioridad, por lo que planificar mis tareas es bastante entretenido.

Me gusta entregar buenos trabajos por lo que soy muy crítico con la forma en que se desarrolla una tarea. Todo con el objetivo de mejorar cada proyecto en el que participo.

supervisor_account

Si bien mi personalidad es más bien introspectiva, a la hora de trabajar en equipo eso cambia ya que me integro a un objetivo en común, en el cual estemos todos comprometidos, esto me lleva a querer estar informado de las tareas de los demás y disponible para entregar mi ayuda para avanza en el proyecto. Del mismo modo soy crítico cuando las tareas de otros retrasan mi desarrollo, ya sea por su calidad o tiempos de entrega.

Puedes ver el diseño de algunos proyectos en cada link:

Minning footprint
Medical cooperation
Environmental monitoring system
CRM

visibility_off

Mi viaje por el diseño comenzó en área de la imprenta: duró muy poco.

Mi apego a la tecnología me llevó al diseño de sitios web y la primera estación fue Planeta Medios, en esta agencia aprendí el funcionamiento del área digital. Al salir de allí, llegué a la agencia digital Fusiona (2010), en este lugar comencé a bocetar los primeros mapas y wireframes para luego diseñar sitios web y apps móviles para grandes marcas, luego de un año, apareció Bit-Bang, en la cual estuve cerca de 4 años participando en el desarrollo de proyectos completos desde las ideas, funcionalidades, wireframes, diseños, maquetas html, configuraciones de CMS, etc. hasta la publicación del proyecto. Actualmente trabajo en la agencia Cardumen, como staffing para el proyecto Core Bancario de Banco Ripley, las tareas que ejecuto son diseño, armado html responsive, mantención de themes, layouts y contenido.

thumb_up
1. Independiente: siempre quiero hacer las cosas sin utilizar el tiempo de otras personas y si puedo investigar y encontrar la solución a mi problema genial (pero si esa búsqueda se extiende siempre es mejor pedir ayuda).
2. Trabajador: el trabajar en lo que me gusta hacer es lo mejor de la vida, porque que no me doy cuenta del paso del tiempo diseñando y armando.
3. Honesto y directo: no soy de darme vueltas y reiterar opiniones o dichos, lindo o feo, bien o mal.

thumb_down
1. Compartir mis opiniones a tiempo y con más fuerza.
2. Disminuir el sobre-analizar todo y ejecutar de una vez.
3. Aumentar mi sensibilidad y empatía hacia temas que no son de mi interés.

1. Ser partner y colaborar en los más diversos proyectos, hacer que las personas disfruten ideas, objetos y experiencias que los guíen hacia su objetivo de la forma más creativa, funcional y entretenida posible.
2. Ser capaz de desarrollar aplicaciones móviles con el fin de generar proyectos propios no monetizables ^{(por ahora)}.

- Participó en el desarrollo un portal financiero en sus áreas pública y privada.
- Colaboró en el diseño y Front-End de un CRM y software a medida para medianas empresas.
- Colaboró en el diseño de una app mobile en una Start Up.