Immersive launch landing page
Built the homepage as a strong visual campaign surface where artwork, title treatment, and playback controls all work together to frame the release.
Project Overview
Building a release page that feels like part listening room, part digital storefront
Pedro Music centers the release itself as the visual product. The homepage acts as an immersive launch canvas, while WooCommerce handles the deeper product and checkout flows for tracks and album bundles. The result feels more like an artist environment than a generic music shop.
Pedro Music
Music & Digital Commerce
What We Shipped
What We Shipped
Inline listening experience
Integrated persistent player behavior and preview controls so visitors can hear the release while staying inside the branded interface.
Single and album commerce flow
Structured the store so fans can buy individual tracks or move into a full album purchase path with clear value framing.
Digital product detail pages
Designed WooCommerce product pages that present artwork, price, format, and release details cleanly for downloadable music products.
Consistent artist visual system
Carried the same dark, atmospheric identity from the launch page into the product pages so the storefront stays coherent end to end.
Selected Screens
Selected Screens
Real homepage and product/content screens captured from the live site and used here as the visual source of truth.
01 / 04
An artist-led digital release site that merges immersive artwork, inline playback, and WooCommerce product flows for singles and full-album sales.
Pedro Music homepage with immersive artwork, single hero, and integrated player
Evidence & Outcomes
Evidence & Outcomes
Singles and album bundle are sold through one clear release funnel
The live experience supports both individual track purchases and a higher-value full album path instead of forcing one rigid purchase model.
No layered offer structureTrack plus album funnel
Digital Store
Listening and buying happen in the same visual space
Playback controls live inside the release design, reducing the gap between hearing the music and acting on it.
Separated playback and commercePreview-led storefront
Inline Player
Digital product pages carry real release context
Product pages present concrete details like format and genre so downloads feel more trustworthy and easier to evaluate before purchase.
Minimal product framingStructured digital PDPs
WAV + MP3
The artist identity stays consistent from hero to checkout
The same dark, cinematic art direction follows the user across homepage, track cards, and product pages, which keeps the release feeling intentional all the way through.
Disconnected templatesCohesive branded journey
Visual System