Perform — Professional Voice Actor Landing Page Template

Quick summary

Booth is a single-page, dark-immersive landing page template designed around the voice acting craft. It treats every demo reel category as a separate mood room visitors scroll through, hearing commercial clips, narration samples, character voices, and game audio before reaching a clear booking destination. The page earns the inquiry before the visitor ever reads a price.

Who this template is for

This template is built for serious voice actors who need a personal website that works as hard as they do. If your voice over demo reel is polished and your roster of genres is wide, Booth gives that range a stage worthy of the talent behind it.

• Professional voice actors targeting audiobook publishers, game studios, ad agencies, and casting directors
• Voice over artists moving away from casting sites and generic profile pages toward an owned, branded web presence
• Actors with multiple specialized reels who need one focused website to present commercial, narration, character, and game demos in one place

What problem this template solves

Most voice actors post their demo reel as a file attachment or a bare audio link. That approach puts all the burden on the listener. A potential buyer has to imagine the context, the range, and the professionalism behind the voice. Booth removes that burden entirely.

• Casting directors and producers get a clear, atmospheric experience that communicates vocal range, acting ability, and production quality before they finish scrolling
• Voice actors lose gigs when their demo lives on a crowded casting platform alongside hundreds of similar actors; this template gives them a standalone calling card that stands apart
• Generic portfolio pages fail to show character versatility; Booth organizes every voice over demo into its own immersive room, making each genre feel distinct and deliberate

What you get with this template

Booth delivers a complete, ready-to-customize landing page built around the gallery walk creative direction. Every section is purposefully sequenced to guide a visitor from first impression to booking intent.

• A full-viewport hero with a cinematic microphone image, wide-letterspaced serif name display, and a rotating phrase line that cycles through character types
• Four scrollable gallery rooms, each with its own atmospheric background image and a floating audio player featuring animated waveform visualization
• A closing booking destination with rate card tiers, an availability calendar, and a single clear call-to-action button for requesting a custom audition

Feature list

Booth's capabilities are drawn directly from its brief. Every feature below is present in the template as designed.

Rotating Character Phrase Header

The hero section opens on a full-viewport image of a close-up condenser microphone in a dim recording booth. Over it, a large cream serif displays the actor's name, letterspaced wide. Beneath the name, a single line rotates through character descriptions, cycling through villain, narrator, friend, and more. There is no play button here; the silence and the visual create the first hook before a single audio clip loads.

Gallery Walk Demo Rooms

Each demo reel category becomes its own scrollable room. Visitors enter a commercial read against a radio dial background, then move into narration samples beside an open book mood image, then step into character and animation demos framed by a pixel-art landscape, and finally into video game voice clips set against a rain-slicked alley. Each room fills the viewport. The audio player slides in from the edge as the visitor arrives, with a waveform animating in graphite and amber. This structure helps casting people hear the full vocal range in a natural, unhurried sequence.

Floating Animated Audio Players

Every gallery room includes a simulated audio player with waveform animation. The waveform pulses in graphite and amber to signal that audio is ready to play. These players are designed to appear immediately within each room section, so visitors can listen to samples without any extra navigation. Audio quality is the standard by which casting directors judge a voice over artist, and the player layout keeps that audio front and center.

Scroll-Triggered GSAP Animation

The template uses GSAP ScrollTrigger for all entrance animations, including parallax backgrounds, sliding audio players, rotating text, and waveform pulses. Transitions are driven by GPU-accelerated transforms to keep movement smooth. Every animation is tied to scroll position, so the page feels like a live performance rather than a static brochure.

Booking Destination with Rate Tiers

After the gallery rooms, the page closes with a focused booking section. It includes a rate card layout with tiered options, an availability calendar display, and a prominent call-to-action button reading "Request a Custom Audition." This section is where the page converts. By the time visitors reach it, they have already heard the demos and formed an opinion; the booking section simply gives them the next step.

Amber Accent and Dark Immersive Palette

