Jocelyn1912 / moovies-romance

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Planificación:

Definición de producto: -Incialmente nuestra idea fue otra sin embargo por algunos contratiempos con la data se decidió finalmente elegir esta temática.

  • Decidimos hacer una página sobre películas románticas. Pensamos que tiene una temática amplia, un publico cautivo por ende se pueden hacer muchas cosas con eso. La página funcionará para un target específico. Identificamos nuestro target principalmente femenino, se realizarán las acciones pensadas en esto.

-Idear un nombre: moovieLove.

-Hacer logo.

-Comenzaremos eligiendo los colores, segun su semantica escogimos colores llamativos, pero que a su vez mezclados con el blanco de fondo dan una sensación cálida y cómoda visualmente. En este caso usaremos un lila profundo, que siendo llamativo provoca la atención de nuestro público objetivo, esto para botones, iconos y el logo. Además de algunos grises que ayudaran a hacer contraste, todo en fondo blanco.

definición de página:

  • Haremos 4 vistas ademas de una principal:

Inicio: Aquí se puede ver en el centro nuestro logo, con una tipografía delicada y los colores ya escogidos con anterioridad, en las "o" de movie se cambian por iconos que representan hombre y mujer, iconos ya interiorizados por el publico en general. Hay una seccion para logear y acceder a nuestro perfil definido. Quisimos hacer algo límpio, sin demasiada información visual, ya que pensamos que es lo que busca nuestro consumidor. En su version mobile, es muy similar solo cambian algunas cosas sebre el menu.

Ver img img

Primera vista: Luego de acceder al perfil, el usuario ingresa a una segunda vista de nuestra pagina, en la parte superio tendra un video donde se subiran los ultimos estrenos. abajo hay un menu de categorías. Y tambien en su version mobile

img img

Segunda Vista:

En esta parte el usuario ya ha accedido a las categorias, encontrara sus peliculas con una breve descripcion. en su versión mobile cambia la vista de las peliculas, de tres columnas a una hacia abajo.

ver img img

Tercera vista:

Accediendo a la pelicula ya puede ver una descripcion mas detallada, además de la valoración y sus comentarios. Se pueden realizar comentario tambien.

ver img img

Cuarte Vista:

finalmente el usuario puede ver su perfil, donde se encuetran sus peliculas favoritas, segun su valoración y las que ha guardado.

ver img img

Expectativas:

Queremos llegar finalmente a un producto acorde a las necesidades de nuestro usuario, un producto amigable, intuitivo, ideal para el ocio. La busqueda y accesos deben ser sencillos al igual que todo el recorrido por nuestra web. No queremos saturar de información ninguna de las vistas, para que resulte una navegación tranquila, relajante para los momentos de distención de nuestro grupo objetivo.

Planificación:

-Definición de nicho: Todas. -Definición diseño: Todas.

-Sketch: Agustina Natalia Teresita

-Digital: Agustina -Logo diseño: Natalia -Investigación Api: Pamela -usar Api filtro: Jocelyne

TAREAS

-Maqueta: UX Digital web: Agustina mobile: Natalia

-Crear archivo de trabajo base: Jocelyne

-Crear repositorio colaboradores: Jocelyne

Maqueteo moovieLove: Natalia Agustina Teresita API: Pamela Jocelyne

...gracias.

About


Languages

Language:JavaScript 75.4%Language:HTML 20.8%Language:CSS 3.8%