JAMSkinsA new visual direction for the whole product.
As product and UX/UI designer, I designed the product interfaces and contributed to almost all user flows. My work transformed the earlier visual style into the cyberpunk direction now used by the platform.
- Gaming & skin marketplace
- Product & UX/UI design
The project at a glance
- My role
- Product & UX/UI designer. Interface design across the product and participation in almost all user flows.
- The task
- Develop a new cyberpunk visual direction and carry it through the product’s interfaces.
- Key work
- Visual concept, cashier flows, game interfaces, case-opening interactions and a connected case library.
- Implemented result
- My visual concept became the platform’s current look. The case library connects to case opening, the Upgrader and the marketplace.
The task
The earlier version needed a different visual direction. I developed a cyberpunk concept and carried it across the product’s screens, while also working through the interactions inside games and the cashier. The work covered both how the platform looks and how its main flows connect.
Connecting the product
A shared visual concept
I transformed the visual style across the interface. The current platform uses that concept as the basis for its appearance.
A case library with onward paths
The added library connects cases with opening, the Upgrader and the marketplace. It gives those activities a shared entry point.
The interface
My contribution included the product interfaces and almost all user flows. A substantial part of the work focused on the cashier, the games themselves and case-opening interactions. The screens below show how shared controls and visual patterns connect those areas.
- Game interfaces
- Cases, Mines, Dice and the Upgrader use a shared visual language while showing information specific to each mechanic. The Upgrader foregrounds probability; Dice places its result alongside a scale.
- Items and collections
- The artwork explores case collections and item-focused screens. The selected item, its information and the next action are grouped together.
- Responsive layouts
- Mobile screens retain the same identity while arranging controls for a smaller display. The case shows how the main interaction fits alongside navigation and supporting information.
- Progression and identity
- Rank badges and characters create a recognizable progression system. They extend the visual identity across the product without replacing functional labels and controls.
The original design
Explore the screens, user flow, typography and color palette in the original visual case.
Have a complex product to design?
Tell me about the product, the people who use it and the part you want to improve.
