Propuesta rediseño web

Page 1

Sin el mouse encima

Con el mouse Tras convertirse en vampiro, Bella debe adaptarse a su nueva naturaleza. Cuando nace Renesmee, la familia Cullen tendrá que protegerse de la amenaza de los Volturi, pues existe una ley que prohíbe transformar a los niños en vampiros, ya que son difíciles de controlar y pueden provocar desastres que pongan en peligro la secreta existencia de los vampiros.

Cuando tienen el mouse encima - el cambio se aplica a un icono a la vez

Cuando no tiene el mouse encima

La opción de siguiente o anterior, en las secciones que se utiliza (Idioma - Género para bucar películas), es infinita. esto quiere decir que, sí cuando se llega a la última página y se preciona el botón de “siguiente” la lista vuelve a comenzar desde el principio. (TIENE ZOOM) En el caso de que el usuario decida mirarla online, cada vez que pase el puntero del mouse sobre alguna de las opciones (las cuales siempre van a ser 3), se invierten los colores de la transparencia y al clickearla intantaneamente se abre el reproductor determinado de la página, el cual tomaría el video del link original pero utilizaría una máscara para tener un reproductor con características gráficas propias de la Web (TIENE ZOOM)

Sombra permanente - cambia de color cuando cambia de secciòn

Responder

Ver pelicula

Ver pelicula Idioma

Calidad

Nowvideo

Latino

HD 720

Magnovideo

Inglés

DvdRip

Magnovideo

Inglés

DvdRip

Servidor

(TIENE ZOOM)

En el caso de que el usuario decida descargar la película al ubicarse sobre el link nuevamente los colores se invierten y en el caso de clickear sobre alguno automáticamente abre una pestaña en el ordenador con el servidor en dónde está alojado el archivo y la transparencia negra desaparece (TIENE ZOOM)

Descargar Servidor

Idioma

Calidad

Letitbit

Español

480p

Mediafire

Latino

720p

Rapidshare

Inglés

DvdRip


Cuando se identifican los usuarios para comentar, al confirmar su sexo, el cuadadro se pone en color rojo y aparecen avarts con actores y actrices icónicos del cine (4) del sexo seleccionado en blanco y negro. Cuando se selecciona una foto, esta se marca con una transparencia en color rojo sobre ella.

Géneros

Indicador de página FIJO dispuesto en el lateral derecho de la web

Cuando hay cambios de sección, estos se hacen ver con un cambio en el color de las secciones del HEAD, pasan de tener color amarillo, a ser una transparencia blanca sobre negro. Cambiando también el color de la tipografía, además de indicarlo en el indicador de página FIJO dispuesto en el lateral derecho.

Idioma

VICTOR PAPPET Comentario realizado el día 22/11/2012 - 02:49 p.m. La mejor pelìcula de 007 LEJOS! No puedo creer los efectos especiales, aparte de que el actor es lo másssssss!! VIVA 007!!!!!!!

COMENTARIO

Responder Susana Oria Comentario realizado el día 22/11/2012 - 03:00 p.m. Victor la verdad un horror la película me parece que no tenés ni un poco de ojo crítico, un poco de objetividad, che!

RESPUESTA

Responder

Elsa Lame Comentario realizado el día 22/11/2012 - 03:00 p.m. Susi, sinceramente sos una ortiva, sino sos colorada pasas raspando! Yo no soy fan de 007 y la película me pareció INCREIBLE! la recomiendo!

RESPUESTA 2DO NIVEL

Marcos Paz Comentario realizado el día 04/12/2012 - 04:44 p.m. Víctor po weon, tu comentario fue el más citado!! este wacho sí que está pa la cagaa. Es una película muy cuática! Recomendable al 100%

Responder

RESPUESTA

El COMENTARIO va a mostrare en una forma rectangular lineal, siempre con foto de avatar y los datos necesarios. La respuesta a un comentario se muestra con una sangría y con una transparencia con baja opacidad blanca. La RESPUESTA DE 2do NIVEL es la máxima permitida y esta se marca con una sangría más pronunciada además de volver a ser lineal y tener un pico que hace referencia al comentario respondido. En el caso de que hubiera otra respuesta al primer comentario, la misma se muestra el nivel de sangría marcado anteriormente y con las características


Cuando se realiza una búsqueda definida, se puede buscar, por nombre de alguna película, por palabras que contengan en sus sinopsis y demás. Ésta búsqueda es más específica. EJ:

Solo se muestra de a dos películas, ya que la sinopsis es larga, además de mostrarte la puntuación y el botón directo a los links de descarga o para verla online. En las más puntuadas aparecen 5 de la mejores según IMDb, cada película se encuentra dispuesta sobre una estrella que dependiendo la puntuación que tenga irá a la misma. Es decir, que la estrella más grande siempre será la más puntuada

Cuando el puntero pase sobre alguna de estas pelìculas la misma comenzará a achicarse y agrandarse, como un “zoom” y aparecerá un filete que irá desde la imágen hasta el cuadro donde aparece la información de la misma

Cumple la misma función que el botón de “Otras más puntuadas”, recarga en el body una nueva película (en la sección MÁS VISTAS) pero de otro género, también random, pero con el criterio de tener muchas vistas. (Movimiento hacia donde apunta)

