What is it?
A digital home for Kelab Sukan Elektronik ZeTa (KSE ZeTa), a Bintulu, Sarawak esports club that plans, runs, and hosts PUBG Mobile, MLBB, and E-Football tournaments for players, schools, and communities across the region.
What needed solving?
A club running real, recurring tournaments had no central place to announce events, show who actually runs the club, or give sponsors and partners visibility. Everything lived scattered across social posts and event posters, with no lasting record of the club's history or structure.
A club with a real track record still needs a real home to prove it.
How it was built
What was built
A five-page site anchored by a video hero, a scrolling marquee ticker, and an events spotlight grid pulling from the club's real 2025–2026 tournament history. A dedicated games section showcases the three titles ZeTa runs, while a committee spotlight renders the actual org chart and hierarchy. A journey section links out to the club's TikTok and Instagram, and a contact modal routes every inquiry through the club's real email and socials — no personal numbers exposed.
Pages & sections
Why these technologies?
| Technology | Why we chose it | Role in system |
|---|---|---|
| HTML5 / CSS3 | Zero-dependency static site with no build step, keeping hosting and maintenance costs at zero for a volunteer-run club. | Structure and layout |
| Vanilla JavaScript | Handles the marquee ticker, IntersectionObserver scroll reveals, mobile menu, and contact modal without a framework's overhead. | Interactivity |
| Netlify | Free static hosting with a build step that excludes source-only folders (club background notes, reference material) from the published site. | Deployment & hosting |
| Google Fonts | Oswald for bold esports-style headlines, Inter for readable body copy. | Typography |
What we achieved
Real committee hierarchy documented and rendered as an org chart
8+ real 2025–2026 tournaments cataloged with dates and prize pools
Sponsor and partner visibility across a dedicated Partners page
Deployed live on Netlify with CSP, HSTS, and frame-options headers configured
Privacy policy and terms of use pages for compliance