CLM Mafia
Platform
Full redesign of a competitive Mafia game platform — ratings, tournaments, clubs, and game tracking. From a cluttered legacy interface to a modern product used by real players.
Mafia Platform
CLM — the competitive Mafia hub
CLM is a real platform for tracking player ratings, running tournaments, managing clubs, and recording game sessions for the board game Mafia. The platform had been running for years on an outdated interface — functional but visually overwhelming and painful to use.
This was a real paid client project. My goal: redesign the entire product, simplify navigation, establish a strong dark + red visual identity, and build a scalable UI component system.
Problem and goals
The Problem
The old MafiaRatings site had a cluttered Windows-XP-era layout — dense tables, outdated fonts, no visual hierarchy, complex navigation. New users were lost immediately.
The Goals
Redesign for clarity, speed, and confidence. Create a dark, bold brand identity with red accents. Build a reusable component library that scales with new features.
Before and after
The old MafiaRatings interface versus the new CLM redesign — same platform, completely different experience.
Before — MafiaRatings
After — CLM Redesign
Design process
I followed a structured approach — starting from user flows and information architecture before touching any visual design.
Colors and typography
A bold dark theme with aggressive red accents — matching the competitive, strategic nature of Mafia.
UI Kit
A complete, reusable component system built from scratch — buttons, cards, tables, badges, form elements, navigation patterns, and data displays.
All screens
Every page of the platform redesigned — from the homepage with live rankings to individual club profiles, tournament listings, game tracking, player profiles, and the Hall of Fame.
Admin panel
The platform serves multiple user roles — players, judges, club owners, and admins. The admin panel was designed with full user management.
