Informe de Práctica Profesional

Informe de Práctica Laboral Nivel Profesional DPL7011 Mariana Graciela Durán Carrasco Prof. Alexandra Faille Carrera de Diseño Gráfico DuocUC, Viña del Mar 2009

1

Informe de Práctica Laboral Nivel Profesional DPL7011 Introducción............................................................................. 3

parte uno • sangha yoga La Empresa............................................................................... 5 Proveedores............................................................................. 5 Organigrama............................................................................. 6 Procesos.................................................................................. 7 Trabajo del alumno................................................................... 8

parte dos • felicidad La Empresa............................................................................... 20 Proveedores............................................................................. 21 Organigrama............................................................................. 22 Procesos.................................................................................. 23 Trabajo del alumno................................................................... 26 Mira Tú.................................................................................... 33 Conclusión............................................................................... 40 2

Introducción Desarrollé mi Práctica Profesional en dos etapas muy diferentes.

El 17 de marzo comencé la segunda parte de mi práctica en

La primera etapa la llevé a cabo en el verano, desde el 26 de

Agencia Felicidad, ubicada en Santiago. En contraste con mi

enero al 24 de febrero del 2009, tiempo durante el cual rediseñé

experiencia anterior, tuve que cumplir horarios, integrar equipos,

e implementé el sitio web del estudio Sangha Yoga, ubicado en

y realizar diversos encargos. Uno de estos encargos representó

Montauk, Nueva York. Debido a que el lugar físico no se prestaba

en gran medida el trabajo realizado al interior de la agencia: la

para el trabajo de una diseñadora, realicé la labor desde la casa

corrección de los originales del libro Mira Tú.

de mis padres en Nueva Jersey.

Desde aquélla fecha y hasta el 30 de abril fui testigo del trabajo que

Ésta fue una experiencia enriquecedora pues me exigió mantener

se realiza dentro de una agencia de diseño exitosa y reconocida,

mi propio ritmo de trabajo, con metas autoimpuestas y utilizando

en donde las personas realizan su labor de manera comprometida

procesos derivados del trabajo académico. El desarrollo del

y dinámica. Fui parte de un equipo de personas que no me vieron

encargo fue, por lo tanto, algo distinto a aquél que se realiza al

como una alumna en práctica sino como una diseñadora más,

interior de una agencia de diseño, lo que se verá reflejado en

con opiniones y datos que aportar. El sacrificio de viajar y vivir

este informe en la presentación de la empresa y del encargo.

en Santiago tres días a la semana fue bien recompensado.

Mariana Graciela Durán Carrasco

3

parte uno

4

parte uno • sangha yoga • la empresa

Nombre de la Empresa Sangha Yoga Giro Estudio de Yoga Dirección 12 South Etna Ave, Montauk NY 11954 Estados Unidos Teléfono 631 238 5450 Móvil 631 255 2199 (Jenny Baker, supervisora) Web www.sanghayogamontauk.com E-Mail montaukraven@gmail.com (Jenny Baker) Servicios Clases de yoga en diversos niveles, kickboxing y masaje tailandés.

Clientes Abierto a toda la comunidad.

Proveedores Optimum Online Ofrece internet banda ancha de alta velocidad y registro de dominios web, entre otros servicios relacionados.

Dirección: Cablevision Systems Corp.

1111 Stewart Avenue, Bethpage, NY 11714 Estados Unidos

JustHost Servicio de almacenamiento de sitios web.

Dirección: 111 East Broadway

Suite 210 Glendale, CA 91205 Estados Unidos 5

parte uno • sangha yoga • la empresa

Organigrama de la Empresa

Jeannine Logie

socias

Jenny Baker

instructores

diseñadores

Jennifer Cassetta

Josie Gambino

Cathy McGuire

Emily Weitz

Harry Ellis

Alice Houseknecht

Heather D’Agostino

Steve Eaton

Jennifer Frasher

Mariana Durán

6

parte uno • sangha yoga • procesos

Procesos

