Adela Miamondo. Plan Proyecto Definitivo by Natalia Martin

PLAN DE PROYECTO LABORATORIO 2

BASTET COMUNICACIONES y Empresa “Mia Mondo” 7/05/2013 URJC – Facultad de Ciencias de la Comunicación Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Componentes: Estela Arroyo Andrea Bello Elena Hernández Verónica Várez Natalia Martín Eva Delgado Beatriz Rubio Doris Jurado Cristina Molina Lara Pérez Irene Ramírez Belén de Fuentes Adriana Lucas Ana María Rodríguez

BLOQUE PRÁCTICO | PROYECTO DE GRUPO

Plan de Proyecto PLANTILLA Documento que proporciona distintos elementos que permitirán al grupo-agencia-departamento planificar el conjunto de acciones de comunicación digital correspondientes a su proyecto, especificar estrategias y medios a utilizar, y realizar un diseño de producción estableciendo un plan de trabajo que organice el tiempo de desarrollo del proyecto y los roles, funciones y tareas específicas a desempeñar por cada uno de sus componentes

Profesor: Sergio Álvarez García Departamento de Ciencias de la Comunicación II Curso 2012-2013

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Plan de proyecto

ÍNDICE

0. ¿Cómo trabajar con esta plantilla? ......................................................................... 3 1. Conceptualización estratégica y Creativa (Objetivos, Necesidades, Especificaciones y Requerimientos) ..................................................................................................... 3 1.1. Análisis de la situación de partida ..............................................................................4 1.2. Creación del Marco Estratégico ..................................................................................7 1.3. Desarrollo creativo .................................................................................................. 12

2. estructura del proyecto (Arquitectura de la información y Diseño de la Interacción) ................................................................................................................................ 14 2. 1. Planificación básica ................................................................................................. 14 2. 2. Arquitectura de la Información................................................................................ 18 2. 3. Diseño de la interacción .......................................................................................... 22

3. Diseño de la Información (Interfaz y Navegación)................................................. 25 4. Presupuesto ......................................................................................................... 31

0. ¿CÓMO TRABAJAR CON E STA PLANTILLA?

El presente documento presenta los apartados del plan de proyecto que corresponde completar para el primer laboratorio de la asignatura, plan que sigue y adapta las recomendaciones metodológicas del Interactive Advertising Bureau en España (IABSpain) para definir las acciones que se desarrollan en cada una de las fases del proceso de creación y desarrollo de una campaña o una acción publicitaria online. El documento PDF [¿Cómo trabajar con una agencia interactiva? Documento metodológico (IAB) (páginas 13-20)] se encuentra a disposición de los grupos en la sección de recursos comunes de la sección de Contenidos/Bloque Práctico de Campus Virtual. En este primer laboratorio, el grupo deberá completar todos los apartados de la plantilla que se listan en este documento. Para hacerlo correctamente, consultará el documento de Criterios de la IAB anteriormente señalado y al profesor de la asignatura, quien trabajará con el grupo en los espacios en los que se le requiera. 1. CONCEPTUALIZACIÓN ESTRATÉGICA Y CREATIVA

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

(OBJETIVOS, NECESIDADES, ESPECIFICACIONES Y REQUERIMIENTOS) 1.1. ANÁLISIS DE LA SITUA CIÓN DE PARTIDA

1. 1. 1. Resumen de la actividad comercial y del objeto (producto, servicio, empresa, personaje…) de campaña: o Sector de actividad: artesanía de complementos, bisutería y decoración. Tiene la particularidad de utilizar productos reciclados en algunos diseños, no obstante, también realiza artesanía con materiales cotidianos. o Propietario o promotor: Adela Villa, bajo la empresa Mia Mondo. o Precio/estatus de producto, empresa…: al ser un producto artesanal, su recio es alto aunque similar a los artículos de su sector dado el trabajo que conlleva. Está dirigido a una clase social media-alta, dispuesta a pagar un plus por la originalidad. o Otras características destacadas: se trata de productos con materiales reciclados como: chapas, horquillas, cápsulas de café, botellas, CDs, cremalleras, etc. Aunque también utiliza materiales más cotidianos como telas, abalorios, alambres, etc. Existe la posibilidad de que el cliente decida ciertas características del diseño como el color, tamaño, forma… haciendo pedidos por encargo. De esta forma, se puede personificar cada producto acorde con los gustos del cliente.

1. 1. 2.

Resumen de los objetivos generales del cliente: o Objetivos de imagen:  Ofrecer una imagen atractiva a través de un carácter exclusivo.  Ser una empresa comprometida con la sociedad y el medio ambiente.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

o Objetivos comerciales:  Aumentar el número de ventas en un 50% al final de la campaña.  Aumentar el número de clientes en un 30% al final de la campaña. o Objetivos de comunicación:  Estimular una actitud favorable de los públicos hacia la empresa.  Elevar la presencia de la empresa en las plataformas on-line.

