18/03/2013
1
COMPONENTES DEL GRUPO: Alberto Cano Arcos Sergio García Ferrer Javier Rubio López Carlos Guillermo Hernán Joaquín de Gómez López Agustín Suarez Gallardón Ana Fernández Pablo Silvia Orellana Benito Sergio García Ferrer
2
Plan de proyecto ÍNDICE
Conceptualización estratégica y Creativa .................................................................. 4 Análisis de la situación de partida ................................................................................ 4 Creación del Marco Estratégico ................................................................................... 7 Desarrollo creativo ..................................................................................................... 14 Estructura del proyecto ............................................................................................ 15 Planificación básica ..................................................................................................... 15 Arquitectura de la Información ................................................................................... 16 Diseño de la interacción .............................................................................................. 17 Diseño de la Información ......................................................................................... 18 Presupuesto ............................................................................................................. 29
3
CONCEPTUALIZACIÓN ESTRATÉGICA Y CREATIVA ANÁLISIS DE LA SITUACIÓN DE PARTIDA
•
Actividad Comercial y objeto de la campaña:
La actividad comercial de la empresa, la englobamos dentro del sector servicios, ofrecemos productos a los consumidores, en muchos campos de este sector, como viajes, ofertas en restaurantes, descuentos en excursiones, sector de bienestar en spa, tratamientos, cuidados personales, relajaciones, peluquería. Los propietarios o promotores de esta actividad comercial, están desarrollados por un grupo de estudiantes universitarios, que comenzaron su página web, como un trabajo o proyecto en una asignatura universitaria. La cual acabó realizándose más como motivación y desarrollo de una gran idea, queriendo llegar a seguir con dicho trabajo fuera de las expectativas universitarias, para poder seguir desarrollando la idea. El producto ofrecido, está dirigido a una población de clase media, ya que es un precio relacionado con una oferta, que nos ofrece un precio por debajo de su valor real, son precios competitivos, que dan al producto un estatus de gama baja ya que los clientes intenta ahorrarse en el producto lo más posible. En nuestra actividad comercial, tenemos que destacar un detalle muy importante al que llamamos el ¡OJO!, donde informamos a nuestros clientes sobre cuáles son los pros y los contras de dichas ofertas. Así nuestro cliente siempre tendrá todos los puntos sobre la esa y podrá aceptarlos elegirlos o seguir buscando sin ningún tipo de sorpresas después de la compra. •
Objetivos Generales del Cliente:
Los objetivos principales de la imagen del producto, es dar una imagen juvenil, dar la sensación de producto de gente joven para gente joven. Dando una imagen moderna de nuestros productos, pero siempre sin perder la seriedad de nuestra imagen y servicio, y la tranquilidad de que será un producto de fácil accesibilidad al público. En cuanto a los objetivos comerciales, el cliente quiere estár en el TOP ON MAIN de nuestros públicos objetivos y en el sector terciario de las ofertas y promociones, el cual en un futuro, esto podría tener consecuencias buenas, como tener patrocinadores de diferentes empresas, para poder ir ganado dinero y poder ir subiendo en nuestro sector. Las herramientas de comunicación que seguiremos, será intentar tener un mínimo de número de visitas en nuestra página web, ser un referente en la web. Encontrarnos en 4
las mejores redes sociales y tener repercusión en cada una de ellas, por ejemplo en twitter, Facebook ser nombrados, retuiteados, tener seguidores y ser reconocidos en el sector. Crear un mailing personalizado para cada seguidor y usuarios de nuestras redes sociales y página web. Todo ello podría crear una red de seguidores habituales en nuestros servicios y ser una de las actividades comerciales más reconocidas. •
Análisis DAFO :
Oportunidades: Desde la organización de esta Web, pensamos que debido a la crisis se ha disparado el consumo en páginas dedicadas a la búsqueda de ofertas en ámbitos de ocio, viajes y gastronomía, lo que significa una buena oportunidad para nosotros. Tenemos serias oportunidades en el mercado en el que nos encontramos ya que queremos ser la página más visitada en la búsqueda de ofertas que pueden ofrecer descuentos tanto de nuestro país como del extranjero. Amenazas: Es un sector bastante copado por nuestros principales competidores como: Groupon, Ofertix, Groupalia, Oportunista, Chequegorron y Familychek. Estas empresas cuentan con bastante experiencia y renombre en el sector que nos queremos desenvolver, por lo que son una clara amenaza hacia nuestros intereses. Fortaleza: La principal fortaleza es la diferencia que encontramos en Bydeface es que te contamos la letra pequeña mediante el ¡OJO! Siendo bueno si es de color verde y malo si es de color rojo. Gracias a esto nuestro público puede saber que hacer respecto a la letra pequeña y por decirlo de algún modo no se siente timado en el momento de la compra. Otro pequeño detalle es la plena integración de la que disponemos en nuestra página web con distintas redes sociales como Facebook, Twitter y Youtube. Este último ha sido estrenado recientemente y para lograr una mayor fidelidad con nuestros públicos y un mayor grado de respuesta grabaremos reviews comentando las distintas ofertas. Nuestra web no necesita un registro para comenzar a disfrutar de las diferentes promociones. También como se ha mencionado antes nuestro público es principalmente juvenil y para este que es muy importante, hemos creado dos secciones específicas para que expriman al máximo sus carnets (universitario y joven).
5
Debilidades: El hecho de ser una empresa joven y recién formada hace que apenas contemos con público que sepa de nuestra existencia, por lo que es una clara debilidad. También por ser una empresa joven, no poseemos “esa” habilidad, sabiduría y madurez que quizá requiera la formación de la empresa.
•
Rasgos esenciales del objeto de campaña:
Necesidad del producto: Bydeface además de empresa, puede ser una herramienta para sus públicos, ya que en épocas de crisis como la que vivimos se tiende a ahorrar lo máximo posible y a buscar el mayor número de Gangas. Aparte de ofrecer un gran número de ofertas, en las diferentes secciones, Bydeface es bastante cercana y no ofrece los diferentes chollos de un modo mecánico , sin ofrecer apenas información y no¡ da la impresión de ser “ copy and paste”. Bydeface comenta tanto de forma objetiva las ventajas y las desventajas que pueden presentar las promociones y si un producto se ha probado se da la impresión de esta, iniciando un lazo de unión basado en la sinceridad y en la experiencia previa para que los consumidores se decidan o no a probar el producto. •
Comportamiento del consumidor dentro del sector:
En este sector, se presenta un arma de doble filo, ya que si el consumidor ha escogido una oferta (por ejemplo en Groupon) y ha cumplido sus expectativas se decidirá a probar mas ofertas de la misma web, variando poco entre sus competidores debido a la sensación de fiabilidad. Sin embargo, si El producto no cumple sus expectativas o se ha producido algún fallo en la gestión el consumidor, apostará por no buscar más ofertas (en un largo plazo) en ninguna web del sector. •
Acciones de comunicación online de la competencia:
Las acciones de la competencia se basan en la web como eje de la comunicación y redes sociales como Facebook, tuenti y Twitter para ampliar el conocimiento de los públicos y sus amigos/familiares de las diferentes promociones.
6
También ofrecen un Mailing general, además de presentar banners en algunas webs asociadas a la empresa. La única empresa competidora que se desmarca de las demás es GROUPON, la cual es propietaria de una app (disponible en google play store y Apple appstore) en la cual podemos encontrar ofertas actualizadas diariamente con la posibilidad de adquirirlas desde la misma app. •
Análisis de las plataformas de sistemas de comunicación digital:
Los objetivos a desarrollar son: 1. 2. 3. 4. 5. 6.
Registro del dominio. Elección del hosting y creación de la base de datos. Diseño y desarrollo de la Web. Desarrollo de gestor de contenidos para la Web (CMS). Adaptación del proyecto para Smartphones y Tablets. Marketing por Internet (SMO)
Todos estas características y funcionalidades vienen desarrolladas en “Definición del entorno tecnológico de desarrollo de la campaña”. CREACIÓN DEL MARCO ESTRATÉGICO
•
objetivos de acciones multimedia:
En el entorno multimedia es donde vamos a realizar todas nuestras acciones de comunicación. Es por eso que utilizaremos las herramientas que nos ofrece Internet, como la página web, las redes sociales, o la app. Hablando de la web, nuestro objetivo es conseguir un tráfico de al menos 1000 visitas diarias. Este número esperamos que se vaya incrementando progresivamente en un periodo de 3 años. Además, al aumentar nuestras visitas, iremos ganando posiciones en buscadores como Google, y conseguiremos que otros blogs o páginas web nos mencionen o nos sigan, de modo que la gente que esté visitando esos blogs o webs, pueda ser redirigidos fácilmente a la nuestra. En las redes sociales también esperamos tener mucho seguimiento. Esperamos obtener al menos 500 likes diarios en nuestra página de facebook, además de 50 retweets en Twitter. No debemos olvidarnos del canal de Youtube, que nos 7
permitirá otra forma de ofrecer contenidos a nuestros usuarios, en el que esperamos conseguir un promedio de 500 reproducciones diarias. Con estas redes sociales podremos mantener una constante comunicación con los fans de Bydeface, creando una creciente comunidad de seguidores fieles a la marca que, a su vez, atraerá a otros seguidores en un efecto viral. De este modo conseguimos que los objetivos de comunicación nos ayuden a conseguir el objetivo de la campaña, que es, a "corto" plazo, posicionar Bydeface en el top of mind de los usuarios de los buscadores de ofertas, siendo cada vez más conocida nuestra página web y nuestro trabajo. Al aumentar nuestro prestigio conseguiremos patrocinios y acuerdos con las marcas (a largo plazo) para que nos proporcionen directamente sus ofertas. Al tener más contenidos que ofrecer, y más usuarios que nos elijan para conseguirlos, conseguiremos estar entre los buscadores de ofertas líderes del sector. •
Características esenciales de la marca:
Posicionamiento deseado: Somos conscientes de la fuerte competencia en el sector a la que nos enfrentamos. Por eso es fundamental de cara a posicionarnos en la mente de los consumidores llevar a cabo una diferenciación respecto a las otras empresas. Esta diferenciación vendría marcada, entre otras, por el tono. Nuestro tono es juvenil, con una web muy visual y unos encabezados con nombres simpáticos, estableciendo una relación de cercanía sin perder la seriedad. Sin embargo, nuestra principal diferenciación es la facilidad de acceso a las ofertas (ya que no es necesario registro alguno) y sobretodo la evaluación y comentario de las mismas, ya que explicamos las condiciones necesarias y destapamos las posibles carencias de la misma. Esta es la principal diferencia que queremos transmitir al público, que nuestra web es la única que explica la letra pequeña de las diferentes ofertas, por lo que generamos una mayor confianza. Público-‐objetivo: Entre el apartado para específico para Carnet Universitario y Carnet Joven, el ya citado diseño y modus operandi juvenil, junto con que el mundo de las ofertas en Internet está relacionado con ello, hace que el target al que nos dirigimos principalmente sea el público joven. Sin embargo, dado que las ofertas son válidas para todos los públicos está también dirigida a un público de más edad. Además, la amplia variedad de ofertas hace que algunas de ellas estén casi reservadas a un público de mediana edad (Ej: un viaje puede estar rebajado de precio pero aun así no ser para un público joven). 8
Territorio y alcance: La web ha sido lanzada cogiendo ofertas de Madrid para gente de Madrid, pero en seguida hemos incorporado ofertas a nivel nacional, y este sería nuestro objetivo, ofrecer ofertas para toda España, incluso alguna a nivel europeo en lo relativo a viajes y empresas multinacionales. •
Definición de la estrategia de comunicación interactiva:
Como ya hemos mencionados, Bydeface va a comunicarse mediante los siguientes medios: página web, redes sociales (Facebook, mediante una página; Twitter, mediante una cuenta; y Youtube, mediante un canal) y la APP. En la página web es donde se va a desarrollar todo el contenido. Se dividirá por áreas según la categoría de producto, y en cada apartado se incluirán las ofertas correspondientes. Además se podrá enlazar fácilmente con las redes sociales, además de dejar comentarios y opiniones. En la página de Facebook y en la cuenta de Twitter aparecerán todas las entradas con ofertas de la página web, de modo que los seguidores permanezcan siempre al corriente de las nuevas ofertas. Además, en Youtube aparecerán videos que irán informando sobre las propiedades de los productos y servicios que se ofertan en la web. Por último la APP proporcionará un acceso más sencillo a todas aquellas personas que accedan a la web desde el smartphone o la tablet. El eje conceptual de Bydeface se define tanto por su eslogan "Entra, encuentra y comparte" como por su esencia, determinada por el "¡Ojo!". Con el eslogan se transmiten dos conceptos fundamentales. El concepto "encuentra", que es sustituido por el típico "busca", dando a entender que aquí no solo vas a buscar, sino que vas a encontrar lo que buscas y no vas a tener que mirar en otro sitio. El otro concepto principal es el "comparte", donde volvemos a poner en manifiesto la relevancia que tienen las redes sociales y la necesidad de que nuestros seguidores difundan y recomienden a sus "amigos" nuestra página web. •
Definición de las herramientas de comunicación a desarrollar:
La página web será el motor que permita las otras formas de comunicación, ya que es la plataforma donde se desarrolla toda la actividad. La estrategia que seguiremos en la página web será la de mantenerla actualizada, ofreciendo las mejores ofertas que encontramos en los otros buscadores y comentando la letra pequeña de las mismas. 9
Los visitantes de nuestra página web podrán participar dejándonos sus opiniones y experiencias en las diferentes ofertas, de modo que les pueda servir de guía a los demás usuarios. Además, podrán ponerse en contacto con nosotros por correo, para comentarnos cualquier duda o proponernos mejoras en el desarrollo de nuestros contenidos. Nuestra web es sencilla, interactiva, que permite una navegación rápida y precisa, ya que se encuentra estructurada en las diferentes categorías de ofertas: Comilones, Viajeros, OfertApps, Tecnológicos, Fashion Victims, Ocio, Ocio y Otros. De este modo el valor a nivel usuario se centra en la usabilidad y la rápida navegación que esta división le ofrece, además del toque juvenil y fresco que impregna toda la experiencia en la página web. En la página de Facebook posteamos directamente las entradas de la web, al igual que en la cuenta de Twitter. De este modo, en ambas redes sociales aparece una entrada con el título y una breve descripción de la oferta, además de un enlace que te conduce directamente a esa oferta en nuestra página web. De este modo, nuestros seguidores en las redes sociales son los primeros en enterarse de cualquier novedad o modificación que hacemos en nuestra web, y por tanto, pueden ser los primeros en disfrutar nuestras ofertas y, de este modo, asegurare de no quedarse sin ellas. Sin duda las redes sociales son un valor añadido de la marca, que ofrece valor a las dos partes: a los usuarios les permite hacer un seguimiento de todo lo que acontece en la web, y a Bydeface le ofrece un feedback, estadísticas, y una gran herramienta para fidelizar clientes. En el canal de Youtube se ofrecerán videos informativos sobre las ofertas, tanto videos que proporcione la propia marca que ofrece el producto o servicio, como un "videoblog". Este videoblog estará compuesto por videos "caseros" que desarrollarán tanto los creadores de la marca Bydeface, como todas aquellas personas que adquieran una oferta y, una vez la hayan probado, quieran compartir su experiencia. Además también se pueden hacer demostraciones de productos, críticas, etc. Además, también disponemos de un código BIDI, que redirigirá directamente a nuestra página web. La APP va a proporcionar una forma más sencilla de navegar en nuestra web para todos los usuarios que accedan desde sus smartphones o tablets. Este medio va a permitir una mejor experiencia de navegación a nivel de usuario, ya que podrá acceder de forma más sencilla y rápida a los contenidos, ajustándose la página web a la pantalla del dispositivo desde el que se acceda. Además, esta aplicación permitirá recibir notificaciones (si el usuario quiere) sobre las nuevas ofertas que se vayan introduciendo en la página web. 10
•
Definición del entorno tecnológico de desarrollo de la campaña:
El siguiente listado de herramientas, servicios y dispositivos tecnológicos son los que se utilizaran para llevar a cabo los objetivos: Instalación, registro de dominio y alojamiento web: Las tareas necesarias para poner operativa la aplicación web en el servidor definitivo donde se alojará la web Bydeface son: • • •
Gestión de la adquisición del dominio. Contratación del plan de alojamiento. Instalación de la aplicación en el servidor.
Plataforma y Herramientas web: El desarrollo del proyecto estará dividido en los siguientes entornos y sus correspondientes herramientas: • • • • •
Front-‐end: HTML5 + CSS3 + Javascript Back-‐end: PHP Base de Datos: MySQL 5.0 Herramienta: WordPress 3.5.1 Alojamiento y Dominio: http://www.000webhost.com
Estas tecnologías permitirán la perfecta visualización e interacción con los principales navegadores del mercado: • • • •
Google Chrome Mozilla Firefox Internet Explorer (v8 +) Safari
Desarrollo de gestor de contenidos para la Web (CMS): El gestor de contenidos que se va a utilizar para la web de Bydeface es Wordpress, dado que es una herramienta de fácil utilidad y con unos resultados de gran calidad, con lo cual el cliente podrá manejarse perfectamente en el entorno web y subir tanto contenido como se desee sin ningún conocimiento informático. La cantidad sólo estará limitada al tamaño de espacio contratado con el proveedor de alojamiento. Front-‐End: La web mantendrá una estética limpia y fácil de visualizar, apostando por la pantalla completa, como si de una app de escritorio se tratase, conservando el espíritu web-‐ ofertas. 11
Back-‐End: Al tratarse de un gestor de contenidos se ha planteado realizar una web sencilla e intuitiva con acceso mediante login para que el cliente pueda administrar fácilmente los contenidos. Diseño y maquetación web: El diseño para la página Bydeface se realiza de un modo personalizado. Se ha creado un diseño en base a los elementos gráficos proporcionados por el cliente (logo, imágenes, recursos), adaptado a la imagen corporativa de la empresa y a la filosofía de la web, en este caso de las ofertas. Al tratarse de un target de gente joven se ha realizado diseño web innovador, visual y de un fácil acceso a los diferentes menús de la misma. Dicha web tiene visibles los datos de contacto del cliente; como la URL de su web corporativa y email principal de contacto. APP: La WebApp tendrá como objeto mostrar las principales divisiones de la compañía con sus respectivas áreas y contenidos. Para ello se adaptará la navegación para los Smartphones y Tablets de una manera sencilla y atractiva visualmente, en la que poder acceder a cada división mediante un solo click. La app será disponible para HTML5, Android y Apple. Marketing por Internet: SMO (incluye diseño personalizado) Aparte de la web y la app, se crearán diferentes páginas y canales en las principales redes sociales para dar a conocer la web y generar una mayor notoriedad. Para ello se utilizará un diseño personalizado siguiendo la filosofía web de Bydeface. Las herramientas empleadas son: -‐ Página de empresa en Facebook. -‐ Canal de videos en YouTube. -‐ Cuenta en Google+. -‐ Cuenta en Twitter. •
Evaluación de las implicaciones legales de las acciones propuestas:
Nos hemos decantado en nuestra fundación por iniciarnos con un dominio .tk por la sencilla razón de que era más rápido y gratuito, pero uno de nuestros objetivos más 12
inmediatos es pasarnos al dominio .es pagando el precio correspondiente para un mejor funcionamiento y una más fácil retención en la mente de los consumidores ya que es mucho más común. Además este dominio nos da mayores garantías legales y nos proporciona una mejor imagen. Respecto a la protección de datos, toda empresa o profesional recaba datos de carácter personal, ya que es inevitable tener un archivo con datos de clientes, proveedores, contactos, etc, para realizar las gestiones propias de la actividad comercial llevada a cabo. En este caso, es necesario tener en cuenta y cumplir con la normativa de protección de datos de carácter personal, ya que se trata de una legislación estricta, y su incumplimiento acarrea graves sanciones pecuniarias. Dicha ley distingue, según los datos recabados, tres niveles de protección: básico, medio y alto. Entre las principales obligaciones legales de dicha normativa es necesario señalar las siguientes: • • • • • •
Es necesario inscribir los ficheros de datos personales en el Registro General de la Agencia de Protección de Datos. Redactar un Documentos de Seguridad, en el que se incluyan las medidas técnicas y organizativas necesarias a cumplir por el responsable del fichero. Adecuar la página web a la normativa, con la redacción de la política de privacidad y de la cláusula de protección de datos. Suscribir un contrato de comunicación de datos con toda aquella empresa o profesional a la que se le comuniquen datos personales. Gestionar los derechos de los titulares de los datos personales. Cada 2 años es necesario llevar a cabo una auditoria, que puede ser interna o externa.
Por último, todos los contenidos de nuestra página web deben ser protegidos y registrados, si son originales y en caso de pertenecer a terceras personas debemos contar con su autorización para poder hacer uso de ellos. Cuando ya se tienen las autorizaciones sobre las obras que van a estar recogidas en la Página Web, es necesario protegerla en su conjunto, para poder probar la titularidad de la Página.
13
DESARROLLO CREATIVO
•
Eje creativo de la Comunicación:
El mensaje principal de Bydeface es hacer saber al cliente o usuario de nuestra página que no todas las ofertas que se presentan en el mercado son tan espléndidas como la empresa anunciante anuncia, siempre existe una letra pequeña que encarece el servicio, no necesariamente con precios. Bydeface informa de lo bueno y lo malo de la oferta, por ello invitas al usuario a ENTRAR, ya que siempre vas a encontrar algo que te interese, nuestra página está dirigida a un amplio abanico de público, con las manos vacías no vas a salir. COMPARAR, otras páginas de ofertas no te ofrecen la letra pequeña en grande, ellos te la maquillan para que tú caigas en la trampa; nosotros la presentamos sin trampa ni cartón tal cual es. COMPARTE, si quedas satisfecho ¿por qué no vas a hacérselo saber a los tuyos? Es una buena forma de hacer correr la voz y de que los demás se aprovechen como tú de una buena oferta o de que no caigan en la trampa. •
Adaptación del concepto Creativo:
Bydeface es una página joven, fresca que se renueva día a día como sus ofertas, nosotros tratamos de estar lo más cerca del cliente y que en el momento más preciso nos tenga en cuenta y recuerde que puede recurrir a nosotros. Para ello Bydeface crea una plataforma digital a la cual poder acceder a través de un ordenador personal o desde su teléfono móvil, aquí aparecen todas las ofertas, enlaces y categorías de una forma más explícita. Bydeface está en posesión de una app para los sistemas android que permite al usuario a través de un menú más concreto acceder directamente a la parte a la cual el usuario está interesado. El cliente y usuario además cuenta con redes sociales para colgar su experiencia y comentarla in situ y que el resto de público pueda aprovecharse de estos beneficios. •
Línea Gráfica:
La línea creativa de Bydeface es una línea de rasgos duros, impactante por sus colores predominantes, el rojo y el negro, podría decirse que recuerda a la campaña publicitaria de “Mediamarkt” por su forma en la que aparece en pantalla de una manera impactante. Tenemos una tipografía simple, que presenta la marca tal cual es, 14
sin recargar la línea o imagen, ya que el consumidor podría perder su atención en otros conceptos que hagan desviar su interés en el nombre de nuestra empresa. Simbología del color: el color rojo simboliza lo ambicioso, el impulso más que dejarse llevar por la reflexión, nosotros somos conscientes de que como ejemplo vivido por nosotros mismos muchas veces sales por ahí y te surge la acción de ir a cenar, actúas de forma impulsiva, es algo que no es premeditado por lo que puedes recurrir a nosotros en cualquier momento y lugar para ver donde puedes cenar o que te ofrecen. El color rojo se recuerda, es símbolo de alegría, acción, mezclado con blanco simboliza alegría juvenil, otro rasgo característico de nosotros; y mezclado con el negro estimula la imaginación. Como ejemplo de empresas que recurren a esta simbología del color juvenil: H&M, Nintendo, Vodafone, Coca-‐cola o Cepsa, aunque en estas marcas existe una mayor mezcla de rojo y blanco más predominante. ESTRUCTURA DEL PROYECTO PLANIFICACIÓN BÁSICA
•
Calendario general (fases y etapas) del trabajo a desarrollar:
Actividades / Semanas
1
2
3
4
5
6
7
8
9
10
11
12
13
Entrega de Briefing
Entrega de información para la web
Propuestas de diseños web
Contratación del presupuesto
Diseño web y maquetación.
Desarrollo de la aplicación
Activación de la web
Evaluación (fase postest)
15
ARQUITECTURA DE LA INFORMACIÓN
A. DEFINICION DE LA ARQUITECTURA DE LA INFORMACIÓN •
Contenidos ofrecen nuestros productos comunicativos:
Nuestra empresa se centra en explicar al público distraído los detalles a tener en cuenta de cada oferta , tratando de que todos los clientes queden satisfechos con nuestro servicio ya que en otras palabras “Le destripamos la oferta y se lo damos todo explicado de una manera sencilla”, dentro de la propia página encontramos una infinidad de ofertas. Para que sea sencillo e intuitivo encontrar la información, hemos diseñado un sistema de pestañas ocultas en la cuales según vas pasando con el ratón por encima de ofertas, van apareciendo los diferentes nombres que componen nuestras secciones: Ocio ,Viajeros, Comilones, Tecnológicos, Fashion Victims, OfertAPP, otros. En estas secciones podemos encontrar de una manera agrupada y sencilla todas nuestras ofertas por orden de entrada. •
Contenidos que ofrecen en campañas similares:
Otras empresas ofrecen simplemente las ofertas, buscando hacer llegar al público la oferta tal y como las empresas quieren que éstas lleguen. Nosotros, por el contrario, buscamos diferenciarnos de la competencia ofreciendo un valor añadido que es “el ojo”, haciendo grande la letra pequeña, es decir, explicar los pequeños detalles de cada oferta, con el fin de que nuestros clientes tengan la información bien explicada por alguien cercano al mundo de la comunicación trasmitiendo confianza y seguridad. •
Organización del contenido de la pantalla:
La página está diseñada con un slider en el que van pasando imágenes descriptivas de nuestras ofertas. En la parte superior de las imágenes aparecen diferentes menús desplegables como: Inicio, ofertas, jóvenes, quiénes somos y contacto para ir accediendo a cada uno de nuestras secciones. En la parte inferior de las imágenes aparece un breve resumen de nuestra ventaja con respecto a la competencia seguido de un claim: “te hacemos grande la letra pequeña” 16
•
Etiquetado de los elementos fundamentales:
Las ofertas vienen estructuradas todas iguales en las que aparece un título, debajo del título una imagen representativa en la que se encuentre el producto o servicio que vamos a tratar, luego un breve resumen de la oferta, seguido de un “OJO “en mayúsculas y exclamaciones de color rojo o verde dependiendo de si los detalles de la oferta son buenos o malos . B. GESTIÓN DE PERMISOS Y DERECHOS: Para gestionar los permisos y derechos de la web, el cliente podrá acceder mediante login a los contenidos de la web. Para poder editar y publicar, se van a gestionar unos roles segmentados por categorías, de esta manera mediante su usuario y su contraseña podrán realizar diferentes tareas según su nivel de permisos. 2. 3. DISEÑO DE LA INTERACCIÓN
A. ANÁLISIS FUNCIONAL Y TECNOLÓGICO •
Funcionales necesarias para cumplir los objetivos de los productos comunicativos de campaña:
En este aspecto tenemos en cuenta la cantidad de ofertas que se terminarán incluyendo en nuestra página, y esto además de un punto a favor puede tener ciertas complicaciones como que las ofertas sean tantas que exista la posibilidad de que el cliente nunca las lea por aburrimiento o simplemente porque está muy atrás en las páginas, para ello hemos creado ciertos apartados de ofertas con la finalidad de segmentarlas y que el cliente elija que sección de las ofertas quiere consultar y aceda directamente. Por otro lado es bastante importante las redes sociales y más importante todavía que éstas estén enlazadas con nuestra página para que las ofertas estén vinculadas en ambas plataformas. También tenemos en cuenta la opinión de nuestros clientes y para ello existe la posibilidad de una interacción con ellos mediante mensajes que ellos mismos pueden colgar en la oferta dando su opinión.
17
•
Herramientas y aplicaciones necesarias para cubrir esas necesidades funcionales:
Para cubrir las necesidades funcionales en primer lugar es necesario Wordpress, programa utilizado para el diseño de la página, como la creación de los nombres de los menús de las ofertas y colocados en la parte superior de la pantalla. Por otro lado otras herramientas necesarias que usaremos para darnos a conocer son las redes sociales de Facebook, Google+, canal de Youtube y Twitter, creando una cuenta en ambas redes y gestionándolas desde la misma cuenta, buscando crear relaciones y conexiones dentro de las 3 plataformas online que usaremos intentado, así generar tráfico e ir poco a poco ganando presencia en la actualidad.
B. PLANTEAMIENTO MULTIMEDIA En la versión 1.0 de Bydeface se apostó por una estructura interactiva dentrítico circular combinada con una estructura lineal, la cual limitaba mínimamente la interacción entre el usuario y la web, obligando a los públicos visitantes a tener que volver más de una vez a la página de inicio para poder completar la experiencia. En esta nueva versión de la web se pretende buscar una estructura combinada entre la linealidad para ayudar al usuario a manejarse por las distintas secciones de la página y la estructura polidentrítica del árbol ramificado, la cual le da total libertad al usuario para acceder a las zonas que este necesite. Por lo tanto en esta web 2.0 buscamos ayudar al nuevo usuario a manejarse y al experto en búsquedas de ofertas a desenvolverse con total libertad, todo ello sin dejar de lado el estilo fresco, atrevido y juvenil de la empresa. DISEÑO DE LA INFORMACIÓN
A. DEFINICIÓN DE LA ESTRUCTURA Y SISTEMA DE NAVEGACIÓN DE LOS ESPACIOS WEB DE CAMPAÑA •
Estructura y el modelo organizador:
La estructura para Bydeface se compone jerárquicamente por secciones(menú)-‐ categorías(ofertas)-‐artículos(entradas). Toda la web sigue la línea de web-‐ofertas con las diferentes secciones divididas en menús, las categorías se dividen en las diferentes ofertas mostradas en la web y por 18
último los artículos, éstos son las entradas de las diferentes ofertas organizadas según su categoría. Todo esta estructura sigue un modelo similar a un blog en el que los usuarios se les anima a comentar las ofertas, de tal manera que puedan interactuar en ella y dar más dinamismo a la plataforma. •
Mapa gráfico básico del sitio que muestra la estructura de contenidos:
La web cuenta con las siguientes secciones (menús), y categorías (ofertas). Las categorías de menús del header son: •
Inicio
•
Ofertas: o Ocio o Viajeros o Comilones o Fashion Victims o Tecnológicos o OfertAPPS o Otros
•
Jóvenes: o Carné Joven o Carné Universitario
•
Especial Verano
•
¿Quiénes Somos?
•
Contacto
El Footer se compone por las Redes Sociales: -‐ Página de empresa en Facebook -‐ Canal de videos en YouTube -‐ Cuenta en Google+ -‐ Cuenta en Twitter 19
La plantilla de la página de cada oferta se compone por: -‐ Sidebar derecho está compuesto por: Buscador: para localizar fácilmente las ofertas Comentarios recientes Categorías de ofertas -‐ Dentro del contenido de cada oferta se incluirá un apartado de RSS enlazado con las principales Redes Sociales para que los usuarios puedan compartir las ofertas. -‐ Por último se incluirá un apartado para que los usuarios puedan comentar las ofertas. • • •
•
Sistema de navegación que se utiliza en la web:
El sistema de navegación de la web es mixto, se compone por elementos textuales y gráficos. Principalmente se ha pensado realizar un diseño más gráfico que textual, ya que se pretende que el usuario pueda interactuar fácilmente con la web a través de los elementos visuales como las imágenes de las ofertas, y a través de ellas sepa si le interesa o no. Pero también otro principal objetivo es hacer grande la letra pequeña de cada oferta por ello también es necesario incluir elementos textuales en la web para poder explicar con más detalle la información. B. DEFINICIÓN DEL DISEÑO VISUAL: •
Línea estética y el modelo de identidad visual de la interfaz gráfica de usuario:
La línea estética y la interfaz gráfica de usuario, sigue la armonía de filosofía gráfica de Bydeface, utilizando un conjunto de imágenes y objetos gráficos para representar las diferentes ofertas con toda su información relevante y todos los elementos que hacen posible el uso de la web. Su principal objetivo consiste en proporcionar al usuario un entorno visual atrayente y sencillo a la vez para permitir que la comunicación sea positiva. •
Selección de colores, tipografías, contraste:
Siguiendo la identidad visual corporativa de Bydeface se ha utilizado principalmente el color rojo para el fondo de la web. Se ha elegido este color potente para transmitir la actividad y el dinamismo de la misma. El color secundario es el blanco para contrastar con el rojo, éste refleja la pureza y amplitud de la web, de esta manera se hace una visualización y lectura más fácil y limpia. 20
Para el texto se utiliza el color gris, que se sitúa entre la pureza del blanco y la fuerza del negro, de tal modo que proporciona una lectura fácil. Para los títulos se utiliza el color negro por su gran fuerza, mencionada anteriormente. Dentro del contenido de la oferta para resaltar el “OJO” es obligatorio que se utilicen diferentes colores para resaltar si se trata de una oferta con buenas o malas condiciones legales, por lo que cuando se trata de un OJO positivo se utiliza el color verde y cuando se trata de un OJO negativo se utiliza el color rojo. Las tipografías utilizadas son: -‐ Menús, sub-‐menús, categorías, títulos: Exo -‐ Contenido de páginas y entradas, pestañas, widgets, fechas: Arial y Helvética. •
Referencias de otros proyectos como ejemplos y orientaciones para la aplicación de la línea gráfica:
La línea gráfica para web Bydeface es similar a las todas las plataformas web de ofertas en donde se puede ver claramente que los elementos visuales como las imágenes de las ofertas abarcan prácticamente todo el home. Las páginas web de referencia son: -‐ http://www.ofertix.com/escaparate -‐ http://es.groupalia.com/ -‐ http://www.familycheck.es/ -‐ http://shopping.groupon.es/
21
Referencia de la página web de Ofertix:
22
Referencia de la página web de Groupalia:
23
Referencia de la página web de Familycheck:
24
Referencia de la página web de Groupon:
25
C. MAQUETA Y PROTOTIPO: Para el prototipo del diseño visual se ha elaborado varios bocetos wireframes divididos en: 1º Nivel: Home, la pantalla principal de la web. 2º Nivel: Pantalla de sección, dentro de una categoría. 3º Nivel: Pantalla de contenido (artículos).
•
Wireframe del home:
26
•
Wireframe de categoría:
27
•
Wireframe del artículo:
28
PRESUPUESTO
Para realizar el presupuesto para la web Bydeface se a seguido un enfoque de análisis coste/beneficio. Para ello se ha realizado un estudio identificando el coste de la web, con el valor estimado de los resultados que se obtendrán a largo plazo una vez realizado esta herramienta. Concepto
Precio
Web:
Total: 2300,00 €
Línea de diseño personalizado
900,00 €
Maquetación Web
700,00 €
Introducción de contenidos
600,00 €
Marketing por Internet:SMO (incluye diseño personalizado)
Total: 200,00 €
Página de empresa en Facebook
50,00 €
Cuenta en Twitter
50,00 €
Canal de videos en YouTube
50,00 €
Cuenta en Google+
50,00 €
Otros servicios (Plan Master Linux):
Total: 9,95 €
Registro del dominio 1 año • Alojamiento web al año • Espacio web: 800 MB • Transferencia: 8 GB al mes • Cuentas de correo: 50 • PHP, MySQL 5.0 • Subdominios ilimitados
9,95 €
Mantenimiento
0,00 €
0,00 €
Subtotal (sin I.V.A): 2509.95€ I.V.A: 527,08€
Total (I.V.A incluido): 3037,03€ 29
Plazos de entrega: El proceso de desarrollo del proyecto comprende las siguientes fases de producción: • • •
Diseño web y maquetación: 7-‐10 días naturales. Desarrollo de la aplicación: 40-‐45 días naturales, a contar desde la aprobación total de la fase de diseño. Entrega: 2-‐3 días naturales desde la finalización total del desarrollo. Fase de test.
30
31