Three jobs on one page
An artist site has to convey the register of the music before a single note plays, let a visitor listen and watch without leaving the page, and make tour dates and booking immediately findable. It also has to serve an international and a Persian-speaking audience at the same time, while carrying a great deal of video, audio and photography.
The practices this build came out of.
01UI/UX
02Headless architecture
03Front-end development
A front end the artist can feed
The site is a Next.js App Router front end reading from a headless WordPress instance on an admin subdomain, so biography, tracks, gallery images and tour dates can be updated without touching the interface. Audio players, the lightbox gallery and the scroll-driven animation are React components; rendering is server-side and static where it can be, which is what keeps a media-heavy site fast.
Stage light first, text second
A full-screen performance video, serif display type and a dark, stage-lit palette set the tone above the fold. The pacing below it is deliberately gallery-like: upcoming performances, discography and a booking form, each given room rather than compressed into a grid. Everything is available in English and Persian through one switcher.
Traffic, revenue and conversion figures belong to the client, so we do not publish them. What follows is what the delivered build contains.
