Start a project

Case studyOur first customer · Website & club platform

Lang LangCricket Club

A club that lives on its website.

Client
Lang Lang Cricket Club
Work
Website & club platform
Stack
Next.js App Router · Postgres + Drizzle · Vercel Blob · PlayHQ API · Admin CMS
Lang Lang Cricket Club home page with an announcement bar and the club’s headline over the Caldermeade pavilion
Now langlangcricketclub.com, the club’s front door.

01The club

It’s not all stats and titles.

Lang Lang Cricket Club had a 2019 Wix site and a Facebook page doing all the talking. We rebuilt it as the centre of the club: fixtures from PlayHQ with every team matched to its club logo, events people can RSVP and pay for, notices in one place, a profile for every player, past and present, and a home for the stories that make Lang Lang what it is.

The committee didn’t want a brochure. They wanted the club itself to revolve around the website: the place you check before Saturday, RSVP for the presentation night, and come back to years later to find your name.

So the brief became a community platform. Keep the fixtures honest by pulling them from PlayHQ. Make events something you can act on. And give every player, past and present, a digital footprint, including the stories that never make a scorecard.

02Before and now

From a brochure to a clubhouse.

Drag the handle, or use the arrow keys.

The previous Lang Lang Cricket Club Wix website: a crest, five menu links and a long block of italic text
Lang Lang Cricket Club home page with an announcement bar and the club’s headline over the Caldermeade pavilion

Before · 2019 Wix site

Five static pages, a crest and a long paragraph. For anything current, the site pointed people to Facebook.

Now · langlangcricketclub.com

The club’s front door: what’s on this week, the next match, and who to talk to.

03What we built

Everything the club does, in one place.

In the order the club cares about most.

01 / 05

Fixtures, live from PlayHQ.

Every Lang Lang side, the next round, results and ladders come straight from the PlayHQ API, season by season. No one retypes a fixture list again.

02 / 05

Every team matched to its club.

Every Lang Lang side and every opponent in the PlayHQ data is matched to the right club, and to that club’s logo, so fixtures, ladders and match pages name the right club without anyone hunting for images or retyping names.

03 / 05

Events you can RSVP and pay for.

Training nights, launch nights and presentation dinners each get a page with a live headcount. Members RSVP in a tap, pre-book meals and pay through the event’s payment link, and can add their photos afterwards.

04 / 05

Every notice, in one place.

Change of time, working bees, game week. Announcements post once and surface across the site, from the banner on the home page to the Clubhouse archive.

05 / 05

Players, present and past.

Current squads and the players who came before them each have a profile with their seasons, teams and career batting and bowling, built from PlayHQ data.

Lang Lang fixtures page, full page: next round matches by team, opponent, time, venue and grade from PlayHQ, then every side in the Our teams grid with its ladder position
Lang Lang B Grade team page: the season’s PlayHQ ladder with every opponent club, then the side’s upcoming fixtures by opponent, time and venue
Lang Lang event page for the Legends Launch Night, full page: date, venue and details, the attendance list, and the RSVP panel
Lang Lang Clubhouse announcements page, full page: dated club notices in a single list
A Lang Lang player profile, full page: games, runs and wickets, then season-by-season batting and bowling tables
  • Every Lang Lang side, the next round, results and ladders come straight from the PlayHQ API, season by season. No one retypes a fixture list again.

    Lang Lang fixtures page, full page: next round matches by team, opponent, time, venue and grade from PlayHQ, then every side in the Our teams grid with its ladder position

    Fixtures page: next round and every side’s ladder position, from PlayHQ

  • Every Lang Lang side and every opponent in the PlayHQ data is matched to the right club, and to that club’s logo, so fixtures, ladders and match pages name the right club without anyone hunting for images or retyping names.

    Lang Lang B Grade team page: the season’s PlayHQ ladder with every opponent club, then the side’s upcoming fixtures by opponent, time and venue

    B Grade team page: the PlayHQ ladder and fixtures, every opponent named by club

  • Training nights, launch nights and presentation dinners each get a page with a live headcount. Members RSVP in a tap, pre-book meals and pay through the event’s payment link, and can add their photos afterwards.

    Lang Lang event page for the Legends Launch Night, full page: date, venue and details, the attendance list, and the RSVP panel

    Legends Launch Night: details, attendance and the RSVP panel

  • Change of time, working bees, game week. Announcements post once and surface across the site, from the banner on the home page to the Clubhouse archive.

    Lang Lang Clubhouse announcements page, full page: dated club notices in a single list

    The Clubhouse announcements archive

  • Current squads and the players who came before them each have a profile with their seasons, teams and career batting and bowling, built from PlayHQ data.

    A Lang Lang player profile, full page: games, runs and wickets, then season-by-season batting and bowling tables

    A player profile: seasons, teams and career stats from PlayHQ

PlayHQ is a trademark of its owner. Websport is an independent studio.

Also in the build

Run by the committee, not a developer.

Behind a password, the committee manages events, announcements, stories, players, the committee page, documents, the gallery and sponsors, and syncs from PlayHQ when they need to.

Admin not shown: it’s behind the committee’s password.

  • Events
  • Announcements
  • Stories
  • Players
  • Committee
  • Documents
  • Gallery
  • Sponsors

PlusResync from PlayHQ

04The build in numbers

Lang Lang sides synced from PlayHQ
7
Areas the committee runs without a developer
8

05From a member story

“When I arrived in Australia in 2024, I was a fresh migrant trying to figure out where I fitted in.”
From “More Than Cricket: Finding Home at Lang Lang”, a member story on the club site, written by Websport’s founder as a club member and reviewed by the committee like every story.Read the story (opens in a new tab)

06On a phone

Built for the sideline, not the desk.

Lang Lang home page on a phone: announcement bar, club headline, next match card
01 Home
Events list on a phone: upcoming club events with dates, venues and RSVP counts
02 Events
Player profile on a phone: name, teams, games, runs and wickets, then the season batting table
03 Player profile
Lang Lang Clubhouse announcements on a phone, full page: dated club notices in a single list
04 Play: the Clubhouse notices