Blocka Beats – Where Sound Meets Culture

I designed and developed a full website experience for Blocka Beats, a rising music platform rooted in Afro-urban culture. The goal was to create a visually bold and rhythmically engaging online hub where fans, collaborators, and music lovers could discover Blocka’s artistry, stream his latest tracks, and follow his journey.

🏠 Home Page

A high-impact landing experience with hero section, artist introduction, and featured content.

Scroll-triggered animations guide the user through a dynamic journey.

Includes call-to-action buttons linking to the latest releases and social platforms.

👤 About Page

A detailed story of Blocka's musical journey, influences, and mission.

Includes a custom photo animations and background context that connects fans and potential collaborators to his vision.

🎵 Music Page (CMS-Driven)

A dynamic CMS collection for:

Each entry includes:

🎬 Videos Page (CMS-Driven)

Another CMS collection built to organize:

Videos are embedded directly from YouTube or Vimeo for smooth playback.

Each post includes titles, video links, and context blurbs.

📅 Events Page

Highlights both Upcoming and Past Events using CMS filters.

Events display:

🖼️ Gallery Page

Visual showcase powered by two separate CMS collections:

🛍️ Merchandise Page

A dedicated shop section showcasing branded merch like hoodies, tees, or vinyl.

Each product includes:

📬 Contact Page

A functional contact form for:

Includes social links, email, and optionally, a map embed if needed.

Smooth scroll animations and transitions throughout the site.

Responsive design optimized for both mobile and desktop.

Framer CMS enables easy updates for music, events, and videos.

Spotify + SoundCloud embeds directly playable from the site.

Consistent visual identity with bold fonts, Afro-urban inspired layouts, and energetic motion design.