1. 1. 3. Identificación de la competencia destacada (otras empresas, productos, servicios, personajes… que compiten por el mismo público-objetivo) del objeto de campaña. La competencia en este sector no es de gran amplitud, debido al trabajo que conlleva la fabricación de los productos, el trabajo artesanal. En la actualidad no existen grandes negocios que realicen productos de manera artesanal, sino productos de fabricación en masa. En la red, se ha encontrado otros particulares que realizan complementos por encargo, los cuales hemos observado y analizado para realizar nuestra campaña multimedia. Ellos confeccionan productos similares a los nuestros, por eso hay que tenerlos en cuenta. Además de los particulares, hay que tener en cuenta las empresas que realizan productos reciclados. Se ha investigado y se han descubierto 3 empresas a destacar como son: Ecoralia, Biohaus Goierri y Zicla. Las empresas de complementos y las grandes cadenas también son otro competidor relevante, además de tiendas de decoración que tengan lámparas, perchas… ya que Mia Mondo también fabrica estos productos. Sin embargo éstas últimas no se dirigen específicamente al mismo target ya que no realizan productos con nuestra ventaja competitiva más fuerte: la exclusividad. Aun así debemos de tenerlos en cuenta. 1. 1. 4.

Identificación de los rasgos esenciales del objeto de campaña: o Necesidades del público-objetivo en relación con el objeto de campaña:  El deseo exclusividad y originalidad.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

o Tendencias de comportamiento del consumidor con el objeto o con objetos similares y/o del mismo sector de actividad.  Al no ser bienes de primera necesidad, la tendencia de compra de este producto se basa en los impulsos o deseos que siente el consumidor.

1. 1. 5. Análisis de las acciones de comunicación online y e-marketing de la competencia y benchmarketing (comparación con empresas líderes) -

Upcycled: o Página web, o Facebook, o Pinterest, o Twitter Tienda feliz: o Blogger o Facebook Vaho: o Página web, o Facebook, o Twitter Decoralia: o Página web, o Facebook, o Twitter, Recik-Lart: o Youtube, o Facebook o Twitter Los abalorios.com: o Pagina web, o Blogg o Comunidad Facebook Tecno-edukacion: o Página web, o Twitter, o Facebook, o Pinterest, o Google+, o Linkedin, o Viadeo

Artesanía Salmara: o Página web, o Facebook, o Twitter - Un lugar en el mundo: o Página web, o Blogg, o Facebook, o Pinterest, o Twitter. BackstageLadies o Página web, o Facebook, o Twitter, o Linkedin, o Printerest, Malena Valcarcel o Blogger, o Etsy, o Flickr, o Facebook, o MySpace, o Google+ TusManualidades: Bisuteria, o Página web, o Bogger, o Twitter, o Google+

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

1. 1. 6. Análisis de las plataformas de sistemas de comunicación digital (website, aplicaciones, dominios, hosting, bases de datos…) con las que cuenta el cliente. Nuestro cliente únicamente cuenta con un perfil de Facebook sin fines comerciales.

1.2. CREACIÓN DEL MARCO ESTRATÉGICO

1. 2. 1. Objetivos de las acciones de comunicación multimedia a desarrollar por la agencia-departamento-grupo para alcanzar los objetivos marcados en relación con el objeto de campaña.  Dar a conocer la marca  Captar nuevos usuarios y consumidores  Fidelizar usuarios.  Difundir los valores de imagen de Mia Mondo en los distintos soportes, formatos y plataformas  Potenciar la imagen de marca de la empresa  Generar tráfico de usuarios (en redes sociales)  Generar imagen de marca y notoriedad

1. 2. 2.

Características esenciales de la marca: o Posicionamiento deseado: queremos que nuestro público conciba a Mia Mondo como una empresa que utiliza productos reciclados para crear diseños exclusivos de bisutería y decoración, dando una imagen ecológica de la marca. o Público-objetivo: mujer de clase media-alta, con una edad comprendida entre los 30-55 años que le guste la exclusividad en la moda y el diseño. Que valore lo artesano y a su vez lo reciclado. o Territorio y alcance: todo el territorio español.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

o Carácter (atributos de imagen):  Reciclaje  Exclusividad  Artesanal 1. 2. 3. Definición de la estrategia de comunicación interactiva (acciones y medios previstos) y del eje conceptual (síntesis del mensaje principal o genérico de las acciones de comunicación) a seguir. El eje central de la campaña es la originalidad. Este concepto se apoya en el hecho que los productos realizados por nuestro cliente son artesanales, reciclados y únicos; facultades que no priman en la sociedad de consumo actual. Estrategia interactiva: Acciones y medios: -

Página Web: supone el medio principal de venta para el negocio. Va a ser la herramienta mediante la cual el cliente contactará con nosotros y adquirirá los productos. Para ello, se dispondrá de vídeos y fotografías de los distintos productos, se dará a conocer el proceso de elaboración de éstos, cómo comprarlos, catálogos, precios… El resto de medios que se explican a continuación no servirían para llevar a cabo la compra propiamente dicha, sino para dar a conocer, promocionar o publicitar la marca y los productos en un ámbito más amplio.

Redes Sociales: Twitter y Facebook: En Twitter aparecerán mensajes directos para incitar al público objetivo a entrar en la página web. En facebook se mostrarán diferentes fotografías de los productos. En este sentido, facebook nos ofrece una manera de interactuar con el cliente a través del tablón de comentarios, me gustas…

Canal Youtube: se utilizará para mostrar vídeos con fragmentos del proceso de fabricación de los productos, para potenciar el trabajo artesanal, original y reciclado.

Flickr: nos ofrece una galería que podría servir como catálogo para los productos de Mia Mondo.

1. 2. 4. Definición de las herramientas de comunicación a desarrollar, la estructura de contenidos y de las propuestas de valor a los usuarios de las

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

