Git Product home page Git Product logo

angiemonroe / talentfest-citibanamex Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 4.0 6.23 MB

:checkered_flag: Hackathon cierre de bootcamp participando en el equipo citibanamex. Se diseño una aplicación web donde los usuarios del banco pueden dar seguimiento a sus finanzas. Se obtuvo el segundo lugar!

Home Page: https://angiemonroe.github.io/TalentFest-citibanamex/

HTML 6.68% CSS 5.00% JavaScript 88.33%
reactjs javascript mdbootstrap router

talentfest-citibanamex's Introduction

Tus Finanzas Digitales

El Reto

Generar una aplicación enfocada en administrar suscripciones con pagos recurrentes (Ej. Netflix, HBO Go, Prime, etc.). Debe de estar enfocada en alertar acerca de los cambios en las tarifas de los servicios, así como de las facturas con tarifas muy altas con la intención de evitar que se gaste dinero de más en servicios con tarifas no competitivas, así como el olvido de los “free trials” (gratis por un mes pero al siguiente si no cancelas cobran).

CARACTERÍSTICAS TÉCNICAS

  • SPA con React o Angular
  • Database
  • Repositorio público en Github con el proyecto y la documentación.
  • Dependiendo del proyecto deberás crear un Login con OAuth
  • Automatización de tareas, puedes usar grunt, gulp, bower o webpack
  • npm
  • Bootstrap 4/material design

Problemática

Los gastos digitales, como los servicios de video, música, series y películas por streaming o membresías de juegos virtuales son una gran fuga de dinero casi imperceptible para algunas personas.

De acuerdo al Instituto Nacional de Estadística y Geografía (Inegi), el gasto hormiga (aquellas salidas de dinero casi imperceptibles en su monto) representan entre 9 y 12% del ingreso de una persona.

Cuando un usuario descarga aplicaciones o contrata membresías muchas veces pierde de vista cuánto está pagando por ellas mensualmente. Es fácil perder la cuenta porque al descargarlas piden registrar una tarjeta de crédito, de la cual, cuando se acabe el periodo de prueba gratuito, comenzarán a cobrar.

Estos olvidos generan múltiples molestias en los usuarios y terminan afectando su economía.

Investigación

A través de entrevistas logramos indagar sobre las motivaciones y necesidades de usuarios cuentahabientes de Citibanamex obteniéndo información de valor que nos ayudó a brindar una solución que pudiera resolver sus dolencias respecto a la administración de suscripciones y pagos recurrentes de servicios.

entrevistas

Planeación

Bajo una metodología agil y un sprint planning el equipo de Frontend y UX logramos plantear el MVP y la propuesta de valor que diferenciará a nuestro desarrollo.

prpceso de planeación

Propuesta de valor

Integramos dentro de la app de Citibanamex la sección de "Tus Finanzas Digitales" Para ayudar a los cuentahabientes a identificar sus gastos digitales y administrar suscripciones y pagos recurrentes, evitando olvidos y manteniéndolo al tanto de facturas con tarifas muy altas con la intención de evitar que se gaste dinero de más en servicios con tarifas no competitivas, así como el olvido de los “free trials que no da de baja a tiempo.

Visualización más eficiente sus gastos permitiéndole categorizarlos por necesarios y deseados, con ello logramos que el usuario tome deciciones que ayuden a mejorar sus finanzas personales.

Al cubrir sus pagos de suscripciones les genera puntos premia y si no sabes hacer con tus puntos premia vas a tener la posibilidad de pagar tus servicios con tus puntos.

El hecho de que el usuario clasifique sus datos, genera data atractiva para los vendors que puede ser utilizada para realizar venta cruzada.

Ideación y Wireframes

Prototipo de Alta fidelidad

proceso de planeación

link de presentación

link de prototipo

talentfest-citibanamex's People

Contributors

angiemonroe avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.