Sistemas, software y maquinaria Para realizar el encargo (rediseño e implementación de sitio web) se utilizaron los siguientes programas, todos ejecutados desde una plataforma Mac propia: • Adobe Illustrator CS4: desarrollo de gráficos y mock-ups; • Adobe Photoshop CS4: recorte y procesamiento de imágenes; • Microsoft Word: procesamiento de textos; • TextMate: creación y edición de archivos php y html; • CSS Edit: creación y edición de hojas de estilos (CSS); • Transmit: software FTP para transmisión de datos; • Wordpress: plataforma editable para publicación de blogs.

Presentación de los proyectos Durante el desarrollo del encargo se enviaron e-mails periódicos a la supervisora (y clienta a la vez) para consultarle sobre diversos aspectos del proyecto. Se realizaron dos reuniones de trabajo en donde se discutieron adiciones y mejoramientos para la web ya existente, además de generarse un archivo fotográfico para ilustrar el proyecto.

7

parte uno • sangha yoga • trabajo del alumno

Encargo

El encargo consistió en el rediseño de un sitio web ya existente, para el estudio Sangha Yoga. El cliente coincide con la empresa, en este caso, y los plazos con el desarrollo de la primera etapa de la Práctica Profesional (26 de enero al 24 de febrero del 2009).

Objetivo

Implementar un sitio web dinámico en una plataforma amigable, permitiendo una fácil actualización incluso por parte de alguien que desconoce el lenguaje html.

Proceso

A continuación se presenta el proceso de diseño e implementación de manera lineal-temporal, acompañado de imágenes donde se estima pertinente.

Es importante señalar que en el proceso mi participación como alumna en práctica fue vital, ya que no hubo otros diseñadores involucrados. La cadena productiva requirió de la supervisión de la clienta y de su socia, además de los aportes de los instructores en lo que a generación de textos e imagenes se refiere.

8

parte uno • sangha yoga • trabajo del alumno

Investigación y análisis de sitios web En una primera instancia se procedió a realizar un análisis de otros sitios web del rubro para reconocer patrones y recopilar ideas que pudieran ser aplicables al sitio de Sangha Yoga. También en esta etapa se realizó un análisis del sitio existente, y se le envió un informe a la clienta para solicitar la aprobación de los futuros cambios.

imágenes del sitio web existente

9

parte uno • sangha yoga • trabajo del alumno

Blueprint Se envió este blueprint (mapa del sitio web) a la clienta para revisión, pero ésta no pudo accesarlo. En una posterior reunión se le expusieron las partes constitutivas del nuevo sitio y el funcionamiento propio de un blog (categorías, comentarios, etc).

blueprint original en formato pdf en carpeta “adjuntos”.

10

parte uno • sangha yoga • trabajo del alumno

Wireframes Se enviaron cuatro propuestas de wireframe para la página de inicio del sitio web, además de tres propuestas de interiores a partir de una de esas cuatro propuestas.

wireframes en formato pdf en carpeta “adjuntos”.

11

parte uno • sangha yoga • trabajo del alumno Reuniones con la clienta Se realizaron dos reuniones con la clienta y su socia. Durante la primera se habló de las secciones que debería contener el sitio, y también del comportamiento de éste como blog personal que

Identificación de principales problemas y soluciones

ellas mismas podrían actualizar.

Durante el proceso de diseño se identificaron algunos obstáculos, principalmente detalles técnicos que no se habían encontrado anteriormente, y que requirieron de una simple búsqueda en

Recopilación de biografías y fotos de los instructores

Google para dar con una fácil solución.

Proceso que duró hasta el final e incluso hasta después de

• ¿Cómo mostrar sólo el extracto de un post en una barra lateral

terminada la práctica; las biografías las enviaba cada instructor en

junto con una foto pequeña?

su propio lenguaje, y por lo tanto, fue necesario hacerles algunas correcciones. Lo mismo sucedió con las fotos, que en algunos

• ¿Cómo mostrar todos los posts en una página de archivo de

casos no tenían el tamaño adecuado o el encuadre correcto.

categoría?

• ¿Cómo incluir el nuevo sitio en Google, y eliminar la

información del sitio anterior?

Recopilación de archivos de identidad corporativa El diseñador Harry Ellis fue el encargado del diseño de la identidad corporativa de Sangha Yoga, por lo que fue necesario