mismas. Para lo único que vamos a diseñar una arquitectura propia es para la página web ya que el resto de aplicaciones que se van a realizar ya ofrecen una estructura establecida que se tiene que respetar. En la parte superior de la página aparecerá el nombre de la empresa “Mia Mondo” acompañado del logotipo de la empresa. Además justo debajo del nombre se podrá ver el claim. Los iconos para acceder a las distintas redes sociales se podrán ver en la parte superior derecha. A continuación de lo descrito en el párrafo anterior aparecerá una imagen característica de los productos de Mia Mondo. A la izquierda de la página web estará la barra de navegación y la derecha lo más destacado de la página. Justo en el centro, la página web constará de las pestañas descrita a continuación: 

Inicio: aparecerá una breve descripción de la empresa acompañada de una fotografía de la diseñadora con alguno de sus productos. Además también habrá un vídeo donde la propia Adela describa qué hace y cómo lo hace.



Catálogo: será una pestaña desplegable con los distintos tipos de productos (pulseras, anillos, decoración…) En cada una de ellas aparecerá una fotografía del producto con la descripción del mismo, y el precio. Si simplemente pinchas en la casilla de catálogo aparecerán por defectos las novedades del mes.



Personaliza tu diseño: en esta pestaña los clientes podrán sugerir los colores, formas y material del producto que más les guste para que Mia Mondo lo fabrique de forma personalizada.



Contacto: donde se podrá visualizar el nombre completo de la diseñadora, su correo electrónico, el número de teléfono y de fax.

Al final de la página se pondrá cómo contactar de nuevo además del copyright.

1. 2. 5.

Definición del entorno tecnológico de desarrollo de la campaña

En cuanto a máquinas, herramientas e instrumentos, se trabajará con ordenadores tanto de escritorio como servidores, en entornos monopuesto y en red. Se utilizará información sobre procesadores de textos, hojas de cálculo, herramientas para la gestión de proyectos, sistemas gestores de bases de datos, entornos de desarrollo integrados, diseñadores de interfaces gráficas de usuario, herramientas de validación y

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

prueba, y se aplicarán estándares de metodologías de desarrollo de proyectos informáticos. Las actualizaciones y los cambios de tecnología son constantes, por ello debemos investigar nuevas herramientas y metodologías de trabajo. Nos apoyaremos en información de internet y libros sobre analítica web. Para llevar a cabo las acciones utilizaremos dispositivos como: ordenadores de sobremesa, portátiles, tabletas y móviles smarthphone.

1. 2. 6. Evaluación de las implicaciones legales de las acciones propuestas (derechos, bases de datos, bases promocionales, etc.).

Las actividades que se van a llevar a cabo durante todo el proyecto, tienen ciertas extensiones legales que se pueden centrar en tres ámbitos: acuerdos de licencia tecnológica, acuerdos de franquicia sobre marca, y acuerdos de licencia sobre derecho de autor, haciendo mayor hincapié en los dos últimos. Para poder iniciar todo el desarrollo de la página web el primer paso es registras y se puede hacer de dos formas. Una, aquella que no necesita ningún tipo de licencia, que consiste en ayudarse de una plataforma (wordpres, weebly,…) la cual exige que el nombre aparezca junto al propio de la página. (Ej.:www.miweb.wordpress.com). Y la otra manera, que implica pagar por registrarse. Se debería abonar una cantidad anual por el dominio y el hosting de la web en cuestión, lo cual permite que el nombre de la página sea exactamente el que se desea. (Ej.:www.miweb.com) En cuanto, al contenido de la web, en principio todo es de la propiedad del creador, pero para asegurarnos sería conveniente poseer una licencia de “commom creative”. Esto nos va a permitir mantener nuestros derechos de autor de todos aquellos contenidos que van a ir insertos, pero a la vez ayuda a que otros distribuyan y compartan nuestras imágenes,… sin fines comerciales y/o lucrativos. Dentro de los “commom creative” hay varios tipos de licencias como son: de Reconocimiento, Reconocimiento-CompartirIgual, Reconocimiento-SinObraDerivada, Reconocimiento-NoComercial, Reconocimiento-NoComercial-CompartirIgual, y Reconocimiento-NoComercial-SinObraDerivada. En nuestro caso, se utilizará la última licencia de reconocimiento no comercial sin obra derivada, ya que permite a otros descargar tus obras y compartirlas con otros siempre, pero no permiten cambiarlas de forma alguna ni usarlas comercialmente. En cuanto, a la creación de cuentas en redes sociales, como Facebook o Twitter, o reproductores en streaming como YouTube, las condiciones legales son las que

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

imponen las dichas páginas. Por lo tanto, se han de aceptar todos los términos si se quieren llevar a cabo todas las actividades propuestas.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

compartan nuestras imágenes,… sin fines comerciales y/o lucrativos. Dentro de los “commom creative” hay varios tipos de licencias como son: de Reconocimiento, Reconocimiento-CompartirIgual, Reconocimiento-SinObraDerivada, Reconocimiento-NoComercial, Reconocimiento-NoComercial-CompartirIgual, y Reconocimiento-NoComercial-SinObraDerivada. En nuestro caso, se utilizará la última licencia de reconocimiento no comercial sin obra derivada, ya que permite a otros descargar tus obras y compartirlas 1.3. DESARROLLO CREATIVO