Al clickear sobre este botón la web busca e importa una nueva lista de películas random, con puntajes similares a los anteriores, pero no recarga la web, sino los objetos en ella. (Movimiento hacia donde apunta)


ETAPA DE DIAGNOSTICO La web analizada es CINE VIP, esta web es un administrador de películas, es decir que los moderadores suben las mismas y luego las organizan para que los usuarios tengan al alcance de su mano una videoteca virtual gratuita de donde pueden tanto descargar, como verlas online. Como aspectos positivos puede apreciarse la gran cantidad de información, es decir, de películas y todo lo que la rodea, desde la sinopsis, el género y demás. Otro aspecto positivo es la gran sobriedad que tiene la página, ya que en muy pocos momentos la página está plagada de elementos. Me parece que es un recurso que debe mantenerse. Como aspectos negativos el más importante de todos es que no cuenta con recursos gráficos que hagan referencia a la índole de la página, otro aspecto es que la denominación de algunas secciones se encuentra dispuesta de forma arbitraria, como WWE (?), o “MISTERO”, la cual podría denominarse “SUSPENSO”, que es un género más universal. También el calendario que proporcionan no tiene una

lógica definida, está como para agregar información. También podemos apreciar que las películas no tienen una puntuación, es decir que la única manera de ver críticas es leyendo los comentarios. Como propuesta se propone hacer el sitio más vistoso, más vip, además de implementar fotos de portadas con los diferentes estrenos del mes/semana en el home. También se propone una nueva reorganización de las manera de filtrar la información, para que el fin central del sitio sea, poder encontrar de manera efectiva, cómoda y rápida para el visitante las películas que busca de forma, a partir de ciertos aspectos, como idioma, más puntuadas, etc. Además en la propuesta se pensó en hacer un sistema abierto en los fondos de cada una de las distintas secciones, cada uno de ellos que tenga elementos gráficos relacionados con el cine y en algunos también relacionados con la sección.

PROPUESTA Para llevar a cabo la propuesta, primero que se propuso generar un estilo gráfico que hiciera referencia a la índole de la Web analizada. Todo esto siempre de la mano con el concepto en el que me basé, el cual fue “espacio de búsqueda de películas VIP”. Esto se llevó a cabo a través del tratamiento gráfico aplicado al HEAD (El cual es estático), la idea es que se vea como una claqueta de cine con ciertas sombras que hacen que el mismo sea más vistoso. La web puede recorrerse de tres maneras, scrolleando con el mouse, seleccionando la sección determinada, o clickeando en alguna de las viñetas del panel derecho. Cabe destacar que el recorrido de la web se realiza de manera vertical, es decir, de arriba hacia abajo y viceversa, en otras palabras cada una de las secciones está debajo de la otra. Las únicas páginas a las que no se puede acceder scrolleando, o bajando son a la de búsqueda (ya que en el HEAD hay un espacio determinado para la barra de búsquedas permanentes) y a alguna película determinada. Otros recursos gráficos que utilicé para reforzar lo vip son los fondos bien limpios, con imágenes vectoriales que hacen referencia al cine, como los clásicos “pochoclos”, una cámara de video, la cinta de video, estrellas, la estatuilla del Oscar, y uno referente más actual, como lentes 3D. Siempre con una transparencia blanca sobre ellas para que no llamen más la atención que los elementos de cada página. También a la hora de mostrar los elementos en la página el recurso más destacado son las transparencias de negro al 75% aproximadamente y los textos en blanco que generan la imagen elegante que se pretende para la web. Las flechas de siguiente y anterior fueron extraídas de las

claquetas también. Y para finalizar los cuadros donde se muestra la información básica de las películas se muestran sobre una claqueta literalmente. En el ámbito tipográfico trabajé con dos tipografías: Para el menú del HEAD y algunos otros submenús utilicé la Bellerose, la cual es una tipografía que podría denominarse de época ya que hace referencia a lo vintage, pero también al ser lineal y final refuerza el concepto de VIP tomado. Y como secundaria apliqué la Helvética en distintas variables, aunque con mayor frecuencia se usan la “Light Condense” y la “Thin Condense” para los textos de sinopsis y algunos que otros links. Haciendo referencia a la cromaticidad de la Web en la original no usaban nada más que un fondo negro con una sombra interior. En el rediseño planteado hago énfasis en los colores del logo de la web y sobre todo en el amarillo para representar lo brillante, o lo GOLD. Y lo rojo para los botones de “PLAY” para generar un quiebre contrastante y a la vez elegante, ya que aunque hayan más elementos, sigue habiendo una relación directa con la “sobriedad” que la web tenía antes del rediseño. Otra de las grandes modificacione que propuse para la web es que a la hora de visualizar una película online no haya necesida de redireccionar a otras páginas, sino que tengan un reproductor predeterminado que cargue las películas del link seleccionado pero que solamente tome la imágen, es decir que sea una máscara y que siga utilizando el mismo “idioma gráfico” que toda la web.


Búsqueda

*Hay que hacer referencia que en la web está pensada sobre animaciones, es decir que cada vez que el puntero pase por algún botón este reaccionará como sí fuera un zoom, o en el caso de las flechas harían un leve movimiento hacia donde la misma apunta, a menos que en las siguientes páginas se aclare otra cosa, ya que dependiendo la función del botón también depende la animáción.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.