Client project · Music & entertainment
Interactive Artist EPK
Bookers get Sheldon's music, live videos and contact details on one page that has scored 100/100 on Google's mobile speed test.
- Client
- Sheldon Price
- Industry
- Music & entertainment
- Timeline
- 2 days to launch
- Year
- 2024
- Platforms
- Web
Results at a glance
The challenge
Baseline · throttled phone test, before the October 2026 update7.1 sto show the main photo
- Bookers check a press kit on their phone, and the page made a phone download 8.7 MB and wait 7.1 s on a throttled test before the main photo showed.
- The page still advertised a February show with a Get Tickets button months after it ended, and the mailing-list signup threw a script error on every visit.
- On phones the signup form pushed the page sideways, and 10 icon-only links had no name for screen readers (accessibility 91/100).
- The look needed to match a working performer booking weddings and clubs, and the booking details sat only at the bottom of the page.
- The site sent no security headers (Mozilla Observatory grade C), search engines got an empty page until its script ran, and returning visitors re-checked 13 files with the server.
About the project
An electronic press kit for Sheldon Price, a Philadelphia R&B singer who performs with a live band at weddings, private parties, nightclubs and Lou Rawls tribute shows. Live 2 days after the first commit in August 2024, it puts his music, live videos, photos, biography and booking details on one page that bookers can open on a phone. We update its look, images and content as needed, and a larger update in October 2026 fixed bugs and changed how its media loads: the page now downloads 94% less, the main photo appears in 2.9 s instead of 7.1 s on a throttled phone test, accessibility scores 100 and its security headers grade A+.
What we delivered
Scope
- Frontend build
- Ongoing updates
- Performance optimization
- Accessibility
- Media optimization
- Responsive design
- SEO
- Security headers
What it does
Music
Spotify and Apple Music buttons, a card for his album on Tidal, and his Spotify playlist, which loads when a visitor asks for it.
Live videos
4 performance videos shown as thumbnails; YouTube's player loads only when a visitor presses play.
Photo viewer
A swipeable strip of 9 photos. A tap opens the full photo, with previous and next buttons, arrow keys and Escape.
Booking
Book Now and Listen Now at the top of the page, his email and phone in two places, and his social profiles.
Mailing list
A signup form styled to match the site that posts to his Mailchimp list.
Phone first
A full-screen menu on phones. Every control works from the keyboard and is named for screen readers.
Our approach
Replaced full-size photos in the strip with 720px copies served as AVIF, sized the main photo per screen, loaded the YouTube players and the Spotify playlist only when a visitor asks, and served the fonts from the site: 8.7 MB down to 0.5 MB, the main photo in 2.9 s instead of 7.1 s.
Removed the past show and its ticket button, and replaced Mailchimp's embed script with a signup form styled like the site, posting to the same list, so the page loads with no errors.
Fixed the phone layout, named every link and button, and made the menu and photo viewer work from the keyboard with proper focus handling: accessibility 91 to 100.
Refreshed the styling with darker backgrounds, gold accents and serif headings, keeping the same sections and layout, and added a Book Now button at the top next to Listen Now.
Rendered the page at build time with structured data, added a strict Content-Security-Policy and the other security headers, and cached built files for a year, with build checks that fail if a change would break the policy or point to a missing image.
Inside the project
Select a screenshot to view it full size.
Every way to hear him, in one section.
Each video loads YouTube's player only when played.
His own letter to fans, kept in his words.
His mailing-list signup, styled to match the site.
Booking details at the end of the page, linked from Book Now at the top.
On a phone.
The outcome
- Google mobile speed score 100/100 on the live site (best of 12 tests, all 94 or higher); 100 on desktop.
- Page download 94% smaller, 8.7 MB to 0.5 MB, with 119 requests down to 22; nothing loads from other sites until a visitor presses play.
- Main photo on screen in 2.9 s instead of 7.1 s on a throttled phone test (60% less time); 2.2 s to 0.6 s on desktop.
- Lighthouse accessibility 91 to 100 and SEO 92 to 100; no console errors (previously 1 on every visit).
- Security headers graded A+ by Mozilla Observatory, up from C, with 12 of 12 tests passing.
- On a return visit the browser reuses all 21 of the page's files instead of re-checking 13 with the server.
- Live 2 days after the first commit in August 2024, and updated as needed since, with a larger update in October 2026.
- Sheldon reports more bookings and more credibility with bookers since the press kit went live (owner-reported; no booking counts kept).
Built with
React
TypeScript
Vite
Tailwind CSS
Vercel- Mailchimp
More projects like this
Have a project like this in mind?
Tell us what you're building. We'll show you how we'd approach it and what it would take, the same way we did for Sheldon Price.