Recopilación de textos del sitio web existente

solicitar estos archivos para incluirlos en el rediseño del sitio.

Algunos de los textos existentes se utilizaron en el nuevo sitio;

De estos archivos se obtuvieron el isotipo y el logotipo, la paleta

además, éstos sirvieron como punto de partida para generar

de colores y algunos elementos de identidad presentes en el

maquetas donde luego se reemplazarían los textos por unos más

estudio de yoga (lugar físico) pero no en el sitio web existente.

actualizados.

12

Fotografías Se llevó a cabo una toma fotográfica en el estudio de yoga y sus alrededores, con el fin de utilizar las imágenes resultantes en el diseño del nuevo sitio web.

13

parte uno • sangha yoga • trabajo del alumno Mockups en Illustrator Se construyeron tres versiones del homepage en Illustrator,

Fue necesario un chequeo de la hoja de estilos en los distintos

incorporando pequeñas diferencias estéticas y la sugerencia de

navegadores (IE6, IE7, Firefox, Safari y Chrome), y la realización

la clienta de incorporar imágenes de la playa y el océano. Luego

de los correspondientes ajustes. Finalmente se tomó la decisión

se tradujeron los vectores a html puro y se montaron ambas

de seguir por la línea de la primera propuesta.

versiones en la web para revisión de las clientas.

mockups en formato pdf en carpeta “adjuntos”.

14

parte uno • sangha yoga • trabajo del alumno

El Hosting El servicio de almacenamiento de datos (hosting) que Sangha Yoga tenía contratado con Optimum Online era muy básico: no permitía la creación de una base de datos (esencial para el funcionamiento de Wordpress) y tampoco la actualización de datos desde un cliente FTP, lo que en otras palabras significaba que cada archivo debería subirse por separado desde el sitio web de Optimum Online.

En esta etapa del proceso se consideró montar el sitio sólo en html, eliminando el sistema dinámico de actualización, pero al comunicársele las opciones a la clienta, ésta tomó la decisión de abandonar su antiguo servicio y contratar uno mejor, con la empresa JustHost. La investigación y configuración del nuevo servicio corrió por mi cuenta, siendo ésta la etapa que representó el mayor desafío, ya que significó convencer a la clienta y tratar con un servicio externo.

15

parte uno • sangha yoga • trabajo del alumno

Instalación de Wordpress Una vez adquiridos el nombre de usuario y password para la configuración del sitio, se procedió a crear la base de datos y a instalar la última versión de Wordpress.

Esta plataforma de publicación funciona con temas que permiten cambiar la apariencia del blog de manera fácil y rápida sin necesidad de modificar los contenidos. A partir de un tema en blanco se creó y activó uno llamado “sangha”, cuyos archivos serían adaptados especialmente para el sitio de Sangha Yoga.

Se crearon 5 categorías para la organización del contenido dentro del blog: artículos, noticias, instructores, talleres y yoursangha. Mediante la selección de una de estas categorías en cada post creado, el contenido aparecerá donde corresponde.

Se configuró el blog para desactivar los comentarios y permitir una serie de comportamientos necesarios para la correcta visualización y navegación del sitio. Además, se hicieron ajustes a la hoja de estilos del tema llamado “sangha” para que el sitio se viera correctamente en todos los navegadores: IE6, IE7, Firefox, Safari y Chrome.

Por último se procedió a “subir” el contenido a la web, a través de la creación de posts y páginas estáticas.

16

El resultado de este proceso se encuentra disponible en la siguiente URL:

www.sanghayogamontauk.com

17

parte dos

18

19

parte dos • felicidad • la empresa

Nombre de la Empresa Agencia Felicidad Giro Producciones de Diseño Dirección Las Violetas 2024 Depto. D Teléfono (2) 334 87 11 Web www.agenciafelicidad.cl E-Mail carola@agenciafelicidad.cl (Carolina Roa, supervisora) Servicios Producciones comunicacionales en el área editorial, publicitaria y corporativa, con énfasis en el diseño de publicaciones impresas y digitales: libros, folletos, catálogos, revistas, merchandising, e-mailings, etc.

