Club Noir is a neo-noir, comic-inspired mystery puzzle mobile game set in a crime-ridden city where even “legality” can be bought and rewritten.
A federal bureau sends the player in—a bartender under a cover identity, to keep the underworld in check, extracting fragments behind the bar at night and following leads after hours.
My focus for this project is Game UI Art — UI visual design, UI system, and polished screens, components.
Scope of Work
Concept & Narrative
“What kind of world are we inviting players into?”
Worldbuilding
Known to outsiders as the “Center of the World”, this city earned its name not through geography, but by drawing in the world's desires, wealth, crime, art, politics, and lies, wrapping them all in neon lights and laws to create the illusion of order.
People often say:
“Here, it's not about what you can or cannot do, but whether you have the right to do it.”
The city's prosperity rests on an open secret: the law is not a boundary, but a commodity. Permits, exemptions, special privileges, and even a “legal identity” can all be bought. The city runs like a machine: By day, the city runs on capital; by night, it thrives on desire.
Storyline
Crime in this city is no longer a local problem, but a business spanning cities and borders. Instead of guns or drugs, it trades in forged permits, laundered identities and legitimized profits.As similar crimes emerge elsewhere, federal authorities realize that the city is not just a hub of crime, but a blueprint for an entire criminal industry.
You play as an undercover federal agent, posing as a bar owner to investigate the network. By day, you gather clues through drinks and conversations. By night, you explore different parts of the city, gathering clues and uncovering the truth.
But the deeper you dig, the clearer it becomes: you're not just exposing the system, you're being forced to choose between becoming part of it or being consumed by it.
Art Direction
“What should Club Noir look and feel like?”
Neon Noir was chosen to reflect the contrast between the city's glamorous surface and its corrupt reality. Vibrant neon lights represent its nightlife, wealth, and desire, while deep shadows suggest the secrets and power struggles hidden beneath.
Inspired by noir cinema, sharp geometric shapes, dramatic compositions, and high-contrast colors bring this world to life through a distinctive visual identity.
UI UX Design
“How can we turn the game's narrative into an engaging player experience?”
Halftone Pattern
Distressed Texture
Hard Shadow
I incorporated these three visual treatments throughout the UI to enrich its visual language and reinforce the game's atmosphere. The following showcases the interface designs and selected in-game assets.
