Overview
My teammate and I created a website that brings all of Bad Bunny’s music into one platform.
Role/Team
Both my teammate and I worked as Front-End Developers.
Tools
HTML, CSS, and Javascript
Problem Statement
Bad Bunny’s music is spread across multiple platforms, making it difficult for fans to access everything in one place. He wants a centralized website where listeners can explore his discography, engage through likes and comments, and enjoy a seamless experience. Since he has no technical background, the platform must be simple and intuitive.
Requirements
- Centralized Music Access : All of Bad Bunny’s music should be available in one place.
- User Interaction: Fans should be able to like songs and leave comments.
- Simple & Intuitive Design: The platform must be easy for both Bad Bunny and his fans to use.
- Mobile Responsiveness: The website should function well across various devices.
Questionaire/Interview
- Where do you want fans to access your music?
- Do you want likes/comments?
- Should there be fan polls or playlists?
- Any specific branding or colors?
- Do you prefer a modern or simple design?
- Do you need a tutorial? How often should updates happen?
- Any extra features like exclusive content or merch?
Final Website
Website Link: https://opal.ils.unc.edu/~kbb/Skills-Up-Client-Music-Proposal/index.html
Conclusion
In this project, my teammate and I designed and developed a website that house Bad Bunny’s music into one centralized platform. Though we faced time constraints with integrating the Spotify API, we embedded the albums directly from Spotify to provide fans with access to his music. The website also features fan interaction elements, allowing users to like songs and leave comments. Additionally, we designed merchandise for Bad Bunny, which added a unique touch to the fan experience. The project allowed me to strengthen my front-end development skills and provided me with a valuable learning experience in creating user-centric websites.
Next Steps
We plan to integrate the Spotify API for a dynamic music experience and improve user-friendliness for better navigation. The site will also be optimized for mobile use, with enhanced graphics, more interactive JavaScript features, and fix any other elements we wanted to add like comments.