Independent Record Label Website Web Development
A server rendered site for an independent Jamaican label, giving every artist and every release its own address, and every booking one inbox.
VsTheWrld Records is an independent label founded in 2022, home to Jamaican dancehall and reggae artists including Malie Donn, Teejay, Javo Donn, Raw Cashh, and Teegan, alongside the VS THE WRLD collective of producers, writers, and engineers behind the label's in house sound.
FIWB Solutions built the label's website: the roster and the individual artist profiles, the release catalog with a page for every single, label news, the merch capsule ahead of its launch, and the contact desk that bookings, demo submissions, press requests, and collaboration offers now arrive through.
It is a server rendered application rather than a template. Every artist and every release has its own address, its own share card, and its own structured data, and the whole site is drawn from one content module so the pages cannot drift apart from each other.
A record label is judged on presentation before anyone hears a note, and this label's presence lived across four social profiles with nothing underneath them. There was no address to send a promoter to for an artist, no page a journalist could cite for a release, and no single inbox where a booking, a demo, and a press request could land together instead of scattering across direct messages.
The site also had to hold two things that usually pull against each other. It had to look like a label with a global voice, with motion and atmosphere a static brochure page cannot carry, and it had to open fast on a phone, stay readable for someone who has asked their device for less motion, and be fully legible to a crawler or a link unfurler that never runs JavaScript.
FIWB built the label a server rendered, multi route site with a real content spine behind it. The roster, the catalog, the production credits, and the news all read from one module, and the navigation, the scrolling name strip, the cross links between an artist and their releases, and the structured data are derived from it rather than maintained alongside it.
Every artist profile and every release page carries its own title, description, canonical URL, share card, and schema, so a link posted anywhere unfurls correctly and each page stands on its own in search. The contact page replaced the scattered inboxes with one typed form covering bookings, demo submissions, press and interviews, and collaborations. A submission is checked in the browser, checked again on the server, written to the label's database, and mailed to the label in the same request.
Privacy and terms shipped as full pages, not a footer link to nothing.
Two decisions shaped the build. The first was to render on the server. Music links get shared into group chats and social feeds, and the crawlers and unfurlers behind those previews read HTML as it is served, so a page that only assembles itself in the browser is an empty box to them. Server rendering also means the first paint already carries the artwork and the copy, which matters far more on a phone than on a laptop.
The second was to build the atmosphere rather than buy it. The wireframe globe that turns through the loader, sits behind the hero, and sweeps the screen between routes is a single component that projects real coastline geometry onto a sphere on every frame, and the star field behind it is generated from a fixed seed so the server and the browser draw exactly the same sky and hydration stays clean.
All of that motion is gated rather than assumed. Smooth scrolling, drag inertia, and the intro sequence stand down for a reduced motion preference and for touch devices, where the native behaviour is already better than anything we would hijack it with. The loader is decided by a small blocking script before first paint, so a returning visitor never sits through it twice in a session. The geometry, the validation, the notification builder, and the gating rules are all plain modules with no DOM in them, covered by 126 unit tests.
The identity is drawn, not licensed. The globe that turns through the loader, anchors the hero, and wipes between pages is one component projecting real coastline data onto a sphere, and the sky behind it is generated rather than photographed. Nothing carrying the brand is a stock asset another label could buy tomorrow, and because it is geometry rather than video it stays sharp at any size and ships as code.
The site is content driven. Adding an artist, a release, or a news post is an edit to one module, and the profile page, the catalog card, the scrolling name strip, the cross links from an artist to their releases, and the page's structured data all follow from it. The merch page already holds the first capsule and its product records ahead of the drop, so opening the store is a status change rather than a new build.
The site is live at vsthewrldrecords.com and is the label's public home.
Every artist and every release has a page that can be linked, indexed, and shared on its own. Bookings, demo submissions, press requests, and collaboration offers now arrive in one place, with a copy in the label's inbox and a copy in its records.
The roster, the catalog, the news feed, and the merch capsule all grow from the same content module, so the next signing or the next single is an edit rather than a project.
Every artist and every release has its own address now, and the site still moves like a record label.