Live Events · Booking & Production

Live Music Vox — Three-Pillar Booking Platform

Full UX strategy, information architecture redesign, and Webflow build direction for a live entertainment and event production company serving weddings, corporate events, and private celebrations in Miami and worldwide.

Role

UX Strategy + Build Direction

Platform

Webflow

Industry

Live Events · Entertainment

Status

Live — livemusicvox.com


The brief

One team. Three distinct services. One confused website.

Live Music Vox delivers three fundamentally different things — live bands and DJs, full event production (sound, lighting, staging), and a vendor network (photographers, florists, tent rentals, staffing). The challenge: every service has a completely different buyer, different questions, and a different booking conversation. A single generic "Contact Us" page was losing every one of them.

The core UX problem

A bride looking to book a band needs different information than a corporate event manager needing a staging crew. One form, one page, one message — served none of them properly.

Information architecture

Why three pillars became the primary navigation

The original site had a flat menu with generic labels. The redesign promoted each service line to a first-class navigation destination — each one a distinct funnel, not a section on a page.

Decision 01
Live Music · Event Production · Vendor Network as nav items, not sections

Each pillar needed to be a destination a prospect could land on directly — not scroll to. A wedding planner looking for a band should arrive at a Live Music page immediately, not at a homepage that also talks about staging and vendor sourcing. Three pillars = three separate top-level routes.

Decision 02
"Get Quote" triggers a service-specific intake form, not a generic contact form

Each pillar's "Get Quote" button opens a different multi-step questionnaire tailored to that service's actual decision tree. Live Music asks about entertainment type, music style, and performance sets. Event Production asks about production scope, stage size, audio requirements, and power logistics. Vendor Network asks about vendor categories, insurance requirements, and budget. One generic form would have produced unusable leads for all three.

Decision 03
Hero video background as the first impression — not a static image

Live events sell on energy and atmosphere — two things a static image can't convey. The hero uses a full-screen video loop with a centered wordmark overlay, so the first thing a visitor experiences is the product itself in motion, not a photograph of it. The video link, asset sourcing, and Webflow embed were specified directly in the build notes.

Decision 04
Service card aspect ratios corrected before launch — widescreen, not square

"I hate that it's square" — the three service cards (Live Music, Full Event Production, Trusted Vendor Network) were rendering as 1:1 squares in the original build. The revision required stretching the Live Music card to widescreen to match the energy of the live performance footage. This is the kind of production-detail QA that separates a designer who ships from one who hands off a Figma file.

Original card design — three pillars: Live Music (red), Full Event Production (orange), Trusted Vendor Network (purple). Note the aspect ratio fix requirement flagged in revision notes.
Booking funnel design

Three questionnaires. Each one built for a different buyer.

The most complex UX decision in this project: instead of one generic intake form, each service pillar gets its own branching multi-step questionnaire designed around the specific decisions a buyer in that category actually needs to make.

Booking funnel design

Entertainment intake

01
Event type (wedding, corporate, private, other)
02
Entertainment needs (live band, DJ, strings, soloist, jazz trio, custom talent)
03
Performance requirements (sets, custom songs, ceremony, cocktail hour, after-party)
04
Guest count, event date, venue
05
Music style preference + contact info
Event Production

Production intake

01
Production scope (sound, lighting, stage, AV, full management)
02
Event structure (live band, DJ, speakers, video playback, awards)
03
Stage requirements (12x8 / 16x8 / 20x8 / custom, skirt, ramp, DJ platform)
04
Audio + lighting design needs
05
Power logistics, load-in access, timeline
Vendor Network

Vendor intake

01
Vendor categories needed (photographer, venue, floral, tent, LED wall, staffing, 15+ options)
02
Event vibe (elegant, high-energy, romantic, modern)
03
Insurance requirements (COI, coverage level M–M)
04
Timeline (setup, soundcheck, guest arrival, breakdown)
05
Production budget (K–0K / 0K–0K / 0K–0K / 0K+)
"Our Mission In Action" section — Webflow canvas showing service cards with video loop backgrounds. The revision required restoring original card sizes and replacing placeholder loop videos with the correct assets.
Production QA

What got caught before it shipped

The revision notes document flags specific production issues identified during build review — the kind of detail work that protects a client's brand quality at the last mile.

Flagged
Live Music service card rendering square — needs to stretch to widescreen to match the live performance energy of the video content
Flagged
Mission in Action cards broken from original sizing — card dimensions had regressed during a build update, required restoration to original spec
Flagged
Loop video connections broken on service cards — background video loops disconnected during component updates, required re-linking all three cards
Flagged
Full Event Production loop placeholder — temporary asset in use, specific replacement video linked and specified in notes
Specified
Trusted Vendor Network loop: specific Google Drive asset linked with exact file path for developer to connect
Specified
Yellow Girl video section — replacement YouTube link specified to swap outdated content
Specified
Reach Out section — three specific image replacements called out (Email, Get Quote, right video) with direction to source appropriate assets
Outcomes

A live, revenue-generating booking platform

This isn't a mockup or an audit exercise. Live Music Vox is a live, fully functional booking platform serving real clients across Miami and worldwide.

300+

Events executed

150+

Clients supported

10+

Years show production

3

Branching intake funnels

Each buyer gets a tailored path

A bride, a corporate event manager, and a party planner all arrive at the same domain — but each follows a completely different journey designed around their specific decisions.

Leads arrive pre-qualified

The multi-step intake forms collect event type, service needs, guest count, date, venue, and budget before a human ever picks up the phone — reducing back-and-forth and improving close rate.

Product sells itself on the hero

The video-first hero means the first thing a visitor experiences is the product in motion — not a description of it. Energy and atmosphere communicated in seconds, not paragraphs.

Shipped with production integrity

Every flagged issue — broken video loops, misaligned card sizing, wrong assets — was caught and resolved before launch through thorough pre-publish QA review.

Live in production

See it live

The full booking platform — all three funnels, the video hero, the service sections — is live at livemusicvox.com.