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