Jackz Music

01/The brief

A site he could run without us

The work was scattered: dates announced on one platform, releases on another, recaps in stories that vanish after a day, and questions arriving as DMs answered whenever there was a moment. Nothing was his, and everything needed him personally. The site had to gather all of it under one name — and, more importantly, hand him the controls, so that announcing a show or dropping an edit never again means asking a developer for twenty minutes.

02/What it contains

The site, section by section

Six sections, ordered the way someone actually decides: see him, hear him, find out where he is playing next, and get an answer if something is still unclear.

• Opening

  A full-bleed portrait with the identity set into the margins — EST · 2018 and BPM · 130 running vertically down each edge, LIVE 24/7 across the middle, and a scroll cue. No headline, no pitch: the picture does the work.

• Upcoming events

  The tour dates, posted by Jack from the panel. Numbered as section 04 and titled at full width, with an honest empty state — “No dates announced right now” — rather than a page that pretends a gap is not there.

• Latest releases

  Remixes and edits with their credits, each playable in place. The section inverts to white so the artwork carries the colour, and a View all releases button opens the full catalogue.

• Night recaps

  A write-up and video from a night that mattered — Jackz Live @ Serena · Armenia — in his own voice, over a typographic field of his name.

• Support chat

  A chat launcher on every screen, showing whether he is online, taking text, voice notes and images. Bookings, guest list and press questions all land in one place.

• Menu

  One control, top right, on every section. The site is a single scroll; the menu is for jumping, not for finding your way back.

03/The design

Two grounds, one voice

Nightlife design usually fails by shouting. This one is loud in exactly one place — the type — and silent everywhere else, so the photography and the cover art are the only things carrying colour.

• Type at full scale

  Headings are set heavy, tight and uppercase, running the width of the page. At that size the words are the layout: nothing needs a box or a border to read as a section.

• Black and white, alternating

  Dark sections for the person and the dates, an inverted white one for the music. The switch is what separates the parts of the site — not rules, not cards.

• Marks in the margins

  Small tracked labels do the quiet work: numbered markers like // 04 · UPCOMING, and rotated labels running vertically down the edges. They give the page an index without interrupting it.

• The name as texture

  Behind the recap, his name is tiled into a soft field of letters — branding you feel rather than read, and the only decorative element on the site.

• Phone size first

  Most visitors arrive one-handed from a link in a story. Every section was built at that width and allowed to grow, rather than shrunk down from a desktop mock.

04/The panel & the API

His site to run, and his dates to reuse

A password-protected panel covers everything that legitimately changes and nothing that should not. Adding a date, publishing a release or writing up a night are all a few taps from a phone — no deploy, no developer, no waiting.

• Events

  Post a date with venue, city and ticket link. It appears immediately, and drops off the page on its own once the night has passed.

• Releases

  Publish a remix or edit with its artwork and credits, playable the moment it is saved.

• An events API

  The dates are served over an API as well as rendered on the page, so the same list can feed a promoter's site, a listing or an app without anyone re-typing it. The site is the source of truth for where he is playing.

• Guardrails

  The panel edits content, not layout. Nothing in it can break the design — which is what makes it safe to hand over and walk away from.

05/Support

Answered while he is on stage

A smart support chat sits on every screen, so a promoter asking about availability or a fan asking about the guest list gets an answer straight away instead of waiting for him to come off a set. It takes text, voice notes and images, shows when he is genuinely online, and keeps everything in one thread rather than spread across three platforms’ inboxes.