2XKO Mobile
2XKO Mobile
2XKO Mobile
2XKO Mobile is a concept app designed to bring Riot Games' 2v2 tag-team fighter to a portable platform. Since 2XKO currently has no official mobile release, this project explores what a native mobile companion and, eventually, a full mobile experience could look like, built around the game's unique tag-team mechanics
and community.
2XKO Mobile is a concept app designed to bring Riot Games' 2v2 tag-team fighter to a portable platform. Since 2XKO currently has no official mobile release, this project explores what a native mobile companion and, eventually, a full mobile experience could look like, built around the game's unique tag-team mechanics and community.
2XKO Mobile is a concept app designed to bring Riot Games' 2v2 tag-team fighter to a portable platform. Since 2XKO currently has no official mobile release, this project explores what a native mobile companion and, eventually, a full mobile experience could look like, built around the game's unique tag-team mechanics
and community.
Challenge
Challenge
Fighting games have historically been left out of the mobile space, with most titles staying rooted in PC and console play. 2XKO's fast-paced, precise 2v2 combat makes this even harder to translate since touchscreens struggle to replicate the responsiveness a fighting game demands. The challenge was to design a mobile experience that felt true to 2XKO's identity, without compromising the accessibility and competitive depth players expect.
Fighting games have historically been left out of the mobile space, with most titles staying rooted in PC and console play. 2XKO's fast-paced, precise 2v2 combat makes this even harder to translate since touchscreens struggle to replicate the responsiveness a fighting game demands. The challenge was to design a mobile experience that felt true to 2XKO's identity, without compromising the accessibility and competitive depth players expect.
Fighting games have historically been left out of the mobile space, with most titles staying rooted in PC and console play. 2XKO's fast-paced, precise 2v2 combat makes this even harder to translate since touchscreens struggle to replicate the responsiveness a fighting game demands. The challenge was to design a mobile experience that felt true to 2XKO's identity, without compromising the accessibility and competitive depth players expect.
Solution
Solution
2XKO Mobile reimagines the game's core interactions for a smaller screen, using simplified controls, clear visual hierarchy, and a component system built for accessibility (tested against WCAG standards). The app extends beyond gameplay to support the wider 2XKO experience, including champion browsing, match stats, and community features creating a portable companion that fits naturally into how players already engage with the game.
2XKO Mobile reimagines the game's core interactions for a smaller screen, using simplified controls, clear visual hierarchy, and a component system
built for accessibility (tested against WCAG standards). The app extends beyond gameplay to support the wider 2XKO experience, including champion browsing, match stats, and community features creating a portable companion that fits naturally into how players already engage with the game.
2XKO Mobile reimagines the game's core interactions for a smaller screen, using simplified controls, clear visual hierarchy, and a component system built for accessibility (tested against WCAG standards). The app extends beyond gameplay to support the wider 2XKO experience, including champion browsing, match stats, and community features creating a portable companion that fits naturally into how players already engage with the game.
App Walk Through
App Walk Through
Components
Components
A reusable set of buttons, cards, sliders, and media components built to keep the app consistent and scalable as new features and screens are added.
A reusable set of buttons, cards, sliders, and media components built to keep the app consistent and scalable as new features and screens are added.
Initial sketches and structural layouts used to quickly test ideas and navigation patterns before moving into higher-fidelity design.
Initial sketches and structural layouts used to quickly test ideas and navigation patterns before moving into higher-fidelity design.
Early layout explorations focused on establishing hierarchy and flow before visual design was applied.
Early layout explorations focused on establishing hierarchy and flow before visual design was applied.