Clientes Banco Interamericano de Desarrollo BID Universidad Alberto Hurtado UAH Universidad Diego Portales UDP Fundación Ashoka Restaurant Liguria Aplaplac TVN, entre otros.

20

parte dos • felicidad • la empresa

Proveedores Direcciones: (en Santiago)

Grandes cantidades Puerto Madero

Puerto Madero 130

Pequeñas cantidades Ermaras

Pasaje Santa Graciela 159

Gráfica Andes

Santo Domingo 4593

AMF

Quilin 3700

Gigantografías Euro Cutter

General Salvo 81

Digicolor

Bilbao 2049

Punto G

Portugal 1273

Cromagnon

Av. México 688

Autoadhesivos Euro Cutter

General Salvo 81

Impresso Ltda.

Andrés de Fuenzalida 17 Of. 53

Chapitas Pamela Otarola Rojas Mundo Creaciones

Don Camilo 3047 Providencia 2528 Local 31

Banderas Digicolor

Bilbao 2049

Pamela Otarola Rojas

21

Don Camilo 3047

parte dos • felicidad • la empresa

Piedad Rivadeneira

Organigrama de la Empresa

directora creativa

Diseñadores presentes durante toda la práctica.

Carolina Roa

Diseñadoras presentes durante parte de la práctica.

Diseñadores despedidos durante la práctica.

diseñadores

Max Feito

Max Grum

editora general

Joce Quezada

alumna en práctica Mariana Young

Alberto Infante

coordinadora general

Mariana Durán

22

Andrea Palet

parte dos • felicidad • procesos

a cargo de

descripción

carolina roa

El cliente se contacta con la agencia y detalla el encargo, a través de una conversación telefónica o por e-mail.

diseñador X

La coordinadora delega el encargo a alguno de los diseñadores que conforman el equipo para que realice una propuesta.

Revisión

piedad rivadeneira

La directora revisa la propuesta y hace las correcciones pertinentes, a veces incluso generando una propuesta distinta.

Propuesta formal

diseñador X carolina roa

El diseñador finaliza la propuesta y ésta es enviada por la coordinadora al cliente.

cliente

El cliente envía sus apreciaciones. Éste es el proceso más lento pues se vuelven a enviar propuestas y correcciones hasta que el cliente se sienta satisfecho.

Propuesta final

diseñador X

Una vez recibidos todos los archivos y hechas todas las correcciones se procede a generar la propuesta final del encargo.

Producción

proveedor X + todo el equipo

El diseño final es enviado a producción (generalmente a una imprenta). Se hacen pruebas de color y se da el visto bueno.

Entrega

carolina roa cliente

La coordinadora le informa al cliente dónde puede retirar y pagar su encargo terminado.

proceso

Encargo del cliente

Cadena Productiva

Primeras propuestas

Correcciones

23

parte dos • felicidad • procesos

Equipos de trabajo Al tratarse de una empresa pequeña, el equipo de trabajo está conformado por todos los integrantes. La agencia funciona como un ente orgánico, dentro del cual los proyectos son trabajados por uno o por todos los diseñadores según sea necesario.

Se realizan reuniones generales todas las semanas, de forma que todos estén al tanto de lo que se está haciendo, lo que ya se concretó y lo que viene. Gracias a que el ambiente de trabajo dentro de Agencia Felicidad es muy grato, es común que los diseñadores se critiquen y ayuden unos a otros, creándose un equipo de trabajo homogéneo.

24

parte dos • felicidad • procesos

Sistemas, software y maquinarias En Agencia Felicidad se trabaja sólo en plataforma Mac con la suite CS3 de Adobe. Los programas más utilizados son InDesign, Illustrator y Photoshop. Debido a la naturaleza del trabajo realizado también se utilizó Word como procesador de texto.

Además se traspasaron algunos valiosos archivos de QuarkExpress a InDesign mediante un “plug-in” descargado de internet.

(Cabe mencionar que esta proeza me valió una invitación de almuerzo para celebrar junto a todo el equipo... la que lamentablemente nunca se concretó.)

