Desarrollo del sitio Frank Underwood 2016.
04 05 delimitación brief 07 la serie
09 recopilación
10
12 estructuración
13 concepto
17 dirección
materiales visuales
visual
19 40 construcción Información 44 50 Información Información
Etapas del diseño web Parte 1 -Información
4
Delimitación del contenido El contenido del sitio web se realizará en base a la candidatura presidencial del congresista Frank Underwood para los comicios electorales de 2016. Se toma en cuenta cada una de la información que el usuario necesita conocer acerca del congresista y que la misma despeje toda duda para el votante, retomando los aspectos más significativos de la trayectoria del congresista. A continuación se detalla en aspectos generales, aquella información que potenciará el contenido del sitio: -Temporadas de la primera a la tercera de House of Cards -Aspectos significativos de la personalidad de Frank Underwood -Trayectoria del personaje a lo largo de su carrera -Proyectos realizados -Personajes principales del entorno de Frank Underwood
Definición de Brief Cliente: Frank Underwood Marca o producto: Frank Underwood 2016 Tipo de campaña: Electoral Material requerido: Sitio web Fecha de ingreso de la orden: viernes 8 de abril de 2016 Fecha: martes 7 de junio de 2016 Antecedentes: La carrera política de Frank Underwood se remonta a los comicios emitidos en Carolina del Sur en donde fue electo por
5
mayoría para representar al estado nombrándolo congresista. Para esa época el internet daba sus primeros pasos y el apogeo estaba lejos para poder manejar un sitio que hablara de él y su campaña como tal. Público objetivo o target: Adultos (de 18 años en adelante) dueños de sus propias ideas y opiniones, creyentes firmes de que América se merece todo, son de una clase media con deseo a superarse y creen en la empleabilidad y la educación como pilares fundamentales del desarrollo social. Objetivo de marketing: Insertar la plataforma de gobierno del congresista Frank Underwood en la campaña electoral presidencial 2016. Objetivo de comunicación: Posicionar a Frank Underwood como principal fuente de empleo y educación mediante su trayectoria y proyectos impulsados. Argumentación: Dado a la creciente popularidad del congresista y su representatividad en el partido demócrata, la imagen y trayectoria son óptimas para la construcción de un sitio web ya que no se cuenta con uno actualmente. Hoy en día las comunicaciones y herramientas 2.0 permiten actualizar la imagen e insertar un producto o servicio en el mercado actual, y en las presentes elecciones es muy buena opción insertar plataformas de gobierno mediante ellas. Es por ello que para insertar una plataforma de gobierno más dinámica e interactiva se debe optar por una comunicación bidireccional y que mejor manera que un Sitio Web.
Definición de Brief
6
Que queremos decir: Que América merece a Frank Underwood, necesita conocer sus ideales y trabajar para alcanzarlos.
Percepción actual: Frakn Underwood esta desactualizado, carece de técnicas para empatizar con los votantes jóvenes mediante canales de comunicación actuales y se proyecta como una persona un tanto más conservadora. Percepción deseada: Un candidato actual, que conoce las necesidades de los americanos y que habla con ellos, los escucha y responde en sus entornos. Genera un ambiente un poco más tecnológico, pero sin abandonar sus principios conservadores demostrando ser alguien que entiende los cambios y no viéndolos insignificantes. Tono y estilo de comunicación: Serio, profesional y directo. Presupuesto CONCEPTO CANTIDAD COSTO T O TA L VIDA UTIL EN MESES DEPRECIACION MENSUAL Dominio sitio web 1 $20 $20 12 $1.67 Alojamiento Web 1 $100 $100 12 $8.33 Diseño 1 $200 $200 12 $16.66 Autoresponder 12 $20 $240 12 $20 Sitio web completo 1 $560 $560 12 $46.66 Activaciones 12 $500 $6,000 12 $41.66 Manual de marca 1 $1,000 $1,000 12 $83.33 Muppis 100 $50 $6,000 12 $500 TOTAL $13.120 $718.31
Sinopsis del segmento de la serie
7
Temporada 1: En esta temporada se presenta a Frank Underwood, congresista de los Estados Unidos y jefe de Disciplina, que, a raíz de considerar una traición por la jefa de Gabinete, Linda Vasquez, se embarca en un camino hasta conseguir la vicepresidencia. Los puntos clave acá, son los obstáculos que él va superando y que le permiten llegar a su primer peldaño. Temporada 2: Después de lograr su primer paso, que es la vicepresidencia en la temporada 1, Frank le da un giro a sus estrategias y decide emplearlas en forma más agresiva, primero, eliminando de su camino a la periodista Zoe Barns, que en un momento sirvió como una fuente de información, pero luego él consideró que ella sabía demasiado, tanto que era un arma de doble filo. A partir de este punto, todas las decisiones de Frank son muy imponentes, hace aliados y también les pone trampas a los mismos, por ejemplo, con el presidente Garrett Walker, al que le termina quitando el puesto. Temporada 3: Esta temporada se podría considerar básicamente como una transición, en donde Frank se encuentra instalado ya en la presidencia y su objetivo principal es el de imponerse en las elecciones primarias, teniendo dos mujeres como rivales adversarias, Heather Dunbar y Jackie Sharp, pero también la serie se desvía varias veces de esta trama y pone el foco en el deterioro de la perfecta relación que hasta el momento mantenía Frank y su esposa Claire.
8
Descripción de personajes principales como asociación al desarrollo de perfiles de usuario Frank Underwood: Agresivo para alcanzar sus objetivos, no tiene escrúpulos para conseguir lo que quiere, sin importar que debe hacer. Le gusta fumar al meditar, toma café, confía plenamente en su esposa, dejando fuera de su relación los secretos. Claire Underwood: De carácter imponente, estratega, siempre hace notar sus ideas. Esposa de Frank Underwood y también pilar fundamental para los éxitos de él, hasta llegar a ser primera dama de los Estados Unidos. Doug Stamper: Noble, audaz, brazo derecho y encargado del trabajo sucio de Frank Underwood. Su problema principal es recaer en el alcohol, lo que hace que tomé acciones desacertadas. Remy Danton: De perfil bajo, encargado de mantener conexiones entre políticos y empresarios, amante de Jackie Sharp, por quien pierde su verdadera esencia de trabajar al mejor postor. Raymond Tusk: Construyó un trabajo y relación sólida con el presidente Garrett Walker, se encargó de la organización de un canal nuevo entre el comercio de Estados Unidos y China. También eligió como vicepresidente a Fran Underwood, con quien acordó en un trato de caballeros trabajar juntos. Jackie Sharp: Jackie es un congresista del 5to distrito parlamentario de California. También es veterana de guerra, y habla con Frank por haber causado la muerte de muchos civiles inocentes durante su servicio. Se ve involucrada en una relación amorosa con Remy Danton al momento de trabajar juntos.
Etapas del diseño web Parte 1 -recopilación
9
Investigación de términos -Página principal: “Poniendo a América de vuelta en el camino”. Hilo conductor del sitio. El camino para lograr hacer América es de donde parte el concepto, por lo que la frase como tal aparecerá en la página principal. “A veces, la mejor manera de ganar el respeto de tus superiores consiste en desafiarlos”: se utilizará para la leyenda de la página principal la frase “La mejor manera de llevar a América a lo más grande es desafiando los obstáculos” -Plan de gobierno: “Así es como se devora a una ballena, Doug. Un mordisco a la vez”. Frase de entrada a la página plan de gobierno “Así es como se hace América. Un camino a la vez” -Involúcrate: “Ponte en el camino correcto” se hara un juego de palabras para hacer entender al usuario que el camino correcto es estar con nosotros en la página. -Calendario: “Camina con nosotros”. Actividades y visitas de la campaña a los diferentes estados y universidades -Frank Underwood: “Hay dos tipos de dolor: el que te hace fuerte y el inútil, el que sólo te hace sufrir. Yo no tengo paciencia para las cosas inútiles”. La entrada a la página de Frank Underwood para conocerlo mejor. “Solo existe un camino para llevar a Amé-
10 rica a la cima, el trabajo; los demás son inútiles y no hay tiempo para tomarlos.” -Galería: Haremos entender a los usuarios que no han sido olvidados por las cosas que han hecho y han ayudado a la campaña con la siguiente frase “nosotros no nos olvidamos de ti” -Noticias: necesitamos de los medios para poder llevar el mensaje a los diferentes estados, es por ello que nosotros queremos que las personas siempre se recuerden de nosotros, sobre todo porque “Dar a conocer el camino es la mejor forma de que perdure por siglos”
Compilación de materiales gráficos y textuales
Incorporación de referencias visuales
11
Para la composición de colores y texturas se utilizarán tonos solidos ya que se desea transmitir fortaleza, seguridad y consistencia al usuario. La atención se quiere dirigir directamente a la información sin que la composición genere distracción, ya que el público objetivo necesita contenido puntual y entendible. Cabe destacar que las referencias visuales que se han seleccionado están basadas en la formalidad y seriedad que se quiere transmitir al usuario, ya que se quiere obtener credibilidad y confianza por parte del candidato se delimitaron al mismo tiempo los detalles minimalistas.
Etapas del diseño web Parte 1 -eSTRUCTURACIÓN Construcción de mapa de sitio
12
Etapas del diseño web Parte 1 -cONCEPTUALIZACIÓN
13
Lluvia de ideas Frases de Frank Underwood: -“Así es como se devora a una ballena, Doug. Un mordisco a la vez” -“Hay dos tipos de dolor: el que te hace fuerte y el inútil, el que sólo te hace sufrir. Yo no tengo paciencia para las cosas inútiles” -“A veces, la mejor manera de ganar el respeto de tus superiores consiste en desafiarlos” -Putting América back on track. -“Vaya pérdida de talento. Él eligió el dinero en lugar del poder, un error que en este pueblo casi todos cometen. Dinero es la mac-mansión en Sarasota que empieza a caerse a pedazos luego de 10 años. Poder es el viejo edificio de roca que resiste por siglos”
Contenido (mapa mental): -Quien es Frank Underwood Historia del congresista Trayectoria Valores y principios Programas realizados -Plan de gobierno Pilares en los que se basa su campaña Programas a realizar durante su gestión Relaciones internacionales -Calendario Visita a Universidades Conferencia de prensa Conversatorios Convenciones partidarias
14
Visitas por Estados -Gabinete de Gobierno Quienes conforman el gabinete de gobierno Trayectoria de cada uno de los congresistas Proyectos de cooperación a impulsar -Compañeros de formula Historia Trayectoria Valores y principios Programas impulsados -Noticias Press kit Conferencia de prensa Gira de medios -Involúcrate Donaciones a la campaña Quienes son los voluntarios Contactos Redes sociales -Galería Fotos Videos
Palabras clave: On Track Putting América on the road again Recorridos Obstaculos Señales Direcciones Caminos Lo que se merece América
15
Etapas del diseño web Parte 1 -Redacción
16
El tono en el que se mostrará el contenido al usuario es de forma institucional, seria, amigable pero siempre profesional. Hay que recordar que la seriedad con la que se deben abordar los temas depende mucho de cómo nos verán los usuarios al momento de interactuar con el contenido y precisamente hablamos de un candidato con este tipo de características esenciales para optar a la presidencia. Se cuidarán los detalles, cada elemento visual que este detallado con texto debe tener coherencia y concordancia.
Etapas del diseño web Parte 2 -iconografía
17
Los iconos que se utilizaran en el sitio están pensados de forma patriótica, por lo que se determinó tomar aquellos elementos más representativos de Estados Unidos en cuanto a la política para la identificación inmediata de los mismos. Estos hace referencia a cada una de las páginas con las que puede interactuar el usuario, así como también la funcionabilidad que se le dará a cada una.
MOOD BOARD
18
CONSTRUCCIÓN
19