1. 3. 1. Conceptualización del eje creativo de comunicación (explicación del concepto o mensaje principal-genérico de la comunicación y detalle de mensajes y conceptos asociados o derivados) Como ya hemos dicho, el eje central de la campaña es la originalidad. Queremos que ese concepto esté presente en la mente del consumidor en todo momento. Es una gran ventaja competitiva, ya que todos los productos son artesanales y únicos. Así, todos los mensajes publicados en los diferentes medios estarán asociados con estos términos, además del claim, y así podremos reforzar nuestra imagen.

1. 3. 2. Adaptación del concepto creativo a las diferentes piezas de comunicación. Los conceptos derivados del eje (la originalidad) son los siguientes: Artesanía, reciclaje, bisutería, decoración, arreglarse, moda, diferente, femenino/mujer, naturaleza, personalización, creativo, único, exclusividad, Adela, estilo, coqueto, presumida. Consideramos que estas pueden ser las “etiquetas” que definen nuestra marca. Se va a transmitir el concepto de originalidad en cada acción y medio de la campaña. A continuación se desarrollará el mensaje que se comunicará en cada soporte: -

Página web: Aparecerá tanto el eslogan de la marca como los diferentes conceptos. Se considera que al ser el elemento central de la campaña deben aparecer todas las características y cualidades de Mia Mondo. Facebook: originalidad, artesanía, reciclaje, moda, femenino, exclusividad como elementos principales y bisutería y decoración como elementos secundarios. Se han querido destacar estos conceptos para Facebook porque es una red social que permite publicar mucho contenido. A partir de estas palabras, el público objetivo podrá entender la esencia de la marca.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Twitter: originalidad, artesanía y único. Esta red social permite publicar un contenido más limitado, por lo que solo se han elegido estos tres conceptos. Se han elegido originalidad y artesanía porque son los elementos centrales y “único” se ha seleccionado porque, para que los usuarios comiencen a seguir una cuenta de Twitter, les tiene que llamar la atención y considerarla diferente, exclusiva, única. Canal de Youtube: originalidad, artesanía, reciclaje, exclusividad, personalización, Adela. Se van a mostrar vídeos con fragmentos de cómo Adela elabora los productos con lo que se muestra la artesanía, el reciclaje y la exclusividad de sus diseños. Por otro lado, en los vídeos se explicará la personalización de cada producto a los gustos del cliente. Flickr: originalidad. Como contenidos no se mostrarán conceptos como tal sino imágenes de los diseños y su elaboración; no obstante, se intentará transmitir la exclusividad, artesanía, moda, bisutería, decoración y creatividad.

Además en todas estas plataformas aparecerá el logotipo de Mia Mondo para asociar dichos conceptos a la marca.

1. 3. 3.

Línea gráfica de la marca para la comunicación interactiva

La línea gráfica que va a seguir la comunicación de Mia Mondo, siguiendo con el eje de toda la campaña, va a ser original, divertida, sorprendente, dinámica… A través de unos colores llamativos y una tipografía informal, se van a transmitir estos valores de cercanía, exclusividad, artesanía, y al mismo tiempo la elegancia y la naturaleza del reciclaje.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

2. ESTRUCTURA DEL PROYE CTO (ARQUITECTURA DE LA INFORMACIÓN Y DISEÑO DE LA INTERACCIÓN)

2. 1. PLANIFICACIÓN BÁSICA

A. Equipo de trabajo (componentes y roles por componente) 

COORDINACIÓN: Verónica Várez y Andrea Bello



COMUNICACIÓN EXTERNA: Elena Hernández y Natalia Martin



CONTENIDOS: Eva Delgado y Beatriz Rubio



DISEÑO Y DIRECCIÓN DE ARTE : Cristina Molina y Lara Pérez



PROD. GRAFICA Y MULTIMEDIA: Irene Ramírez y Belén de Fuentes



DESARROLLO TECNÓLOGÍAS Y APP: Adriana Lucas



PUBLICACIÓN: Doris Jurado y Ana María Rodríguez



SEO Y ANALITICA WEB: Estela Arroyo

B. Tareas específicas a desarrollar y asignación de las mismas a componentes COORDINACIÓN: se encargarán de la organización y el correcto funcionamiento del resto de departamentos. Se trata sobre todo de estructurar de forma adecuada y de una manera profesional el trabajo de una agencia de comunicación multimedia. Para que todo esto se lleve a cabo se realizarán dos tareas específicas: -

La realización de un calendario, donde se distribuirán las tareas a realizar por los demás departamentos, distribuidas de tal forma que se puedan coordinar unos con otros y evitar el solapamiento de las acciones.

La creación de un blog, donde se podrá observar las tareas que se van a llevar a cabo y las reuniones que se van a realizar en el desarrollo de esta actividad.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