Presentación de los proyectos En general, las propuestas se envían a los clientes por correo electrónico en formato PDF. En caso de requerirse muestras impresas, éstas se envían directamente a la oficina del cliente mediante un servicio de courier (los llamados motoboys).

Agencia Felicidad hace uso frecuente de este servicio de envíos motorizados, por su eficiencia y rapidez.

25

parte dos • felicidad • trabajo del alumno

Encargo 1 Presentación PPT (Ashoka) Este encargo consistió en animar cinco láminas de una presentación Powerpoint que se encontraba casi terminada. El encargo, aunque simple, significó un desafío ya que debía estar terminado dentro del plazo de un día y yo no manejaba Powerpoint.

Finalmente se realizaron las animaciones en el programa Keynote y se guardaron en la plataforma requerida.

animaciones en formato ppt en carpeta “adjuntos”.

26

Encargo 2 Re-armado y propuesta de portada para el libro Mira Tú La portada del libro Mira Tú consiste en cerca de 275 archivos PSD sobre un lienzo de 33 por 20 cms.

El objetivo era empaquetar el archivo con todos sus enlaces, por lo que fue necesario buscar cada una de las imágenes en un disco externo (incluso rescatando algunas de archivos más complejos), para luego ubicarlas cuidadosamente sobre una plantilla en JPG. También se solicitó completar el diseño de la portada dejando espacio para un texto y un código de barras. Este trabajo demoró tres días aproximadamente.

27

parte dos • felicidad • trabajo del alumno

Encargo 3 Carátula de La Batalla de Chile La Batalla de Chile es un documental de Patricio Guzmán pronto a ser reeditado en DVD como parte de una colección de la obra de este cineasta. Para realizar una propuesta de carátula fue necesario ver el documental, en primer lugar, y luego reunir los pocos archivos enviados para la creación de la carátula.

El plazo para este trabajo fue de un día, al cabo del cual la directora creativa tomó el archivo y realizó ella misma una propuesta, calificando la mía como “un buen ejercicio”. No hace falta decir que su solución fue mucho más creativa, efectiva y llamativa.

28

parte dos • felicidad • trabajo del alumno

Encargo 4 Gráficos del libro de Navia Mi participación en este proyecto consistió en traspasar una serie de gráficos a un formato uniforme y más comprensible que el que enviara el editor. Llamado simplemente “el libro de Navia”, desconozco tanto el contenido específico de la publicación como el primer nombre de su autor.

La realización de este trabajo demoró tres días pues fue interrumpida por otros encargos. A partir de un archivo en formato Word pegado en InDesign, se recompusieron los distintos gráficos según instrucciones del diseñador a cargo del proyecto.

gráficos en formato pdf en carpeta “adjuntos”.

29

parte dos • felicidad • trabajo del alumno

Encargo 5 Gráfico de Diversidad (Universidad Alberto Hurtado) El cliente envió el gráfico de la izquierda para ser incluído en una presentación promocional. Éste no encajaba con la gráfica diseñada anteriormente, por lo que en menos de medio día se debió traspasar el gráfico original a los colores que se muestran a la derecha.

Para esto, se abrió el original en Illustrator, se modificaron los colores y finalmente se pegó el gráfico al archivo InDesign.

30

Encargo 6 Cartas de Bienvenida (Universidad Alberto Hurtado) El encargo consistió en reemplazar y corregir los textos de una serie de 6 cartas dirigidas a los nuevos alumnos de las distintas facultades de la universidad.

También fue necesario reemplazar las fotografías que el diseñador había dispuesto, por las imágenes reales de los facultativos.

Para este trabajo el plazo fue de una tarde.

31

parte dos • felicidad • trabajo del alumno

Encargo 7 Investigación sobre la campaña de Obama Agencia Felicidad estuvo a cargo del diseño gráfico de la campaña de Michelle Bachelet en el año 2005, y este año estará a cargo de la de Eduardo Frei. Con el objetivo de obtener referentes, se le solicitó al equipo de diseñadores la investigación de la campaña mediática del presidente estadounidense, Barack Obama.

Para este trabajo, se recopilaron imágenes del desarrollo de logotipos, tipografías, presencia en redes sociales, aplicaciones web, merchandising e iconografía, y se montaron en una lámina de apoyo para una presentación oral que nunca se realizó.

