All work
Client · eSports Organization · 2024 Web · 2024

NTMR.

A modern org site for NTMR — built to look credible to sponsors and the orgs they queue against.

View live
01 Brief

NTMR is a competitive eSports organization fielding rosters and entering open and closed circuits. The brief: a site that *looks* like the orgs they'd actually queue against — fast, slick, roster-first — without the "fan club Discord skin" trap most amateur eSports sites fall into. Sponsorship pages exist for sponsors. Roster pages exist for prospects. Both surfaces had to feel current.

02 Approach

Built the site around the roster as the conversion surface. Sponsors evaluate orgs by their rosters; prospective players evaluate orgs by their rosters. Everything else (results, news, brand) sits in service of that core surface. Dark palette to fit the genre, but with enough type-system discipline that it doesn't read as another "neon-on-black gaming template." SvelteKit on Vercel because most of the audience is mobile and we're not eating a 2MB Wix bundle on their behalf.

03 Outcome

A live, fast, current-feeling org site at ntmr.org. Roster page handles team additions and player departures via the CMS without us pushing code. Sponsorship inquiry surface routes directly to the org's leadership. Performance budget held: Lighthouse 90+ across the board on mobile.

02 — The system

Aesthetic system.

fig. ii · palette + type
A Palette
Magenta
#ff00f1
accent
Purple
#a651ff
secondary
Onyx
#0a0a0a
paper
Bone
#f5f5f5
ink
Steel
#9ca3af
neutral
B Typography
Display
Inter Tight 700
Body
Inter 400
Mono
JetBrains Mono 500
C References
  • Major eSports org sites (NRG, Sentinels, Cloud9)
  • Twitch + streaming-platform brand language
  • Match-day broadcast graphics
  • Trading-card layouts
04 — Under the hood

Technical notes.

fig. iv
  • 01 SvelteKit on Vercel; sub-second LCP on mobile.
  • 02 Roster managed via headless CMS — non-technical org leadership pushes player updates without dev involvement.
  • 03 Sponsorship inquiry form goes directly to leadership Slack via webhook (no CRM round-trip).
  • 04 Built to scale to multiple games (each title gets its own rostered division).
  • 05 Dark mode is the only mode — no toggle needed for this audience.
Web build on the custom skeleton. · Disciplines: web.
05 — Keep looking

More work.

fig. v