COMUNICACIÓN EXTERNA: Esta función se encarga de todas las comunicaciones con el cliente, desde la presentación de proyecto final, como cualquier acción que se quiera llevar a cabo y necesitemos su aprobación. Es trabajo para los encargados de comunicación externa “hacer bonito” todo lo que queramos comunicar. Se trata de una función que notifica e informa al cliente del plan de proyecto para que éste de su consentimiento. CONTENIDOS: La función de contenidos se ocupa de todo aquello que tenga que ver con la creatividad y con una función de copy. Es decir, tratamos de elaborar cada uno de los contenidos relacionados con los textos que se han de crear. En este sentido nos ocupamos de los textos de la página web, guiones de posibles vídeos, elaborar las plantillas de cómo han de realizarse las publicaciones en diferentes redes sociales, crear los eslóganes o frases más adecuados para banners, aplicaciones, cuestionarios… o todo aquello que requiera un texto sobre el que exponer toda la creatividad de este proyecto, colaborando con otras funciones como la de publicación, SEO, diseño gráfico, etc. DISEÑO Y DIRECCIÓN DE ARTE: En este departamento se desarrollan las funciones de idear y diseñar todos los elementos referidos a la imagen y representación de la marca, englobando logo, colores, tipografía, tonos... y todos los aspectos estéticos de la empresa. Trabajaremos codo con codo con el departamento de producción gráfica y multimedia, ya que será éste el que se encargue de la realización propiamente dicha de los diseños que nuestro departamento cree. PROD. GRÁFICA Y MULTIMEDIA: La función de este departamento se centra en la confección de los materiales multimedia, es decir, llevar a la práctica las ideas y diseños finales escogidos para la campaña, la imagen visual que finalmente llegará a nuestro público. Es el desarrollo visual de los carteles, banners, rotulación, aplicaciones interactivas y demás material visual que vayamos a mostrar. DESARROLLO TECNÓLOGÍAS Y APP: consiste en desarrollar, implantar, y mantener aplicaciones web, con independencia del modelo empleado y utilizando tecnologías específicas, garantizando el acceso a los datos de forma segura y cumpliendo los criterios de accesibilidad, usabilidad y calidad exigidas en los estándares establecidos. Todo esto se llevará a cabo mediante herramientas aprendidas en clase, como páginas web específicas y adecuadas al negocio que queremos dar a conocer, además de redes sociales y programas específicos para implementar éste y conseguir un aumento del conocimiento de marca y por lo tanto las ventas. En definitiva, mediante el desarrollo técnico y aplicaciones se establecerán las herramientas web adecuadas y de mayor utilidad, con las que saquemos mayor

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

provecho y podamos explotar más la imagen de la marca. PUBLICACIÓN: La misión principal de este departamento es llevar a cabo la difusión de la información procedente del departamento de contenidos, con el que se encuentra estrechamente relacionado. Este fin se consigue a través de publicaciones periódicas en las distintas herramientas multimedia utilizadas para la comunicación de la campaña con las que se pretende llegar a nuestro público objetivo. Además de la misión descrita, este departamento tiene dos funciones a destacar, que son: -

Colaborar en la revisión de la calidad y el contenido emitido por otros departamentos, verificando que se cumplan los parámetros establecidos (frases impactantes, palabras claves, breves, etc). Organización y constante revisión de los contenidos publicados en las distintas plataformas utilizadas.

SEO Y ANALITICA WEB: en este departamento se van a realizar las acciones de posicionamiento web a través de la adecuación de las palabras clave para el proyecto, optimizando la página web, midiendo la densidad de las palabras clave, analizando el valor del dominio y comprobando el nivel de indexación del mismo. Además se realizará un análisis y un seguimiento exhaustivo y continuado de la empresa a través de las diversas herramientas disponibles para ello, de los buscadores más importantes y de los usuarios. C. Calendario general (fases y etapas) del trabajo a desarrollar y calendario de tareas y acciones específicas a desarrollar, incluidas las posteriores a la presentación de la campaña al cliente

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Hemos realizado ambos calendarios en uno, con un sistema de diferenciación de tareas generales por colores y a la vez detallando las tareas específicas en sus respectivos plazos. Como puede observarse, el calendario abarca los meses comprendidos entre Marzo y Junio de 2013.

2. 2. ARQUITECTURA DE LA I NFORMACIÓN

A. Definición de la Arquitectura de la Información:

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Definición de Contenidos de campaña ¿Qué contenidos ofrecen nuestros productos comunicativos y por qué? Ofrecen todo el contenido gráfico y textual de todos los productos de nuestros clientes.

¿Qué contenidos ofrecen campañas similares a la que se va a realizar? -

Upcycled: Es una tienda de bisutería y complementos hechos a mano con materiales reciclados. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Tienda online o Directorio de puntos de venta o Noticias Tienda feliz: Es una particular que vende accesorios artesanales con objetos reciclados. Vaho: Es una tienda que vende bolsos y productos de decoración con materiales reciclados. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Tienda online o Pedidos o Localización de tiendas físicas o Noticias o Blog o Diseña tu propio bolso Decoralia: En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Objetos reciclados para decorar o Ideas o Noticias o Recursos o Tiendas de interés Recik-Lart: En sus campañas realizadas a través de la web ofrece bisutería ecológica realizada con productos reciclados. Los abalorios.com: Es una tienda que se dedica a la venta de bisutería y abalorios para realizarlos artesanalmente. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Compra online de abalorios o Novedades o Ofertas o Horario de tienda o Información de interés

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

