JUST DRAZE - DJ Portfolio

The Challenge

Drazen "Just Draze" Dzambo is an international DJ and event organizer with over 20 years of experience across Croatia, Asia, and the United States. From weddings and corporate events to club nights, festivals, and dance battles — his range is as broad as his music taste. He needed a professional portfolio website where potential clients could:

• See his work — events, performances, collaborations
• Hear his music — playlists, mixes, and live sets scattered across multiple platforms
• Send booking inquiries with event details and preferences
• Download his Electronic Press Kit (EPK) for event promoters

The key challenge: Drazen's music lives across five different platforms — Spotify, YouTube, Mixcloud, SoundCloud, and his own recorded video sets. He wanted visitors to experience all of it in one place, without jumping between tabs and services.

The Solution

We built a custom single-page portfolio from scratch — no frameworks, no WordPress, no templates. Pure HTML, CSS, and vanilla JavaScript. Every pixel purpose-built for a DJ's needs. The standout feature: a floating music widget that unifies five streaming platforms into one seamless interface.

The Music Widget

This is the heart of the site. We designed and built a Windows-like floating panel that lets visitors browse and play music from five different sources — all without leaving the page:

• 5 integrated platforms — Spotify playlists, YouTube performances, Mixcloud live mixes, SoundCloud tracks, and locally hosted video sets — all in tabbed panels
• Smart mutual exclusion — only one player can be active at a time. Play a Spotify playlist, then switch to a YouTube video? The previous player automatically pauses. This works across completely different APIs with different event systems
• Draggable and resizable — the widget floats over the page like a desktop window. Users can drag it by the title bar, resize from the corner, minimize it, or go fullscreen
• Animated visualizer — when music is playing, animated bars pulse on the minimized toggle button, giving visual feedback even when the widget is collapsed
• Lazy-loaded APIs — YouTube, SoundCloud, and Mixcloud APIs are only loaded when the user first opens that tab, keeping the initial page load fast
• Zero dependencies — the entire widget is built with vanilla JavaScript. No React, no Vue, no jQuery. Just clean, purpose-built code managing five different player APIs through a unified interface

What We Built

• Bilingual support (EN/HR) — instant language switching without page reload, using data attributes and localStorage persistence
• Multi-step booking form — three-step inquiry flow covering event basics, event details, and music preferences, with secure email delivery via Brevo API
• Security-hardened form handling — CSRF tokens, rate limiting (3 submissions/hour), SQL injection and XSS pattern detection, input validation and sanitization
• Event showcase carousel — auto-playing carousel highlighting weddings, corporate events, club nights, and dance battles
• Filterable photo gallery — organized by event type (clubs, festivals, weddings, corporate, dance)
• Downloadable EPK — Electronic Press Kit with bio, photos, and logos for event promoters
• Schema.org structured data — Person and Offer markup for enhanced search visibility
• Self-hosted fonts — Bebas Neue and Space Grotesk in WOFF2 format for fast typography loading
• Optimized WebP images — lazy loading, responsive srcset, and optimized file sizes throughout
• No external dependencies — the entire site runs on vanilla HTML, CSS, and JavaScript. Zero framework overhead

Preview

Results

Just Draze now has a professional online presence that matches 20+ years of experience behind the decks:

• Unified music experience — five platforms, one interface. Visitors can explore Drazen's entire catalogue without leaving the site
• Professional booking flow — structured inquiry form that captures event details upfront, saving time for both Drazen and potential clients
• Bilingual reach — Croatian and English audiences served with instant language switching
• Framework-free performance — zero dependencies, fast load times, and clean code that proves you don't need React to build something sophisticated
• Complete artist toolkit — portfolio, gallery, music, EPK downloads, and booking — everything a DJ needs in one place