lámina en formato pdf en carpeta “adjuntos”.

32

parte dos • felicidad • trabajo del alumno

Mira Tú Mira Tú fue una serie de televisión animada de 12 episodios de 30 minutos de duración que se televisó en Chile por el canal TVN en 2002. Durante el programa, los protagonistas recorrían diversos lugares de importancia cultural e histórica en Chile, como por ejemplo el Cementerio General, el cerro Santa Lucía, la Plaza de Armas de Santiago y La Moneda.

El libro Mira Tú es una recopilación del material producido por Agencia Felicidad para la productora APLAPLAC, dividido en 12 capítulos correspondientes a los 12 episodios que tenía la serie. Este libro se comenzó a trabajar en el año 2003, y la agencia pretende publicarlo este año bajo su propio sello editorial. Mi participación en el proyecto consistió en la corrección de los textos en los archivos originales, a partir de las anotaciones hechas por la editora en una maqueta impresa.

33

parte dos • felicidad • trabajo del alumno correcciones de la editora

aplicaciĂłn de correcciones al original

34

parte dos • felicidad • trabajo del alumno

35

parte dos • felicidad • trabajo del alumno

36

parte dos • felicidad • trabajo del alumno

37

parte dos • felicidad • trabajo del alumno

Proceso Mira Tú

Traspaso de archivos a InDesign Los archivos originales del libro Mira Tú fueron trabajados en Quark Express. Una simple búsqueda en internet reveló un plug-in llamado Q2ID que permite abrir archivos Quark en InDesign. Una vez instalado, fue necesario revisar cada archivo para asegurarse de que la “traducción” había sido hecha correctamente, ajustar interlineados y eliminar estilos de texto obsoletos del diseño.

Búsqueda de archivos enlazados Cada capítulo contenía una serie de enlaces, ya que los fondos del libro fueron trabajados en capas en Photoshop. Mi segunda tarea consistió en encontrar cada uno de los archivos enlazados y empaquetar los capítulos correctamente.

Correcciones en PSD Algunas correcciones de la editora habían sido hechas a las imágenes de fondo, por lo que fue necesario borrar textos y recomponer otros sobre las mismas imágenes.

La tarea completa de corrección de originales demoró 16 días, transformándose en el principal encargo realizado en la práctica.

38

39

Conclusión Mi primera práctica, de nivel operador, fue una inmensa desilusión:

Ahora bien, formar parte de una agencia como Felicidad es

me tocó trabajar en un ambiente poco grato y en proyectos que

también muy seductor, ya que si se tiene la suerte de encontrar un

no me motivaban. En marcado contraste, esta “doble” práctica

grupo de personas que trabajen como uno y a la vez, conformen

profesional me permitió experimentar y comparar dos excelentes

un grupo humano agradable, el ir a la oficina todos los días se

formas de ejercer mi profesión.

convierte en muchas sesiones de trabajo con los amigos. Se genera respeto por el tiempo de los otros, sin necesidad de que

El trabajo independiente requiere de una alta capacidad de

existan límites impuestos.

organización, mucha fuerza de voluntad, y la valentía de salir en busca del propio sustento. Al mismo tiempo, permite la toma

Me siento feliz de haber concretado, en ambos casos, proyectos

de decisiones rápidas porque no se es parte de un equipo, y lo

en un corto plazo. Siento que en ambos lugares las personas que

que es mejor, brinda la posibilidad de elegir en qué proyectos

me supervisaron se llevaron una gran sopresa al ver el resultado

embarcarse. Pienso que trabajando de esta manera es más fácil

de mi trabajo, y creo que estas experiencias me servirán en un

conducir la carrera en la dirección que uno quiere, si se la quiere

futuro próximo para tomar decisiones respecto al rumbo que

llevar más allá de los confines del diseño propiamente tal.

le daré a mi carrera una vez titulada.

40

Informe de Práctica Laboral Nivel Profesional DPL7011 Mariana Graciela Durán Carrasco Prof. Alexandra Faille Carrera de Diseño Gráfico DuocUC, Viña del Mar 2009 41