o Galerías o Chat o Foro o Store o Videos o Blog Tecno-edukacion: Enseña a como realizar productos de bisutería y decoración con productos reciclados. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Manualidades con productos reciclados o Top 10 semanal o Videos Artesanía Salmara: Es una tienda que se dedica a la venta de bisutería realizada artesanalmente. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Tienda online o Bisutería o Artesanía o Especial o Promociones o Pedidos o Novedades Un lugar en el mundo: Es una tienda que se dedica a la venta de bisutería y abalorios para realizar tu propia bisutería artesanal. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Catalogo de abalorios por categorías o Tienda online o Novedades o Productos de oferta BackstageLadies: Es una página web que se dedicada a una temática relacionada con la moda y las tendencias sobre productos ecológicos y/o reciclados. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Responsabilidad social y moda o Noticias o Tendencias o Marcas y tiendas Malena Valcarcel: Es una persona independiente que se dedica a la realización y venta de bisutería y productos de decoración con elementos reciclados y ecológicos. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Bisutería y decoración reciclada y ecológica o Tienda o Tutoriales o Videos

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

TusManualidades: Bisutería, complementos, decoración... hechas a mano. En sus campañas realizadas a través de la web ofrece los siguientes contenidos: o Regalos o Sitios recomendados o Contacto

¿Cómo se organiza el contenido de campaña? Página web: en esta página se agrupa el contenido principal de la campaña basada en la venta de los productos, así como toda la información relativa a la empresa Mia Mondo, además de información de interés para nuestros clientes. Facebook: se mostrarán tanto contenidos audiovisuales procedentes de youtube, como imágenes del catálogo de la página web y flickr. ¿Cómo es el etiquetado, es decir, cómo se titularán y nombrarán los distintos elementos textuales a utilizar en los distintos productos comunicativos de campaña? Se utilizarán keywords en las diferentes etiquetas para obtener un buen posicionamiento en buscadores. Estas palabras clave se basarán en el eje de comunicación y en las características de la propia empresa. B. Gestión de permisos y derechos Requerimiento de materiales Los materiales necesarios para desarrollar la campaña serán fotos de todos aquellos productos que estarán disponibles para la venta, y a su vez, ejemplos de accesorios como pendientes, anillos,… que sirvan a los internautas a hacerse un idea del tipo de obra que realiza nuestro cliente. Los derechos de estas imágenes estarán protegidas por una licencia de “commons creative” en la cual, se puedan compartir pero no modificar, dando así seguridad al cliente, de que la explotación comercial de sus productos solo recae sobre él.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

2. 3. DISEÑO DE LA INTERACCIÓN

A. Análisis funcional y tecnológico Definición de requerimientos y especificaciones de los productos de comunicación multimedia ¿Qué necesidades funcionales son necesarias para cumplir los objetivos de los productos comunicativos de campaña?i “Multimedia es el uso del ordenador para presentar y combinar: texto, gráficos, audio y vídeo con enlaces que permitan al usuario navegar, interactuar, crear y comunicarse”. Hay que tener en cuenta que las creaciones multimedia se basan generalmente en presentar los contenidos atendiendo mucho al detalle, enfatizando mediante los recursos expresivos más sofisticados aquellas particularidades susceptibles de una mejor comprensión por esos medios. La motivación y el interés del receptor del documento se incrementarán con elementos de impacto, entre los que se pueden incluir sonidos o efectos diversos en el momento adecuado (pop up, banners etc.) También la organización de la información puede mejorarse recurriendo a modelos sofisticados de navegación por el documento. Podemos analizar cuatro características fundamentales en los programas multimedia: Interactividad, Ramificación, Transparencia y Navegación. Si conseguimos que se cumplan estas cuatro, las necesidades funcionales para cumplir objetivos de comunicación quedarán solucionadas. ¿Qué herramientas y aplicaciones son necesarias para cubrir esas necesidades funcionales? Como ya hemos dicho, el término multimedia hace referencia al uso combinado de diferentes medios de comunicación: texto, imagen, sonido, animación y video. Los programas informáticos que utilizan de forma combinada y coherente con sus objetivos diferentes medios, y permiten la interacción con el usuario son aplicaciones multimedia interactivas. La evolución producida en los sistemas de comunicación ha dado lugar a este tipo heterogéneo de aplicaciones o programas que tienen dos características básicas:

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

 

Multimedia: Uso de múltiples tipos de información (textos, gráficos, sonidos, animaciones, videos, etc.) integrados coherentemente. Hipertexto: Interactividad basada en los sistemas de hipertexto, que permiten decidir y seleccionar la tarea que deseamos realizar, rompiendo la estructura lineal de la información.

Por esto, las herramientas y aplicaciones necesarias para cubrir las necesidades funcionales serán: -

Página web, basada en una distribución amena y que incite a la visualización de la misma. Redes sociales, también amenas y actualizadas con asiduidad. Los enlaces a estas redes sociales los podremos encontrar en la web y serán para: Twitter, Facebook y Flickr. Canal YouTube, dónde mostrar al público el producto y acercarnos por lo tanto más a él. Este se mostrará también en la página web. No se realizarán aplicaciones para tabletas y smartphones, debido a su alto coste y complicidad.

B. Planteamiento multimedia Definición de elementos de producción multimedia ¿Qué elementos multimedia se utilizan en los distintos productos comunicativos?ii Cualquier aplicación, documento o sistema multimedia está constituido por elementos informativos de diferente naturaleza, que coinciden en una misma intencionalidad comunicativa; recrear una experiencia de percepción integral, a la que, cada uno de ellos, aporta sus capacidades expresivas características. Los elementos multimedia están adquiriendo gran importancia en la Web debido a la mejora técnica y a la mayor rapidez de las conexiones a internet. Sus posibilidades son ilimitadas. Videos, audio, imágenes, fotografías, hipervínculos y enlaces, redes sociales, páginas web, blogs son los elementos multimedia más utilizados a la hora de publicitar empresas o productos en la red. ¿Cuáles son los objetivos, función, utilidad y valor de los distintos elementos multimedia que se emplean? ¿Es adecuado su uso a los objetivos y características de

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

