GithubHelp home page GithubHelp logo

jessibe / fundmusic-1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from arintaosorio/fundmusic

0.0 1.0 0.0 12.26 MB

Proyecto HACKATHON

Home Page: https://arintaosorio.github.io/FUNDMUSIC/

CSS 5.99% HTML 5.05% JavaScript 88.96%

fundmusic-1's Introduction

#FundMusic

FundMusic es una plataforma digital dedicada a apoyar fundaciones con causa por medio de conciertos de beneficencia.

La idea surgió a partir de impulsar el talento mexicano a abrirse paso en el ambito músical y recibir reconocimiento. Y para ésto FundMusic planteó que la mejor manera de lograrlo era creando una plataforma digital en la que tanto bandas, como fundaciones, pudieran resgistrarse para participar en este proyecto y obtener un beneficio mutuo. Ofreciendo también un espacio en el que los usuarios pudieran compartir sus experiencias y sus fotos, además de que pudieran escuchar un poco de la música que cada banda tocaría en sus conciertos y de ésta manera engancharlos a comprar sus boletos.

  1. Para desarrollar este proyecto hemos realizado un cronograma con el plan de trabajo y un research para nuestros 3 diferentes perfiles: usuarios, bandas y fundaciones.

Cronograma

Links de research:

USUARIOS: https://es.surveymonkey.com/r/2J9TMPS

BANDAS: https://es.surveymonkey.com/r/2NC59JY

FUNDACIONES: https://es.surveymonkey.com/r/25PPXP3

2.- A partir de que el proyecto fue del gusto de éstos tres perfiles, hemos desarrollado la arquitectura de la información.

Arquitectura de la información

3.- Depues, hemos creado el mockup con cinco diferentes vistas.

** Primer vista (Home):**

En esta vista se muestra un carousel con diferentes imagenes promocionales, tambien el usuario podrá compartir sus experiencias por medio de una imagen y un texto. Posteriormente el usuario podrá visualizar nuestros próximos eventos y tener la facilidad de adquirir boletos. Y por último el usuario podrá encontrar una sección de contacto y redes sociales.

Primer vista

** Segunda vista (NOSOTROS):**

  • En esta vista el usuraio podrá conocer más sobre la iniciativa de FundMusic y su visión. Y por último el usuraio podrá encontrar una sección de contacto y redes sociales.

Primer vista

** Tercera vista (Eventos): **

  • En esta tercer vista el usuraio podrá visualizar los conciertos que hay deacuerdo a fecha y lugar con una imagen o flyer de la banda. Y por último el usuraio podrá encontrar una sección de contacto y redes sociales.

Primer vista

** Cuarta vista (Sumate):**

  • En esta vista las bandas podrán resgistrarse por medio de un botón principal que direcciona a un formulario, y que al completarlo te regresa a la misma vista para que pueda seguir visualizando a las bandas participantes. Y por último la banda podrá encontrar una sección de contacto y redes sociales.

Primer vista

** Quinta vista (Sumate, Bandas, Fundaciones): **

  • En esta vista las fundaciones podrán resgistrarse por medio de un botón principal que direcciona a un formulario, y que al completarlo te regresa a la misma vista para que pueda seguir visualizando a las fundaciones participantes. Y por último la fundación podrá encontrar una sección de contacto y redes sociales.

Primer vista

<<<<<<< HEAD 4.- Por último, realizamos un testing en el cúal se han definido la siguiente paleta de colores para plasmarlo en su primer diseño de interfaz.

Paleta de colores

Primer vista

Primer diseño

Primer vista

WIREFRAME

wireframe

PALETA DE COLORES

Paleta de colores

fb1f81b895a4255f95c7517339bae06a88aa369c

fundmusic-1's People

Contributors

arintaosorio 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.