¿Cansado de que tu plataforma de streaming (la cual ya pagaste una membresía) le falten tus películas favoritas? Couponema es tu solución ofreciendo descuentos increíbles.
El proceso para crear el producto se basó en una problemática que se encontró con los diferentes servicios de streaming:
- Los altos costos de las membresías de estos servicios.
- La pérdida de tiempo que implica saltar entre plataformas para encontrar lo que quieres ver.
Por lo cual se diseña Couponema. Una plataforma que permite al usuario encontrar películas y series en varios servicios de streaming, compra y renta con atractivos descuentos.
También se le permite crear una lista propia de películas y series favoritas y sugerirle una membresía con descuento al servicio de streaming que contenga la mayor parte del contenido seleccionado.
Una de las mayores ventajas es que los usuarios ahorran tiempo y dinero debido a que la aplicación filtra el contenido evitando que se tenga que saltar entre plataformas, mostrando rápidamente en dónde se encuentra disponible, adicionalmente se le ofrecen descuentos para rentar, comprar o si el usuario así lo desea, adquirir una membresía para los servicios de streaming.
El usuario visualizará una pantalla donde se le da la bienvenida y se explica de manera breve la función de la página. Al dar click en (X) se cerrará y el usuario podrá ver al centro de la página el logo del proyecto y una barra de búsqueda por título, director o año.
- En la pantalla de inicio, aparece la bienvenida (onload) y tiene la opción de cerrarla.
- La pantalla cuenta con un header donde aparece el nombre de la página y debajo se encuentra el buscador que filtra por título de película, serie o nombre del director.
- Al darle click en la lupa, te envía a la siguiente pantalla.
El usuario buscará un elemento específico que lo mandará a la siguiente pantalla donde le muestra la ficha técnica de la película o serie que eligió, así como un botón para agregarla a su lista de favoritos y las opciones disponibles para visualizarlo ya sea: Stream, Rent & Buy, indicando en qué plataformas se encuentra junto con el precio. Debajo se presentará una opción para obtener un descuento a las otras plataformas por usar la nuestra.
- Se muestra el nombre de la película, rating, director, actores y poster. (ficha técnica)
- Debajo de la ficha, se encuentran las páginas alternativas donde puedes rentar, comprar o ver en stream.
- A un lado, aparecen los descuentos aplicables para las opciones de visualización.
Al dar click en el botón de descuento, se le mostrará al usuario una página de carga que presentará el logo del proyecto y el logo del servicio seleccionado, el porcentaje de ahorro y su código de promoción, que podrá usarse una sola vez y caducará en 48 hrs, además de un botón de (continuar) para redireccionarlo a la plataforma seleccionada.
- Después de seleccionar la plataforma, muestra una página de espera donde menciona el descuento obtenido y a la p
- En la página redireccionada, aparece directamente para que el usuario ingrese el cupón de descuento.
Prototipo de baja fidelidad
Prototipo de alta fidelidad
En el siguiente enlace, se puede encontrar el diseño y el flujo de No. Figma diseño
El primer acercamiento con el consumido al usar la página, fue exitosa ya que entendió el propósito de esta: buscar una película, filtrarla por título, director o actor y al dar click, mostrarla en que plataformas se encuentra disponible para renta, compra o streaming junto con su respectivo precio.
También comprendió que en caso de no contar con alguna membresía para ver la película que eligió, se le ofrece un descuento por usar nuestro sitio web para adquirir la membresía de su preferencia.
Un comentario fue: ¿Qué pasaría si después de buscar 5 películas existiera una sección donde se fueran almacenando y al final, al entrar a dicha sección, recomendara cuál es la membresía que más me conviene? Por lo que sugirió agregar un botón de 'agregar a mi lista' para que esa sección (decidimos llamarla: My List) aparecieran las películas almacenadas junto con que membresía le conviene por el contenido que ha buscado.
- Todas las integrantes: Xalex, Nathalie Share y Maribel, participamos en la lluvia de ideas para el producto así como el prototipado de baja fidelidad.
- Todas buscamos y recolectamos la data donde al encontrarla, Nathalie fue la que la concentró en un archivo usando fetch.
- Nos organizamos para la distribución de tareas donde: Share y Maribel realizaron las historias de usuario, DOD (siempre tomando en cuenta a sus demás compañeras); Xalex comenzó el prototipo de alta fidelidad y Natalie hizó la función de filtrado.
- Todas aplicamos las encuestas para conocer la información que necesitábamos para nuestra página.
- Nathalie y Share desarrollaron el HTML, CSS para la visualización de la página. Cada que tenían dudas, comentaban a Xalex y Maribel para encontrar la solución.
- Maribel comenzó a redactar el README.
- Todas contribuimos a la redacción del pitch
- Debido al feedback recibido nos dimos cuenta que debíamos modificar nuestro producto, por lo que se volvió a hacer las historias de usuario (Maribel, Share) Xalex comenzó el prototipo de alta fidelidad, Natalie hizo la barra de navegación, función de botones y el mensaje de bienvenida onload.
- Se cambió el estilo, diseño y colores de la página (Xalex, Maribel) así como las funcionalidades(Nathalie, Share).
- Todas contribuimos a los últimos ajustes de la página, principalemnte CSS, HTML (Share,Nathalie).
- Pedimos feedback con el resto de nuestras compañeras sobre el producto final.
- Xalex y Maribel prepararon el pitch.
- Xalex y Nathalie practicaron el pitch para la presentación.