Muvies es una web app que difunde el rol de la mujer en la industria cinematográfica, donde el enfoque es presentar películas donde las mujeres hayan tenido un rol protagónico y que pasen el Bechdel Test.
Esta web app fue diseñada para usuarios con al menos una de las siguientes características.
- Personas mayores de 15 años debido al contenido violento de algunas películas
- Personas interesadas en películas con mujeres como protagonistas.
- Personas interesadas en películas que pasan el Bechdel test.
- Personas interesadas en películas dirigidas por mujeres.
- Conocer los distintos títulos de películas protagonizadas por mujeres.
- Conocer los distintos títulos de películas dirigidas por mujeres.
- Conocer lo que es el Bechdel test y cómo todas estas películas lo cumplen.
Muvies cuenta con 4 pantallas distintas y un header el cual será descrito a continuación:
-
El header: Elemento fijo que cuenta con 4 secciones que funcionan como anclas a otras pantallas. A la izquierda está el título de la página y a la derecha están presentados los enlaces a las tres pantallas restantes; la lista de películas, la página con la explicación sobre el Bechdel Test y la paǵina de contacto de la empresa.
-
Pantalla de inicio: Presenta un carrusel el cual enseña 4 imágenes distintas que resumen el contenido de la página para que sea un incentivo al usuario de revisarla a más detalle. Debajo del carrusel se encuentra una curación de tres películas generadas al azar para que el usuario pueda checarlas en caso de no tener idea de qué película buscar.
-
Pantalla con lista de películas: Aquí el usuario podrá encontrar una lista curada de 25 películas que cumplen con los siguientes parámetros escogidos por el equipo: películas con protagonistas mujeres, películas dirigidas por mujeres y películas que pasan el test Bechdel.
-
Pantalla con el Bechdel test: Contiene información sobre el test que define tres parámetros, 1. Si la película contiene dos personajes femeninos con nombre. 2. Si esos dos personajes interactúan entre ellas. 3. Si la conversación es sobre algo más que un hombre. Además se podrá visualizar una lista donde lel usuario podrá escribir notas relacionadas a lo que ha aprendido en la página.
-
Pantalla de contacto: Se visualiza un formulario donde el usuario podrá proveer sugerencias para mejorar la página, desde títulos de películas así como comentarios sobre la página.
Planning y Research
Se realizó una encuesta al principio del hackatón donde preguntamos a las usuarias en Laboratoria sobre la importancia de películas con protagonistas femeninas. Después de esto se realizó una búsqueda de páginas que mostraran películas.
Sketches
Perla: Fetch del API para obtener la información de las keys y mostrarlas en pantalla. Estructura de HTML y CSS. Preparación de la presentación a la mitad del hackaton.
Fany: Fetch del API y obtener la información de las keys y mostrarlas en pantalla, creación de página de contacto, estructura de HTML y CSS. Presentación final del prototipo.
Alex: diseño de alta fidelidad en Figma, creación de la página del Bechdel test, diseño de imágenes para carrusel, diseño del logotipo. Preparación de la presentación a la mitad del hackaton.
Lucié: Diseño y aplicación de encuesta para conocer mejor al usuario, diseño de imágenes en el carrusel, redacción del README y presentación final del prototipo.
Todas: diseño de baja fidelidad, diseño del contenido de cada pantalla, diseño del contenido de el carrusel de la página principal.