berrendo c e r รก m i c a s
BRIEFING Y MEMORIA
DAVID SUÁREZ MIRA RUBÉN SÁNCHEZ LÓPEZ
o d
n a e rr i c
e m b rá e
berrendo c e r á m i c a s
ÍNDICE INTRODUCCIÓN BRIEFING BOCETOS MANUAL DE MARCA WEB MULTIMEDIA* FOTOGRAFÍA STAND ANIMACIÓN STORYBOARD AUDIOVISUAL QR PUBLICIDAD DE BAJO PRESUPUESTO PANEL EXPLICATIVO
berrendo c e r á m i c a s
INTRODUCCIÓN Este Proyecto nació con la idea de dotar a los alumnos que terminan cerámica en nuestro centro de una estructura de marca y diseño que les permitiera competir en el ámbito laboral en las mejores condiciones. En caso de no poder realizar el trabajo con alumnos del Ciclo de Cerámica, o estos no fueran suficientes, se podría realizar con ceramistas o talleres de nuestro entorno a los que les viniera bien la creación de una Marca propia y presencia en internet o la revisión de su Imagen de Marca, en caso de resultar esta obsoleta o pobre para las necesidades actuales. El proyecto consta de los siguientes apartados a realizar: Briefing, una imagen de marca de la empresa donde se refleje su filosofía y sus valores, portal de servicios o Web de la empresa, multimedia para promocionar la empresa y sus productos, fotografías que sirvan de apoyo e ilustren algunos aspectos del proyecto, un Stand en 3D que sirva de soporte físico para Ferias, un pequeño Audiovisual, uso de nuevas tecnologías tipo QR y AR, una campaña de publicidad efectiva y de bajo presupuesto, un panel explicativo resumen del proyecto, una memoria de trabajo sobre el Proyecto presentado. Antes de realizar el briefing se nos asignó a cada grupo su correspondiente cliente para poder trabajar con él. En nuestro caso nos correspondió Fernando Berrendo, al cual le pertenece la empresa BERRENDO CERÁMICAS.
berrendo c e r á m i c a s
BRIEFING/ENTREVISTA Comenzamos investigando sobre la empresa de nuestro cliente observando su página web y el blog para informarnos acerca de sus trabajos y de los aspectos que debería cambiar hacia su marca y forma de publicitarse. Para ello realizamos un briefing; una serie de preguntas y observaciones necesarias que llevar a cabo para conocer las características más fundamentales y esenciales de la empresa y así realizar la marca personal para nuestro cliente. Tuvimos una entrevista y pudimos conocer más a fondo a Fernando y los valores de la empresa Berrendo Cerámicas. Se le realizaron una serie de preguntas tales como las siguientes: Características de la empresa, dedicación, puntos fuertes y débiles, formas de trabajo, materiales usados, proceso y elaboración de productos, valores de la empresa, target, expectativas, imagen pretendida, motivos de desarrollo de producto…etc. A partir de las respuestas de Fernando, hicimos una lluvia de ideas para obtener un abanico más amplio de opciones. Después investigamos las demás empresas de la competencia y nos documentamos estudiando las últimas tendencias en el diseño gráfico. Más tarde, nos dedicamos a elaborar los bocetos de su marca que reflejasen todos los datos aportados en la entrevista. En el Briefing tratamos los siguiente puntos:
1. CARACTERÍSTICAS DE LA EMPRESA 2. REQUERIMIENTOS ESPECÍFICOS 3. PRODUCTOS DE REFERENCIA 1. CARACTERÍSTICAS DE LA EMPRESA
● DEDICACIÓN. PUNTOS FUERTES Y DÉBILES
Es una empresa que se dedica a la cerámica tradicional, al ser autónomo hace todo el proceso de la realización del producto. Uno de los puntos fuertes es que domina todo el proceso de la fabricación de las piezas y tiene una ilustración muy buena. ● FORMA DE TRABAJO Como se ha señalado anteriormente Fernando hace todo el proceso de la fabricación del producto; diseño, moldeado, coección, pintura y decoración.
berrendo c e r á m i c a s
● TIPOS DE CLIENTES Posteriormente, después de todo el proceso, vende las piezas ya terminadas a los clientes que compran su obra normalmente por gusto y para decoración, o también vende los moldes a otros ceramistas para que éstos trabajan con ellos.
● VALORES DE LA EMPRESA
Es una empresa tradicional y clásica dispuesta a adaptarse a las nuevas tendencias de la cerámica para evolucionar en este mundo y seguir en el mercado.
2. REQUERIMIENTOS ESPECÍFICOS: ● OBJETIVOS DE LA EMPRESA El principal objetivo de la empresa es no decrecer en el mercado de la cerámica, y tener un hueco entre los ceramistas actuales, y para ello hará un cambio en su manera de trabajo realizando nuevas piezas de cerámica con un estilo más moderno como muñecos para atraer a públicos más jóvenes y que así se fijen en sus obras. ● MOTIVOS DEL DESARROLLO DEL PROYECTO Realización de una marca para la empresa, y conseguir que tenga un aspecto de diseño más actual. Renovación de la página web, ya que está muy descuidada y anticuada. Requerimiento del uso de los colores azul y naranja para la web y el logo, ya que son los colores más representativos de la cerámica de Talavera, pero no cierra las posibilidades de usar otros colores si coinciden con sus gustos.
3. PRODUCTOS DE REFERENCIA
● TENDENCIAS Y COMPETENCIA A la vez que su competencia, también son sus referentes San Ginés y Centro Cerámico ya que estos dos son los que actualmente hacen una cerámica más modernista y están arriba en el mercado. ● OBSERVACIONES El cliente confía en nuestra propuesta de trabajo,, nos ha dado libertad para trabajar a nuestra manera y ha salido muy satisfecho con nuestro plan de trabajo y todo lo que vamos a realizar en el proyecto.
berrendo c e r รก m i c a s
BOCETOS Los bocetos se realizaron a partir de los datos obtenidos del briefing, aplicando las ideas que escogimos durante el proceso de lluvia de ideas y las investigaciones realizadas. Intentamos expresar las ideas principales y todos los valores que representan a la empresa. Se realizaron gran cantidad de bocetos con lรกpiz sobre papel, con diferentes estilos y formas, y tomamos la decisiรณn de entregarle tres finales para que el cliente pudiese elegir el mรกs apropiado para su gusto y empresa.
berrendo c e r á m i c a s
BOCETOS FINALES Uno de los bocetos se basa en el que tenía anteriormente la empresa Berrendo cerámicas, aplicando un estilo semejante aunque dándole un toque más moderno para renovarlo y adaptarlo a los gustos del cliente.
errendo B Otro de los bocetos está formado por tres pinceladas de forma triangular colocadas sobre el nombre de la empresa. Hemos querido darle un toque simple y minimalista para conseguir un resultado elegante y moderno.
berrendo c e r á m i c a s
El último boceto de la marca se compone de las iniciales bc (Berrendo cerámicas) Estas se sitúan en el interior de una pastilla de color naranja con forma cuadrada y vértices redondeados. Bajo la pastilla se sitúa el nombre de la empresa en color azul. Todo el proceso se realizó con el programa Adobe Illustrator. Las letras “bc” pertenecen a la tipografía Bauhaus 95. La pastilla contenedora la realizamos con una herramienta mediante la que se obtiene esa forma predeterminada. Superpusimos la tipografía sobre la pastilla y se la restamos con la herramienta buscatrazos, quedando hueco el espacio de las letras. Debajo de la pastilla se sitúa el nombre de la empresa escrito en minúsculas. La tipografía utilizada es la century gothic. Los colores utilizados son requerimiento de nuestro cliente, ya que son los que utilizaba en su anterior marca. El conjunto forma un bloque compensado vertical que mantiene un equilibrio visual y un estética limpia y clara.
berrendo c e r á m i c a s
berrendo c e r á m i c a s
MANUAL DE MARCA Una vez elegida la marca por nuestro cliente comenzamos con el manual de identidad corporativa. La identidad hace única a la empresa, ya que no hay otra empresa en el mercado que posea la misma identidad. La identidad corporativa se transmite y comunica a través de distintos elementos que pueden agruparse: verbales, visuales, culturales y ambientales. La identidad corporativa es controlada por la empresa y a través de diversos mensajes la hace llegar a su entorno. En este manual ha sido realizado con el programa Adobe InDesign. Dentro del manual podemos encontrar las siguientes secciones: Logotipo, isotipo, área de respeto, retícula adaptada, merchandaising, papelería, flota, tipografías…etc. Primero hicimos una hoja maestra para poder aplicárselo a todas las páginas y así todas mantuvieran la misma estética. En cada página se colocará lo correspondiente a cada sección con un texto explicativo y orientativo para los lectores de este manual. Las mayor parte de las imágenes insertadas en el manual están en formato eps. Otras, como las del stand están en formato jpg. Para hacer el merchandaisig y la flota utilizamos el programa Adobe Photoshop. Escogimos los elementos a diseñar y colocamos la marca de nuestro cliente mediante la herramienta deformación. Así conseguimos personalizar los objetos y darles un toque distintivo. Todos estos apartados se han realizado para la buena aplicación, legibilidad y usos que puede tener la marca y no existan dudas ni errores a la hora de su reproducción en los diferentes medios.
berrendo c e r á m i c a s
WEB La página web está realizada con Joomla 1.5, para ello se ha utilizado el programa Artisteer 3 para creear la plantilla.
ESTRUCTURA La mayor parte de la página está estructurada con una retícula de 800 px de ancho formada por una cabecera en la que está el banner y abajo un menú horizontal, una columna en el lateral izquierdo que mide 200 px de ancho para e menú vertical y por si en un futuro se quiere meter publicidad, un contenido en el centro y un pie de página para el copyright.
berrendo c e r á m i c a s
INDEX Y PÁGINAS La index de la página está formada por una introducción que habla un poco sobre la biografía de Fernando Berrendo y los premios que ha conseguido a lo largo de su carrera en la cerámica. Ya en la index podremos navegar mediante el menú horizontal que nos aparecerá en todas las páginas. Este menú esta constituído por los siguientes botones.
Desde inicio podrás acceder a la index, desde cerámica se abrirá un rollover con los tipos de cerámica, aunque si pinchas simplemente en cerámica se abrirá un pequeño recorrido de sus obras, de antiguas a las más modernas. También dentro de cerámica se podrá acceder a las demás secciones desde el siguiente menú vertical:
Actual es la categoría en la que aparecerán como su propio nombre indica la cerámica más moderna y reciente de Fernando Berrendo. Igualmente desde esta categoría se abrirá un rollover para las piezas, ya que dentro de actual hay una explicación del pocreso que ha llevado a cabo para realizar una de las piezas de la última exposición de este año. Desde Contactar podremos acceder a los datos de Fernando Berrendo, como pueden ser el teléfono, email... y un formulario para contactar mediante la web con él. En localización se mostrará un mapa web para poder localizar a Fernando Berrendo y unas imágenes de las instalaciones.
berrendo c e r á m i c a s
FORMAS DE TRABAJO - Cerámica y galerías Para estructurarme bien el contenido de la página, se ha creado para cada punto una sección y una categoría para poder asignarlos a cada artículo. Metiéndonos ya en contenido, en la página de cerámica, he usado un editor que he instalado llamado JCE editor, el motivo de usar este editor, es que dispone de un creador de tablas en sus herramientas, y nos iba a dar más juego a la hora de crear los artículos. Este es un ejemplo en el que se ha usado tablas: Para las distintas secciones dentro de cerámica, se ha utilizado una extensión llamada JoomGellery, para ello se ha creado dentro del category manager en la misma extensión, una categoría para cada grupo de imágenes, es decir, para cada galería. Después se han subido las imágenes desde java upload, y una vez susbidas se le asigna la categoría que se haya creado para esa galería. Finalmente se ha creado un menú del tipo JoomGellery, con el menú padre Cerámica, y se le ha asignado la categoría de la galería que se ha querido meter en el menú. Las demás galerías de este tipo tienen el mismo funcionamiento.
berrendo c e r á m i c a s
FORMAS DE TRABAJO - Actual En la galería que aparece en la sección piezas, dentro de actual, se ha usado otra extensión de galerías de imágenes llamada PhocaGallery, este cambio de galería se ha debido a que se ha querido dar otro aspecto al apartado actual. Ha sido fácil usar esta extensión ya que su funcionamiento es el mismo que el de JoomGallery. Este es el aspecto que da PhocaGallery:
berrendo c e r á m i c a s
FORMAS DE TRABAJO - Contactar Respecto al apartado de contactar, se ha creado un nuevo usuario con el nombre de Fernando Berrendo con su correo para después en la creación de contactos, enlazarlo a este usuario. Estos son los datos que se han puesto para que aparezcan en la página de contactar, junto al formulario y el logo de la empresa a la derecha. Posteriormente se ha creado un menú del tipo contacto que aparecerá en el menú superior. En la creación del menú se seleccionará el contacto que se creó anteriormente para que aparezcan los datos y el formulario en la página al hacer clic en contactar.
Este es el aspecto final que nos quedará en la página.
berrendo c e r á m i c a s
FORMAS DE TRABAJO - Localización Para hacer la localización se ha creado un menú del tipo categoría-blog, asignado a la categoría localización que se ha creado anteriormente. Después se ha creado un artículo asignado a la sección localización y categoriía localización también. Dentro de este artículo se ha pegado el código que te da GoogleMap al buscar la calle necesitada.
Para que funcionase esta técnica, en gonfiguración global, se ha tenido que desactivar el editor, y poner ningún editor, ya que el editor por defecto de joomla y el JCE no permiten poner etiquetas iframe, al hacer este paso si que nos deja pegar el código completo y al guardarlo nos aparecerá en nuestra página. Si queremos volver a poner nuestro editor, tenemos que ir a prefencias del artículo y poner lo siguiente:
berrendo c e r รก m i c a s
Haciendo lo que aparece en la imagen anterior lograremos que al cambiar de editor, no nos desactive las etiquetas iframe y se siga viendo nuestro mapa. Y finalmente este es el aspecto de nuestro mapa en nuestra imagen.
berrendo c e r á m i c a s
FOTOGRAFÍA Para el proyecto entregaremos dos galerías fotográficas por alumno de 6 fotos cada una. Todas las fotografías se realizaron con una cámara digital, flash exterior y un trípode. Se nos presentaron algunas dificultades a lo largo de la sesión fotográfica. Debido al volumen de las piezas cerámicas y el valor, no pudimos trasladarlas a plató. Para fotografiar las piezas usamos una mesa con un papel de fondo blanco. Se utilizaron reflectores y la posición del flash la fuimos cambiando para eliminar los brillos que aparecían en el conjunto de piezas. Se utlizaron reflectores para mejorar la iluminación sobre las piezas. La posición del flash la fuimos cambiando para eliminar los brillos que aparecían en los elementos. Fijándonos en el histograma de las diferentes fotos que aparece en la cámara conseguimos ajustar los parámetros para la buena exposición de las fotografías. En algunos casos tuvimos que variar el número F, para conseguir más o menos luminosidad, según lo que nos pedía cada fotografía. Los parámetros para el número F fueron entre, F 5,6 y F10. El iso utilizado fue 100 y la velocidad, 1/125 Después de obtener las fotografías necesarias hicimos el balance de blancos sincronizado en camera raw y algún mínimo retoque en photoshop para obtener una mayor calidad. Estas galerías fotográficas estarán incluidas en el portal web y en el multimedia.
berrendo c e r á m i c a s
STAND El stand cuenta con una zona de exposición, donde se podrán mostrar productos realizados por el cliente y también todo el material publicitario. En otra zona del stand encontraremos la recepción, que servirá para concretar transacciones y negocios diversos. También encontramos un apartado o despensa donde podemos guardar el material publicitario u objetos personales. En uno de los laterales del stand se sitúa una televisión en la que se proyectarán videos orientativos para que el público conozca las formas de trabajo de nuestro cliente. Todo se ha realizado con cinema 4d, por medio de polígonos cortando y extrusionando hasta conseguir el aspecto adecuado. También hemos incluido materiales y colores corporativos de la empresa para aplicárselo a los difrentes objetos. Al finalizar el stand hemos renderizando diferentes vistas para su mejor visualización y conocimiento de las secciones que lo forman.
berrendo c e r á m i c a s
ANIMACIÓN La animación ha sido creada con el programa Cinema 4d por medio de un spline, vectorizando la forma de la pastilla. Para conseguir el hueco en la pastilla se hizo un booleano para restar los objetos de texto bc a ésta. Para el nombre de la empresa que aparece bajo la pastilla se utilizó la herramienta de texto. Tanto el texto como la pastilla tienen una profundidad de extrusión de 20cm. Este conjunto le transformamos a objetos editables, polígonos. Cuando conseguimos los objetos necesarios empezamos con la animación. Fuimos haciendo los movimientos y animando a nuestros objetos. Mediante la inserción de fotogramas clave en la línea de tiempo, fuimos grabando los diferentes movimientos de rotación y cambio de la escala de nuestra marca. Así conseguimos un aspecto dinámico para la animación. Se introdujo iluminación y un fondo para que apareciera una sombra suave y aporte mas realismo. Para la animación de la tipografía utilizamos un efecto aleatorio. Modificando los parámetros y la fuerza del efecto conseguimos un resultado muy atractivo visualmente. Esta animación se utilizará para acompañar al video de presentación o para visualizarlo en las pantallas del stand.
berrendo c e r ĂĄ m i c a s
Estas son algunas tomas de los fotogramas para ver los diferentes pasos de la animaciĂłn
berrendo c e r á m i c a s
STORYBOARD Este es el storyboard del vídeo promocional. Se realizaron primeros bocetos para ordenar las escenas y saber que planos íbamos a utilizar. Para presentar el storyboard se realizó una plantilla con Illustrator, para mejorar la presentación y dar un aspecto más profesional.
berrendo c e r á m i c a s
AUDIOVISUAL Al realizar las fotografías antes mencionadas en la fábrica de cerámica de nuestro cliente, aprovechamos para rodar unas escenas de video para su posterior edición. Para la grabación utilizamos una cámara digital y un trípode. La edición se realizó con el programa Adobe Premiere Pro. Tuvimos cierto problema que no contábamos con él, hizo que se retrasara nuestro proyecto. Al realizar las tomas no nos percatamos de que algunas estaban desenfocas y al visualizarlas observamos que no se podían aprovechar. Tomamos la decisión de comentárselo a nuestro cliente y no tuvimos ningún problema en repetir las tomas defectuosas. EL video trata del proceso de elaboración de las piezas cerámicas. En este aspecto tuvimos otro problema, pues en el plazo de tiempo que realizamos el proyecto, nuestro cliente no hizo ninguna pieza completa de principio a fin. Es decir, no pudimos grabar el proceso de fabricación de una misma pieza por completo. Debido a esto, en el video podemos observar como es el proceso de producción completo, pero usando diferentes piezas cerámicas. Hemos jugado con los diferentes planos para conseguir un vídeo más atractivo visualmente. El vídeo se compone principalmente por planos cortos, medios y generales. La edición la efectuamos mediante la importación de los vídeos a Premier. En el inicio se observa la animación antes mencionada en forma de introducción. Jugamos con la velocidad en algunas secciones del vídeo para ajustarlo con la música elegida para que fuese mas acorde. Para que el cambio entre los diferentes planos filmados no fuese muy brusco utilizamos fotograma clave para modificar la opacidad del vídeo. Al final del video se observan los créditos y la música empleada para la edición. Las dimensiones de secuencia son de 720 x 576 píxeles. Las dimensiones de salida son de 1280 x 720 píxeles y 25 fotogramas por segundo. El formato es Quick Time.
berrendo c e r รก m i c a s
Plano corto
Plano medio
Plano general
berrendo c e r á m i c a s
QR Para la creación del código QR nos hemos registrado en un generador de códigos QR dinámicos por si teníamos que cambiar el nombre de nuestra url tuviéramos la opción de poder cambiarlo. Esta es la página que hemos usado http://uqr.me/es/. La url que hemos puesto en el código es http://www.berrendoceramica.tk. La página ya te da opciones para cambiar los colores del código, pero como se puede descargar en eps, lo hemos descargado en este formato para incrustarlo desde ilustrator en las tarjetas de visita, tríptico y cartel.
Desde Ilustrator se ha cambiado el color como se ve en las siguientes tarjetas de visita. <
< 5 mm
<
5 mm
<
C/ Cas�llo, 2 - 2º C, Talavera de la Reina
Teléfonos: 925 821771 / 639955224
Fernando Berrendo Muñoz
E-mail: fernando.berrendo@gmail.com
Ceramista
Web: www.berrendoceramica.com
C/ Cas�llo, 2 - 2º C, Talavera de la Reina <
E-mail: fernando.berrendo@gmail.com Web: www.berrendoceramica.com
berrendo
5mm
<
berrendo cerámicas Fernando Berrendo Muñoz
Ceramista
berrendo c e r á m i c a s
5 mm
<
<
5 mm
<
<
c e r á m i c a s
<
<
5mm
<
Teléfonos: 925 821771 / 639955224 <
5mm
5mm
<
<
berrendo
berrendo c e r á m i c a s
PUBLICIDAD DE BAJO PRESUPUESTO BTL Para este tipo de publicidad hemos desarrollado una idea basada en colocar pegatinas en los sitos más visibles o visitados de una ciudad. Por ejemplo, en Burguer king o Mac donald´s, tenemos pensado colocar pegatinas justo debajo de la ventanilla donde se recoge la comida rápida con el automóvil (Mac auto o King auto) o por el mismo micrófono donde se pide. Las pegatinas llevarán impresa la marca y el código QR con algún tipo de frase del estilo de: “Berrendo cerámica moderna” o “Compra nueva cerámica o actualízala” Esta misma idea la podemos adecuar a las máquinas dispensadoras de cocacola o de agua mineral. También en expendedoras de alimentos. Con esto queremos llegar al publico de una forma visual y directa, debido a la colocación estratégica de las pegatinas Con otro tipo de pegatinas de menor tamaño en las que sólo aparecerá el logotipo y el QR, se intentarán colocar en los sitios más vistosos para los transeúntes, como por ejemplo, porteros de comunidad, supermercados, baños de restaurantes o discotecas, señales de tráfico...Etc Otra idea es colocar pegatinas de cenefas cerámicas diseñadas por nuestro cliente en papeleras o farolas aprovechando su forma cilíndrica. También hemos pensado hacer unos vinilos con la forma de un plato cerámico del estilo de nuestro cliente para colocarlo sobre las tapas de las alcantarillas de nuestra ciudad. Todo ello irá acompañado siempre por la marca. Todo este proceso de publicidad se realizará en un corto periodo de tiempo para que el público tenga una información masiva de la marca de nuestro cliente. Esta es la idea principal que iremos puliendo y desarrollando si conseguimos que funcione y aumentar las ventas de nuestro cliente, si no es así, debido a su bajo coste, las perdidas de nuestro cliente no serían muy abultadas.
berrendo c e r á m i c a s
PEGATINAS PARA BTL
Berrendo cerámica
moderna Actualiza tú
cerámica
berrendo c e r á m i c a s
PANEL EXPLICATIVO Este panel explicativo se utilizará para la presentación global del proyecto. En él podemos encontrar el proceso de elaboración de la marca, la publicidad gráfica, material 3D y página web. El formato es de 70x100 cm y su orientación es vertical, se imprimirá en iyección de tinta con calidad fotográfica. El texto se ha cuidado para que sea legible a cierta distancia. Las imágenes están importadas a alta resolución para que no pierdan nitidez, tiene un sangrado de 0,5 por cada lado para poder montar mejor el cartel sobre el cartón pluma y de esta manera cortar el sobrante del cartel. En la parte inferior del cartel encontramos un faldón donde aparecen los datos correspondientes a la Escuela de Arte, la empresa Berrendo Cerámicas , el año de promoción, los datos de los autores y el curso.