UA EN
Start a project
Start a project

+380 97 568 20 61
shrimp.solutionn@gmail.com
Telegram: @rominyo

Website · UX/UI · 2026

MOON

A tournament calendar, live brackets and an open player rating in one place — with a cinematic hero and the attitude of a fighting game.

Client
Esports community
Year
2026
Services
UX/UI design, Web development, Motion
Platform
Web, responsive
MOON — first screen on a desktop
MOON — mobile version
01

The task

Bring the scene together in one place

Tournament schedules, brackets and player ratings were scattered across chats and spreadsheets. The community needed a single hub: dark and atmospheric like the game itself, yet as convenient as a sports service.

02

The solution

The mood of a fighting game with the logic of a sports service

We built the structure around three scenarios: find a tournament, follow a bracket, check your rating. The visuals are deep black, aggressive red and the massive “The scene never sleeps” type. The first screen carries a video face-off and the community's live numbers.

What we did

Features and details

  • Tournament calendar with filters
  • Live brackets
  • Open player rating
  • Video hero and motion design
  • Card for the nearest major
  • Responsive for phones and tablets
  • Figma
  • HTML / CSS
  • JavaScript
  • Motion design

The whole site

From the first screen to the footer

The page scrolls by itself — hover to pause, or open the live site.

Mobile version

Easy on a phone

Every screen is adapted for a smartphone: large buttons, readable text and fast loading.

MOON — mobile screen 1
MOON — mobile screen 2
MOON — mobile screen 3

Presentation

Project mockups

Want the same result?

Tell us about the task — we'll propose a solution, a timeline and a price within one day.