la audiencia? A través de la utilización de elementos multimedia, gracias a los cambios de los medios tradicionales a los digitales contamos con un abanico externo de nuevas posibilidades, con las que podemos centrar nuestra publicidad en la web, tablets, móviles, hipertextos, redes sociales, etc. Con ello se hace más fácil llegar a nuestro público objetivo a través de diferentes formas y sitios en la red. - Texto lineal e hipertexto, para mostrar, explicar y definir el proceso de creación de los productos y la utilización de los materiales para dicho proceso. A pesar de ser uno de los medios de comunicación más clásicos y tradicionales, sobre ellos descansa la estructura conceptual y argumental básica que constituyen un método muy rápido, preciso y sistemático de transmisión de información. Los textos pueden presentarse en secuencia lineal o asociados dinámicamente mediante enlaces hipertextuales. - Hipertextos o enlaces: La mayoría de las aplicaciones multimedia incluyen hipervínculos o enlaces, que permiten a los usuarios moverse por la información de modo intuitivo. La conectividad que proporcionan los hipertextos hace que los programas multimedia no sean presentaciones estáticas con imágenes y sonido, sino una experiencia interactiva infinitamente variada e informativa. Los hipervínculos o enlaces conectan los diferentes elementos de una presentación multimedia a través de texto coloreado o subrayado o por medio de iconos, que el usuario señala con el cursor y activa pulsándolos con el ratón. - Imágenes y fotografías: representaciones visuales estáticas, generadas por copia o reproducción del entorno (escaneado de imágenes analógicas, fotografías digitales, etc.). Junto con los textos, son el medio más utilizado en las aplicaciones multimedia para transmitir información. Dicha transmisión se facilita cuando las imágenes son nítidas y estables. - Vídeo: Secuencias de imágenes estáticas –sintetizadas o captadas– codificadas en formato digital y presentadas en intervalos tan pequeños de tiempo que generan en el espectador la sensación de movimiento. En las aplicaciones multimedia, los vídeos convierten las pantallas del ordenador en terminales de televisión y resultan un medio óptimo para mostrar los atributos dinámicos de un concepto, de un proceso o de un acontecimiento, gracias a su secuencialidad y su capacidad para desarrollar líneas argumentales. Están desarrolladas de manera tal, que permiten al usuario interrumpir, reiniciar y volver a

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

visionar las secuencias tantas veces como desee.

3. DISEÑO DE LA INFORMACIÓN (INTERFAZ Y NAVEGACI ÓN)

Diseño ergonómico de navegación y estilo gráfico de los productos comunicativos complejos –sitios web, canales multimedia, plataformas de red social…A. (Por cada espacio) DEFINICIÓN DE LA ESTRUCTURA Y SISTEMA DE NAVEGACIÓN DE LOS ESPACIOS WEB DE CAMPAÑA ¿Cuál es la estructura y el modelo organizador? iii El modelo organizador es jerárquico por secciones-categorías-artículos. Esto se justifica con el modelo de negocio que se está llevando a cabo. ¿Cómo es el diagrama o mapa gráfico básico del sitio que muestra la estructura de contenidos? iv

¿Qué sistema de navegación se utiliza: textual, gráfico, mixto…?v Será mixto, ya que su contenido gráfico ayuda a crear y mantener unos esquemas mentales en el consumidor, pero a su vez textual porque la descripción es

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

imprescindible para facilitar la comprensión del usuario. Además, vamos a aprovechar la ventaja competitiva de describir las ilustraciones para favorecer la accesibilidad a la página a personas con minusvalía.

B. (Por cada producto o espacio de comunicación) DEFINICIÓN DEL DISEÑO VISUAL ¿Cuál es la línea estética y el modelo de identidad visual de la interfaz gráfica de usuario?vi La línea estética que seguimos es divertida, original y dinámica ya que buscamos el entretenimiento de nuestro público y su participación dentro de la página. Tiene que ser sencilla para facilitar la navegación y la comprensión de todo lo que queremos transmitir. El Modelo de identidad visual, nuestra página se caracterizara por colores saturados y elementos contrastados, además aparecerá el logo de Mia Mondo y fotografías de sus productos. Orientaciones generales de composición y estructura de las pantallas tipo (enumeración y priorización de módulos de contenido)?vii ¿Qué selección se ha hecho de colores, tipografía, contaste, jerarquías de textos etc.? Dentro de la página home, primera pantalla, encontramos en la parte superior el nombre Mia Mondo, Adela Villanueva debajo una descripción breve del contenido de la página web para que los usuarios entiendan desde un primer momento lo que van a encontrar. Aparecerá además el logo diseñado para Adela y una imagen que sirva de portada a todos sus productos y proporcione dinamismo a la página.

*Ejemplo de imagen de cabecera de la página

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

