Highlights

  • Built to win bookings

    A public site with pages for weddings, events and sessions, and media samples that turn enquiries into bookings.

  • A private admin app

    A separate app for the team, sharing one real-time database with the public site.

  • Every gig in one place

    Calendar, line-ups, set lists, locations, itineraries, fees and tasks.

  • Paperwork from the gig

    Contracts, invoices, programmes and musician briefs, generated as PDFs straight from the gig.

  • Straight to the inbox

    Enquiries land directly with the quartet, ready to become a gig.

The brief

Quartet Voluté is a London string quartet playing weddings, private and corporate events, and recording sessions. They needed a website that wins bookings, and a better way to run everything that happens after someone says yes.

I've worked on their web presence since 2020. The original site was PHP and jQuery; it's now a Next.js app deployed on Vercel.

The public site

The site is organised around the people booking: couples, event planners and producers each get a page that speaks to them, with photography up front and audio and video samples to listen to. Enquiries go straight to the quartet's inbox through Resend, and Vercel Analytics and Speed Insights keep an eye on traffic and performance.

The admin app

Behind the site sits a private admin app on its own subdomain, built with Next.js and Tailwind CSS. It shares a real-time InstantDB database with the public site, and staff sign in with Google.

It covers the whole life of a gig:

  • Gigs and calendar: every booking with its status, time slots, locations on Google Maps and an itinerary for the day.
  • People: clients, the pool of players, and who is booked for each gig.
  • Music: set lists built with drag and drop, using dnd-kit.
  • Money and paperwork: fees and financials per gig, with contracts, invoices, programmes and musician briefs generated as PDFs from the gig's own data using React PDF.
  • Tasks: a shared to-do list per gig, with assignees.

What used to live across email threads and spreadsheets is now in one place, and the documents are generated rather than retyped.

Details

Type
Freelance
Client
Quartet Voluté
Role
Design and development
When
2020 – present
Platforms
Web, Mobile web
Built with
Next.js, React, TypeScript, InstantDB, Tailwind CSS, React PDF, dnd-kit, Google Maps, Google Sign-In, Resend, Vercel