Get my website plan
All work

Case study · TAPAUasia

Music media and community platform for TAPAUasia

One WordPress platform for TAPAU's livestream, video archive, weekly voted charts, events and member community, so the indie scene has a single home online.

Client
TAPAUasia
Industry
Independent music media and community
Package
Custom Web System
Our role
Product, information architecture and design, built with our development partner
Stack
  • WordPress
  • Elementor Pro
  • JetEngine
  • JetFormBuilder
  • JetSmartFilters
  • Bunny Stream
  • YouTube
  • Bandcamp
The TAPAU Charts page, with the headline "The weekly Top 10, voted by you", this week's number one demo and a green vote button.

The problem

TAPAUasia films, streams and writes about the indie music scene in Malaysia and South East Asia, but its old site couldn't hold all of that together. Content was spread across nine separate post types, some holding the same stories twice. Tracks sat inside a single release post, so a song couldn't be charted, reviewed or linked to on its own. There was also no way for the people watching the stream to vote, review, post a gig or follow each other, and that participation was what TAPAU wanted to grow.

What we did

  1. The stream comes first. We put TAPAUtv's livestream and live chat at the top of the site, with the full video archive and original series one tap away, and gave mobile a bottom tab bar so it works like an app.

    The TAPAUtv page on desktop, with the stream player on the left and the live chat panel on the right.
    Live chat sits beside the player, not below it.

    Three phone screens side by side: the home page, the TAPAUtv page and the All videos archive, each with a bottom tab bar.
    On phones, five tabs reach every part of the platform.

  2. Charts the community decides. We built two weekly Top 10s, one for demos and one for music videos, where members vote, every row shows last week's position and its chart run, and each entry leaves after four weeks so new music gets a turn.

    This week's demo chart: ranked rows with cover art, play buttons, vote buttons, last week's position and chart run, beside a panel of past number ones.
    Each row shows the vote, its movement and how long it has been in the race.

    Three phone screens: the Charts page with a countdown to the weekly lock, a demo's own page, and the How the charts work page.
    The countdown and the rules page answer when and how before anyone asks.

  3. Writing and charts on the same page. We rebuilt the content model so articles, reviews, music, music videos, events and films each have their own type, and a review links to the music, event or film it covers, so the home page can mix fresh writing with last week's final charts.

    The home page section with fresh reviews and latest stories on the left and last week's final Top 5 demos and music videos on the right.
    Editorial and charts share one scroll instead of living on separate sites.

    The Bacajap hub, the platform's reading section, with featured stories, reviews and filters.

    A review page for a past gig, with the event poster, the reviewer's star rating and other members' reviews.
    Every review points back to the gig, film or release it is about.

  4. Anyone can post a gig. We opened Happenings to every member, so promoters, bands and fans list events themselves, and events can only be reviewed once the date has passed.

    Three phone screens: the Happenings hub, the All events list with upcoming and past tabs, and a single event page with its poster and lineup.
    From the hub to a single event in two taps.

  5. Members, not just visitors. We gave every member a profile as a supporter, artist or collective, with approval-based connections and a Wall, and built one sharing flow for music, music videos, events, films and stories that says up front what happens after you submit.

    A member profile with avatar, profile type, location, a Support button, and tabs for The Wall, Work and Reviews.

    Three phone screens: Share your work, the Submit music form and the free account sign-up page.
    Each submission type says whether it goes live straight away or is checked first.

Want something like this?

Plan a site like this