Memoria tĂŠcnica
Alba Fernรกndez Veliz Proyecto Grรกfica Publicitaria Albafernandezveliz@hotmail.com
INTROCUCCIÓN
Proyecto de Investigación
PÁGINCA WEB
SALA EXPOSICIONES 3D Código QR Redes Sociales MULTIMEDIA Presupuesto
INTRODUCCIÓN
5
Se ha creado una memoria técnica para la explicación de los progrmas con los que se ha realizado todo el proyecto en general. Usando dreamweaver para la realización de la web, ya que es un programa de edición de web sencillo y facil de manejar. Cinema 4D para realizar la sala de exposición, es un programa para hacer objetos en tres dimensiones, por lo tanto viene muy bien para realizar las cosas y despues guardarlas en formatos que se puedan ver sin tener que abrir el cinema. Illustrator, para la realización de toda la marca corporativa “logo, bocetos, isotipo, imagotipo, carteleria .... “ Es un programa que es facil manejar y vectorizar con el.
Introducción Servidor Iframe Contenido Exposiciones Plantilla Logo Formulario Google Analytics CSS Favicon Preparación de imagenes Problemas
PÁGINA WEB
Introducción
7
Se realizará una web basada en una plantilla descargada de internet, cambiando los colores que venian por defecto por los de la marca corporativa. Dentro de esta plantilla se ha modificado algunas cosas y se ha añadido tablas, capas e iframe. Ésta es una empresa ficticia que en un principio de dedicaria a las exposiciones del greco + el reciclaje. Desde el comienzo se tuvo claro las distintas secciones que la web debía tener, pero algunos contenidos, así como distribución y formas de presentación han ido variando a lo largo del proyecto.
Servidor
8
Para la publiaci贸n del sitio web se a creado un espacio en miarroba cuya url es: greconvert.webcindario.com Para la hora de subir la web utilice el programa de filecilla que es una manera sencilla y r谩pida de subida de archivos.
Iframe
9
Se ha utilizado el iframe para el contenido del mapa google. Con este mapa el cliente sabra donde está y que direcciómn tendrá que coger para llegar al sitio. Copiando la dirección del mapa, he creado un iframe que se pegará en el código como, en dicho código vienen las coordenadas del centro que se visualizará a modo de mapa interactivo.
Contenido / INICIO
10
En la pรกgina inicio es donde se engloba todo, es la pรกgina index de todo el proyecto. Es donde se encuentra la explicaciรณn de greconvert, paginas de interes ... Se ha creado por tablas, lleva como decoraciรณn filietes de color verde para la separaciรณn de secciones.
Contenido / EXPOSICIONES
11
Todas las pรกginas iran con texto falso, pero esto se sustituiria por el texto que valla en cada secciรณn. En la pรกgina de exposiciones se ha creado un banner, un texto explicativo de las exposiciones y mediante tablas se ha colocado una imagen de exposiciรณn con un texto la hora y el nombre de exposiciรณn.
Contenido / CONCTACTO
12
En conctato nos encontraremos con los telefonos de interes, un formulario sobre las exposiciones, el mapa de google ... Se ha creado mediente tablas e iframe, casi todas las pรกginas llevan la misma estructura, ya que se inteta hacer una web que no sea liosa y clara de entender.
VĂnculos
13
He aĂąadido vĂnculos con diferentes finalidades a las paginas, por ejemplo, he vinculado las imagenes de facebook y twitter con las redes sociales.
Plantilla
14
Para distribuir todo este contenido hemos hecho uso de la plantilla “template93-257867367-2”. Esta plantilla permite un diseño personalizado de forma sencilla. Está plantilla se ha modificado encuanto a colores y forma, se ha añadido tablas, capas, iframe ...
Cabezara / Logo
15
La cabezera no cambiara en ninguna de las paginas, simpre sera la misma estructura. La estructura es la siguiente: Logotipo de greconvert arriba a la izquierda, para que sea lo primero que se vea nada m谩s cargar la p谩gina y lo que capte la atenci贸n del cliente. Ira encima de la barra de navegaci贸n y al lado de la barra del buscador.s
Google Analytics
16
Google Analytics es un servicio gratuito de estadísticas de sitios web. Se comienza añadiendo un código JavaScript a cada una de las páginas que se desea analizar, al que se denomina GATC (Google Analytics Tracking Code). Este carga algunos archivos desde los servidores Google y monitoriza para luego enviar toda esta información al servidor Google y almacenarla en la cuenta de cada usuario. Es la mayor compañía de análisis estadístico de páginas web
CSS
17
Se ha creado una hoja de estilos (estilos) en la cual se han ido adjuntando nuevos estilos según lo iba pidiendo el proyecto. Para que cada una de las páginas del sitio adquiriera estos estilos, se ha hecho uso de estilos css vinculados, y es que esa hoja de estilos se ha ido vinculando a las diferentes páginas. Esto lo que permite es la reutilización de es- tilos. Dentro de esta hoja de estilos, la mayo- ría de ellos se han hecho por clase, ya que tienen la ventaja de poder ser aplicados a cualquier elemento de la página. Para elementos fijos se ha hecho uso de reglas ID (afectan a los elementos con un nombre determinado).
Favicon
18
El Favicon se ha creado con http://www.genfavicon. com/es/, tras esto, hemos sustituido por Filezilla el favicon que viene por defecto en la plantilla por el nuestro, el cual se basa en el imagotipo de la marca.
Preparación de imagenes
19
Se he realizado una optimización previa de cada imagen, pasandolas por photoshop y guardandolas para la web, cambiando el tamaño y pixeles asi como lo requería la página.
PROYECTO DE INVESTIGACIÓN
Investigación
21
EL PROBLEMA Titulo descriptivo del proyecto Formulación del problema Objetivos de investigación Limitaciones II. MARCO DE REFERENCIA Fundamentos teóricos Antecedentes del problema Elaboración de Hípotesis Identificación de las variables III. METODOLOGÍA Diseño de técnicas de reecoleción de información Población y muestra Técnicas de análisis Índice análitico tentativo del proyecto Guia de trabajo de campo IV. ASPECTOS ADMINISTRATIVOS Recursos humanos Presupuesto V. PROYECTO DE NAMING
Esté es el sumario de un proyecto de investigación que se ha realizado completo para el proyecto “greconvert” adjuntara al proyecto.
SALA DE EXPOSICIÓN 3D
3D
23
Se ha creado una sala de exposiciones en 3D Dicha sala se ha realizado con el programa Cinema 4D, en el hemos creado una superficie a tamaño real, se trata de una superficie cerrada. Todo se ha creado a partir de formar básicas, con la unión de estas a través de booleanas, extrusiones...etc. Se han creado texturas simulando: cuadros,señaletica, cristal...etc Algunos elementos decorativos como la taquilla, vallasseñaletica y logotipo. Se ha querido crear un ambiente moderno con colores planos. Posteriormente se ha renderizado como video para poder usarlo de manera interactiva, girando 360o de manera horizontal, pudiendo ver todos los ángulos de la sala con el reproductor Quick Time Player.
3D
24
Se han incluido elementos como son : Sillón: El sillón ira dentro de la sala, tiene la forma del imagotipo para relacionar la exposición con la marca. Taquilla: para atender a los clientes, con catálogos sobre la exposición y sacar la entrada. Pared: Con fotografías de los cuadros del la exposicion de greconvert. Señaletica: Se ha creado la señaletica para que el cliente se situe y siga un orden en la exposición.
CODIGO QR
Codigo QR
26
Se ha generado un código QR. Está enlazado a la página web. Se ha personalizado los colores utilizando los corporativos de la marca. Diseño: incluyendo el imagotipo para que aunque se vea el QR de forma independiente se pueda relacionar de inmediato. El objetivo del código es usarlos en papelería, totem... etc para que el cliente pueda acceder de un modo fácil y directo.
REDES SOCIALES
Facebook Twitter
Redes sociales / Facebook
28
Facebook se ha creado con el fin de que sea una manera estar informado, pero sin invadir la intimidad de los clientes. Nos mostrara los dias, horas, y lugar de las exposiciones e informar al cliente de estas, mostrando algunas de las obras de la exposici贸n. La informaci贸n ira enlazada con twitter se comparte de forma autom谩tica con Facebook, lo que ahorra tiempo. facebook: Greconvert Greconvert
Redes sociales / Twitter
29
Se ha creado un perfil de twitter, el cual crea contenidos haciendo uso de la web de Greconvert y otras informaciones gracias a los diferentes perfiles como facebook. Twitter nos dara la informaci贸n de primera mano y de forma inmediata. Por eso creemos que es una red social bastante ventajosa para Greconvert, ya que nos informara de los eventos que se realicen. @Greconvert
MULTIMEDIA
Multimedia
31
Se ha desarrollado un multimedia a través de indesign interactivo para PDF. Éste sirve para presentar el presente proyecto. Incluye: Imagen de marca de la empresa. Galerías de imágenes con los diferentes elementos realizados (papelería, packaging y merchandising). Stand 3D con posibilidad de manipulación interactiva. Acceso a la web de la empresa.
PRESUPUESTO
Presupuesto
El presupuesto se desglosa en dos partes: Trabajo e impresión. Para calcular el trabajo se ha partido del número de horas invertidas. Siendo 150 horas el total de horas utilizadas para la realización del proyecto, se ha hecho un reparto de horas por tareas (sin incluir realización de memoria técnica que se estima en unas 25 horas) y las horas dedicadas a cada tarea se han multiplicado por 15, que es el precio base que cobra un diseñador junior. Esto ha sumado un total de 1635 euros por 125 horas. En cuanto a impresión, se han comparado varios precios quedándonos siempre con el más económico.
33
Imagen corporativa 40 hora 600 € Investigación, Diseño de marca y Manual de marca (usos, diseño papelería, packaging, merchandising y flota) Web 50 horas 750 € Diseño, desarrollo, formación y mantenimiento bási- co que incluye hosting, dominio, asesoramiento y 3 horas anuales de cambio de contenidos Redes sociales 4 horas 60 € Crear perfil y diseño de Facebook , Twitter, Google+ Stand 7 horas 150 € Multimedia
5 horas 75 €
TOTAL : 1635 €