work / fight-game
Fight game
A dark-mode mobile app for a fight-game world: discover the Trip to Mars edition, join live tournaments, watch streams and talk in the room — neon green on black.
- Role
- Product designer
- Type
- Mobile · UX/UI · Product Design
- Year
- 2023
Challenge
A fight-game product on a phone has to hold heat without becoming noise. Discovery, a live tournament and a stream with chat had to feel like one night in the same world — not three disconnected apps.
Approach
The work is a three-screen loop. Home is the edition: Trip to Mars, Warzone tags, Join a Tournament, popular streams and people near you. Streams is the list: search Skucuga Tournament, live cards, 36K playing. The room is the match: Indian king, trending #14, 2.4K watching, description, chat and send.
Design
Black canvas, neon green for live and active states, red only for the live badge. Cards stay rounded. Bottom navigation carries home, streams, guides, map and tasks so the thumb always knows where it is.
Execution
Screens were designed as a system you can hold: tournament posters with a host (Indian king, Kathryn Murphy, Bessie Cooper, Dianne Russell), streamer chips (Flores, Juanita; Ralph Edwards), live chat with colour-coded names, and a send control that sits on the video.
Frames
A fight game on mobile is a social product. The stream is the stage. Chat is the crowd. The interface only has to keep both in the same room.