AVRGLOW Beats
Client
AVRGLOW, is a Seattle, WA based music producer who specializes in creating rap beats in a variety of musical styles. His beats are then sold or leased to rappers who use the beats to make completed songs.
Overview
I was hired to build a website where AVRGLOW could sell his beats. The site needed to be user-friendly, visually appealing, responsive, and allow for users to sample and purchase music files (beats).
I enlisted the help of fellow front-end developer Nathan Wilson, and together we were responsible for the entire development process for the site.
Process
We started by getting an idea of the pages that the site would need to to include. Along with the home page, the site would need a page where users could browse the products available for purchase, and a checkout page as well.
We then created a design mock-up using Figma. After getting an idea of the layout and color theme, I created a custom music player that allowed users to listen to the client’s beats.
Color theme![custom music player](https://res.cloudinary.com/recovery-ocean/image/upload/f_auto,q_auto/v1690359930/portfolio/avrglow-player_vbgis3.png)
Once the design was approved, we wrote the content for the site. The target audience for the site is aspiring rappers. To appeal to them we wanted to emphasize the idea of stardom and making it in the music industry.
![content example](https://res.cloudinary.com/recovery-ocean/image/upload/f_auto,q_auto/v1690359661/portfolio/avrglow-content_czhhfv.png)
After the content writing was finished, we began building the website using React JS and Vite. For audio file hosting we went with Cloudinary, and integrated Stripe payment processing to allow for secure and easy transactions.
After completing the website, I conducted extensive testing to ensure that it was user-friendly, fast-loading, and secure.
Website Features
- 3 pages
- Responsive design
- Custom music players
- Cart system
- Stripe secure checkout
- Contact form
- License review and agreement
Tools and Technologies
- React JS
- Vite
- Stripe
- Cloudinary
- React Router
- Jotai
Results
The outcome of the project was a definite success. The client was thrilled with the look and feel of the site.
Users can now purchase beats directly from the client without needing to create an account on the website. We also made it extremely easy for the client to add future beats to the site.
Testimonial
"Love the website Andrew made me. Super clean design and looks great on a cell phone. I'll always contact Andrew when I'm wanting a new website."
![profile picture](https://cdn.discordapp.com/avatars/694807755567136820/d935b0c335b8a13a82ec6c202f7f0be3.webp?size=128)