Dave Seaman

A digital transformation — bringing the energy from the decks to the screen.

Sector
Music
Role
Design & UX
Year
2017
  • One of the top house DJs of the 90s — Global Underground, Renaissance, Radio Therapy — with an online presence that no longer matched the sound.
  • Brand, UX and web design as one system: a hub for releases, radio, tour dates and news.
  • Shipped, and still live at djdaveseaman.com.

( The brief )

Rejuvenate the presence, keep the edge.

Dave Seaman's music had shaped the dance scene for two decades, but his online presence didn't reflect it. The brief was a platform where fans follow and discover the discography while keeping up with what he's doing now — a hub for all things Seaman, built around his style and sound.

We worked directly with Dave on the look and feel: something visually uplifting that could carry releases, the Radio Therapy broadcast, tour dates and news without splintering into separate sites.

( The system )

Black, gold and Evogria.

To give the site a bold, modern techno feel, the typography was key: the Evogria display face across the type scale, warm gold on near-black, vinyl photography throughout. One system covers releases, Radio Therapy, tour dates and news.

( Structure )

Wireframed first.

Every template was drawn in greyscale before the brand went on: the home page leading with the latest release, a Radio Therapy module with its own player, tour listings and news. Hierarchy first, style second.

Home template wireframe with grid overlay and the Radio Therapy broadcast module
Release, tour and news template wireframes

( The site )

The site.

Release pages carry buy links and label credits. Interviews and news run as articles over photography, and the next show gets a countdown in gold. The same system holds from the home page down to the smallest card.

The music section — the releases grid across Dave Seaman and Selador
The homepage design — hero, latest release and Radio Therapy in the black-and-gold system

( Mobile )

The whole site works at phone width — releases, radio, tour dates and news in a single column.

News, gallery and the mobile site — the phone designs over the news and social layouts
The full-page designs tiled together — home, music, radio, tour and news