Jon Bates Band

One band, several very different audiences

• A live band gets hired for very different occasions — weddings, corporate events, private parties, public shows — and each one needs different information.
• Planners often compare bands on a phone, so the phone layout had to carry the same clarity as the desktop one.
• The step from interest to inquiry needed to be obvious, with no digging for a contact method.

Structure first, then design

Event-based structure

Instead of one page trying to speak to everyone, the site separates the occasions the band is booked for so each audience finds its own information quickly.

Booking-first layout

A clear inquiry path stays reachable throughout the site rather than living only at the very bottom of the home page.

Phone-first design

Layouts were built at phone width first: readable text, large tap targets and no sideways scrolling.

Media presented properly

Photos and video are sized and compressed so pages stay quick on mobile data instead of stalling.

Search foundations

Unique page titles and descriptions, sensible headings, internal links between event pages and a clean URL structure.