Coder Social home page Coder Social logo

argierincon / latintv Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 6.21 MB

Reto de la hackathon interna Lim012

Home Page: https://latintv-d2744.web.app/Ingreso

License: MIT License

JavaScript 73.88% HTML 0.55% SCSS 25.57%
reactjs redux firebase bootstrap git github figma miro

latintv's Introduction

LATIN TV

Reto:

Crear una plataforma para que las agencias de publicidad puedan reservar la compra de espacios publicitarios en el canal de televisión, Latin TV.

Análisis e investigación:

Primero, leímos y analizamos el briefing del cliente para entender su necesidad. Además, investigamos sobre el rubro y entrevistamos a 3 usuarios relacionados con la publicidad. Esto permitió conocer el contexto, el proceso de las agencias para reservar publicidad y aquello que les generaría valor en una propuesta.

Hallazgos:

  • Para los usuarios es poco informativo ver la programación de Latina TV en un excel sin saber cuáles son los espacios que tienen recargo.
  • Les quita tiempo tener que acercarse al canal de tv o contactarse por distintos medios con el área de publicidad para poder reservar un espacio publicitario.
  • Es tedioso cargar el spot publicitario en la plataforma.

Definición:

A partir de la información recolectada graficamos el flujo del usuario, en este caso la agencia de publicidad.

  1. El usuario se registra con su nombre, correo y contraseña.
  2. El usuario ingresa con su usuario y contraseña.
  3. El usuario ve la programación semanal de Latin TV.
  4. El usuario puede reservar un espacio publicitario (escoger fecha, programa, hora).
  5. El usuario ve un resumen de su reserva.
  6. El usuario ve un historial de las reservas que realizó por producto.

Ideación:

  1. Teníamos el flujo del usuario redactado y cada una lo visualizaba de forma distinta, así que hicimos la dinámica del “crazy 8” para plasmar nuestras ideas en papel. Así pudimos entendernos y escoger las ideas que implementaremos en el prototipo de alta fidelidad.

Propuesta de valor:

  1. La agencia de publicidad puede insertar el url de su spot publicitario.
  2. Diseñamos un “progress tracker” que indica a la agencia el paso a paso para reservar un espacio publicitario.
  3. Durante la reserva, la agencia puede ver los tipos de publicidad y sus precios y escoger el que necesita.

Prototipado:

Debido al tiempo limitado con el que contábamos, 5 días, decidimos priorizar las funcionalidades y vistas que desarrollaremos, teniendo en cuenta las que generan más valor para el cliente y usuario. Lo realizamos en desktop pues esta versión sería más accesible y espaciosa para el usuario, en una siguiente versión sería “responsive”, para desktop y mobile.

Funcionalidades priorizadas:

  1. Ver la programación semanal de Latin TV.
  2. Reservar un espacio publicitario en 4 pasos.
  3. Ve un resumen de su reserva.
  4. Ver el historial de reservas.

Herramientas:

  • HTML, JS y CSS
  • React
  • Redux
  • Firebase
  • Github
  • Bootstrap
  • Figma
  • Miro

Usuario de prueba: [email protected] Contraseña: 123456

latintv's People

Contributors

argierincon avatar erikaquispejanampa avatar verenisseeyzaguirre avatar

Watchers

 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.