DJ Yuppie

A date inquiry, a call or a WhatsApp message is one tap away on every screen, and the site loads in half a second.

Website for my DJ brand from Novi Sad.

Type
Website
Client
Personal brand
Role
Design, Development
Tools
Figma, Next.js, Vercel
Year
2026
Visit djyuppie.rs
djyuppie.rs
Homepage of DJ Yuppie

Scroll inside the window to see the whole homepage.

Why

When people look for a DJ for a wedding or a birthday, they usually reach out by phone or Instagram and ask the same questions: is the date free, what's included and what does it sound like. The site answers all of that in one place and leads straight to a booking.

  • Book on the first try

    Call, WhatsApp and a date inquiry are available from every screen, with no hunting for contact details.

  • Trust before the call

    Past gigs, videos and FAQs show what you get before you reach out.

  • A clear offer

    Weddings, birthdays and events each have their own page with what's included in the price.

Who it's for

  • Couples choosing music for their wedding
  • People throwing birthdays and parties
  • Companies planning corporate events and team buildings

The hardest part

The hardest part was balancing two things: the site has to carry the energy of a party, yet stay calm and clear for couples carefully choosing a DJ for the most important day of their lives.

The answer is contrast. A wide, technical typeface and photos from real gigs carry the energy, while the offer, FAQs and booking buttons sit in light, easy-to-scan sections with a calm typeface for the text.

Solution

  1. Straight to the point

    The first screen has the slogan, a photo from a real gig and a booking button. On phones, a WhatsApp button follows visitors down the whole page.

  2. An offer for every occasion

    Each type of celebration has a short description and its own page. Right below is a date check with buttons for an inquiry and WhatsApp.

Results

  • 100out of 100 for desktop speed
  • 0.5 sto show the main content on desktop
  • 100out of 100 for SEO, the basis for being found on Google
  • 100out of 100 for accessibility

Measured with Google Lighthouse, November 2026. The site has just launched; business results will follow once there's enough data.

Identity

Typography

  • Michroma

    Headings and navigation. A wide, technical typeface with the energy of a DJ booth.

    Pusti modu, neka muzika priča

    • Regular 400
  • Geist

    Body text, buttons and forms. Calm and readable next to the playful headings.

    Kompletno ozvučenje i rasveta, i muzika koja drži podijum punim do kraja.

    • Regular 400
    • Semibold 600

Colors

  • Midnight Dark section background
  • Sky Logo color, highlighted blocks
  • Blue Links and labels
  • White Cards and text on dark
  • Gray Secondary text
  • WhatsApp Message button

Process

  1. Content

    The questions clients ask most often, turned into sections of the site.

  2. Design

    Dark and light sections alternate, and photos from gigs carry the atmosphere.

  3. Development

    Next.js on Vercel, with a gig gallery and videos.

Next project FaithMatch A dating app for people whose faith matters.