Design & Development

Music Streaming Platform - Gurmat Sangeet Colletion

This was a voluntary project done for the Gurmat Sangeet Collection non-profit organization.

This was a voluntary project done for a non-profit organization called Gurmat Sangeet Collection. Responsibilities included designing a brand identity and developing a fully functioning web-based platform for uploading, managing, and streaming rare recordings of Sikh Kirtan (hymns). AdobeXD was used for wireframing and prototyping. The web-application was built using the Meteor.js full-stack JavaScript framework, and the Vue.js and Vuetify.js front-end frameworks. MongoDB database was used for storing and managing tracks, albums, and playlists. For a live production version of the web-application, see https://gurmatsangeetcollection.org.

Design/Development Process

Design and development process

Moodboards Moodboard 1 Moodboard 2

Wireframes

Desktop wireframe 1 Desktop wireframe 2 Desktop wireframe 3

Mockups

Desktop Mockups Desktop mockup home Desktop mockup album Desktop mockup artist

Mobile Mockups Mobile mockup 1 Mobile mockup 2 Mobile mockup 3 Mobile mockup 4

Final Site Final site 1 Final site 2 Final site 3 Final site 4 Final site 5 Final site 6 Final site 7