A continuación, un poco más abajo, encontramos las pestañas que sirven de menú para guiarse por toda la página; Inicio, catálogo, personaliza tu diseño y contacto, al lado de cada una de ellas pondremos fotografías representativas para hacer más visual la navegación. Las pestañas tendrán una estructura parecida, las diferenciaremos por las imágenes, el contenido y los colores pero siempre siguiendo las características estéticas de la web y los colores seleccionados. Dentro de la pestaña catálogo aparecerán los diferentes productos diseñados por Adela. La barra de herramientas estará siempre visible para hacer la navegación más cómoda. Al lado de los productos aparecerá la opción Seguir Leyendo, para ampliar la información de cada producto sin cargar demasiado las páginas primeras a sí en menos espacio se pueden ver más productos.

 ¿Qué selección se ha hecho de colores, tipografía, contaste, jerarquías de textos etc.? La combinación corporativa de colores seleccionados ha sido la siguiente: - Naranja: Pantone 166c. - Azul: Pantone 549c. - Rojo: Pantone 485c. - Amarillo: Pantone 603c.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Estos colores son llamativos, fuertes y expresan alegría, dinamismo a la vez que hace referencia a la elegancia y la originalidad de los complementos y otros elementos que se realizan en Mia Mondo. La tipografía será “Matala”, en tamaño mayor en los títulos y menor en los textos, para captar la atención sobre los primeros, y facilitar la lectura de los segundos. Referencias de otros proyectos como ejemplos y orientaciones para la aplicación de la línea gráfica Para crear la campaña Mia Mondo hemos consultado algunas páginas web de artesanía, complementos y moda entre otras, que pueden reunir las mismas características de dinamismo, cercanía, naturaleza, diseño etc. que deseamos para nuestra web. Estas son algunas de ellas: http://www.aita.es/ http://www.uniccos.com/joyas/collares

C. (Por cada producto o espacio de comunicación) MAQUETA Y PROTOTIPO Twitter: Esta red social no permite personalizar la estructura, por lo tanto únicamente hay elegir la foto de perfil, la de portada, el fondo, la descripción y el nombre del usuario, una galería de fotografías con los productos y la elaboración de textos de 140 caracteres.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Facebook: Al igual que la anterior, la estructura viene dada. Se personaliza la foto de perfil y la de portada, así como la información y el nombre del usuario. Los textos de contenido se publican periódicamente en forma de biografía, y pueden incluir fotografías, que serán almacenadas en la galería.

Youtube: Permite modificar al gusto el fondo, la fotografía de perfil y la descripción del canal, así como la información. Se subirán videos con sus respectivas descripciones, que irán apareciendo de forma cronológica.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

Página web: Dado que es en esta donde se va a desarrollar toda la campaña, y el resto de plataformas únicamente servirán para redirigir a los clientes hasta ella, la página web es el elemento más importante de esta campaña multimedia. Es totalmente personalizable, y por ello se utilizarán los colores corporativos, la tipografía y la colocación de los elementos de manera tal que consigan comunicar los valores deseados. Todo quedará establecido como se observa en la imagen esquemática. En el apartado “Catálogo” se dispondrán imágenes de los productos en una galería, con un pequeño título y su precio. Pinchando sobre ellas se obtendrá una descripción más detallada del artículo y la imagen ampliada. A su vez, habrá una división de los productos según su tipo (collares, bolsos, pulseras, etc.) en un menú desplegable, para hacer más cómoda la navegación y facilitar las búsquedas.

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

4. PRESUPUESTO

Valoración económica de producción



COORDINACIÓN: 60 horas



COMUNICACIÓN EXTERNA: 50 horas



CONTENIDOS: 65 horas



DISEÑO Y DIRECCION DE ARTE : 40 horas



PROD. GRAFICA Y MULTIMEDIA: 75 horas



DESARROLLO TECNÓLOGÍAS Y APP: 50 horas



PUBLICACIÓN: 40 horas



SEO Y ANALITICA WEB: 30 horas

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II

NOTAS:

La definición de requerimientos funcionales supone precisar qué “acciones” pueden llevar a cabo los usuarios con el sitio. Por ejemplo, si se considera prioritario que los usuarios tengan distintas formas de recuperar la información, deberemos prever la incorporación de un buscador, de una nube de etiquetas, de un breadcrumb, etc. Si lo que se pretende es facilitar la participación de los usuarios, será relevante incluir herramientas como Chat, sistemas de recomendación, sistemas de comentarios, etc. ii

Ilustración, fotografía, animación 2D, animación 3D, vídeo, música, efectos sonoros, locuciones, texto escrito, menús y botones, etc. iii

En este sentido, se puede optar por distintos modelos: jerárquica por secciones-categorías-artículos…, según un modelo funcional (típico de sistemas de ecomerce, por ejemplo), según una estructura narrativa hipermedia determinada (en el caso de juegos, etc.) iv

Se trata de desarrollar un árbol funcional que muestre la agrupación de los contenidos en función de la información que busca el usuario en el sitio o las tareas que puede realizar. Se indicarán las secciones, los niveles existentes y los contenidos relacionados (funcionalidades transversales a todo el sitio: buscador, glosario, FAQs, Contacta…) v

Se trata de definir qué elementos formarán parte del sistema de navegación, evaluando su utilidad y adecuación en función de las características y la experiencia del usuario tipo de la audiencia a la que nos dirigimos. vi

Identificación de la línea y tono gráfico

vii

¿Cómo se define el diseño visual?

Sergio Álvarez García | Departamento de Ciencias de la Comunicación II