The warm amber accent (#D4A04A) pulses on play buttons and active states, echoing the glow of a condenser mic's tube light. Deep recording-booth black (#0B0D0F) fills the background. Parchment cream (#E8E0D4) carries the typography. Soft graphite (#3A3A3C) defines section dividers and waveform backgrounds. Together the palette feels like opening a first-edition novel at midnight under a single lamp.

Page sections overview

Design & branding system

Booth uses an Ink and Paper color system set against a dark immersive theater aesthetic. Typography is set in Fraunces for serif display headings and DM Sans for all body text, creating a contrast between editorial weight and clean readability.

• Colors: deep black (#0B0D0F) for backgrounds, parchment cream (#E8E0D4) for floating text, soft graphite (#3A3A3C) for dividers and waveform tracks, and warm amber (#D4A04A) as the single accent on interactive elements
• All decorative imagery is cinematic and atmospheric: a dim recording booth for the hero, a radio dial for commercial work, an open book for narration, pixel art for characters, a rain alley for game audio
• The amber accent is used sparingly, appearing only on play buttons, active states, and call-to-action elements, so every instance of it draws the eye without competing with the voice itself

Mobile & speed optimization

Booth is designed desktop-first, reflecting the reality that casting directors most often review demo reels on a desktop browser. Mobile support is included so the page remains accessible across devices without breaking the immersive layout.

• Smooth scroll is implemented with native CSS, and all animations rely on GPU-accelerated transforms only, keeping movement crisp without heavy JavaScript overhead
• Audio players and gallery room images are structured to reflow cleanly on smaller screens, preserving the atmospheric mood even at mobile viewport widths
• The footer follows a minimal pattern with social links and copyright only, keeping the page light at the close and focused on the conversion sections above it

How this template helps you convert

A voice over demo reel landing page only works if it moves a visitor toward a booking action. Booth is structured as a deliberate conversion sequence, not a passive portfolio display.

1. The gallery walk format means visitors experience each demo reel genre as its own room before they reach the booking section. By the time they arrive at the rate tiers, they have already heard the full vocal range across commercial, narration, character, and game categories, so the decision to reach out feels natural rather than rushed.
2. Each gallery room ends with a soft amber "Book This Voice" call to action that anchors directly to the booking destination. This repeated nudge keeps the audition request visible throughout the scroll without interrupting the listening experience.
3. The booking section consolidates rate card tiers, availability calendar, and the "Request a Custom Audition" button into one focused destination. A potential buyer or agent can see exactly what they need and act immediately, reducing the drop-off that happens when next steps are unclear.

Other information about this template

Booth reflects several practices that experienced voice actors and industry professionals recommend when creating a demo reel landing page. These are worth understanding as you customize the template.

• A good demo reel should run between 60 and 90 seconds per category, featuring four to five of your best clips. The gallery room layout in Booth supports this by giving each genre its own focused space rather than mixing everything into one long reel.
• Audio quality is paramount. Agents and casting directors can identify a home studio recording that falls short of industry standard. Present your clips with the best possible sound so the page reflects the professionalism of your work.
• A voiceover demo reel is your calling card in the industry. Keeping each voice over demo reel clear, concise, and shareable means potential clients can forward it easily, which Booth supports through its clean, standalone personal website structure.
• Your vo demo should lead with your strongest samples. The gallery walk order in Booth places commercial and narration rooms first, which aligns with where most professional voice actor bookings originate.
• Platforms like YouTube are common destinations for hosting individual demo clips. Booth's audio player layout can support embedded video or hosted audio clips depending on how you populate the template.
• A professional studio sound is the baseline expectation when submitting to agencies and prominent casting directors. If you record from a home studio, make sure your audio chain produces results that sound professionally produced before publishing your reel here.
• The social proof section supports client logos, genre-specific callouts, and a testimonial slot, helping you showcase recognizable project titles that build trust with a potential buyer visiting for the first time.
• Voice over jobs are divided into distinct markets. Specialized demos focused on one genre perform better for getting hired in that specific field, which is why Booth separates commercial, narration, character, and game audio into individual rooms rather than blending them.

Show more