XDefiant: Daily Login UX

I designed a new daily login experience for XDefiant in collaboration with the MTX (monetization) team and the lead UI artist. Since our turnaround was only a few weeks, we had to be quick and resourceful.

All behind-the-scenes content is post-sunset reconstruction and remains compliant with the NDA.

Gaming UI/UX XDefiant

Problem & Constraints

MTX team, showing rows of icons for daily rewards
MTX reference grid that defined reward cadence and retention goals.

MTX wanted a system that could support both short “bursts” of rewards and longer campaigns, while reinforcing return habits through clear streaks and milestone rewards.

The main UX challenges:

Exploration 1 — Weekly Track Concept

The first prototype framed the daily login as a weekly track. Each day appeared as a tile in a short horizontal sequence, making it easy to grasp the full week at a glance.

This direction tested well with stakeholders because it was immediately readable and clearly showcased today’s reward, but it didn’t give MTX as much room to tease longer-term rewards and big milestones.

weekly daily login track layout
Option 1: Weekly track exploration with a compact horizontal sequence of daily rewards.

Exploration 2 — Calendar Concept

The second prototype explored a longer-range, calendar-like layout. Here, players could see a full campaign: many days of rewards, including premium milestones further out.

This version met MTX’s desire to support longer campaigns and generate anticipation, but it was denser and risked overwhelming new players.

calendar-style daily login layout for a full month
Option 2: Monthly calendar exploration with a full campaign view and milestone rewards.
calendar-style daily login - more notation
Iterations upon the calendar-style view, but with additional notation to show different reward tease treatments.

Final UX — Hybrid of Weekly & Monthly

After walking MTX and the lead UI artist through both prototypes, stakeholders asked for a hybrid that combined:

The final UX solution mixed both ideas:

hybrid daily login layout combining track and grid ideas
Final UX wire: a hybrid layout that balances short-term clarity with long-term motivation.
iteration upon final UX
A version of my final UX that I noodled on for different focus effects.

As this project had an extremely short turnaround, I also worked with a UI Tech Artist to see what could be implemented the quickest, and why not be as resourceful as possible and reference an existing user experience? We used the Battle Pass as our basic form, and opted to reskin it to cut down on development time.

For reference, this is how I designed the Battle Pass, you can certainly see its visual cues in the Daily Login's final product!

Handoff & Final In-Game UI

Once the UX was approved, I documented interaction states for claimed, current, locked, and milestone rewards, and handed the design to the lead UI artist.

The UI artist then applied the game’s visual style, character artwork, and motion, while preserving the information hierarchy and flows from the UX prototype.

final in-game daily login UI with character art and polished visuals
Final implemented UI: the lead UI artist’s visual treatment built on top of the approved UX.

Impact & Learnings

While MTX primarily owned quantitative results, the new daily login UX fulfilled our needs to:

From a process perspective, the biggest win was cutting down on dev time by collaborating with tech artists to see what fit our needs the best, as well as in involving MTX and UI art early with two distinct prototypes, then converging on a hybrid that aligned retention goals with player readability.

XDefiant: Ability Select Restriction

I designed the UX that prevents players from picking duplicate abilities during pre-match setup. My work focused on clarity, error states, and making the restriction feel clean and readable inside a very fast-paced flow.

Gaming UI/UX Product Design XDefiant

XDefiant: Store UX

I worked on the UX for the in-game store, reorganizing layouts and simplifying the browsing experience. I focused on navigation, item hierarchy, and localization-ready components that could scale with new content drops.

Gaming UI/UX Accessibility XDefiant

XDefiant: The Lobby

I explored a cleaner lobby layout that made key info easier to find and reduced visual noise. I redesigned the hierarchy, modular pieces, and core interactions to make future features easier to plug in.

Gaming UI/UX Product Design XDefiant

Coming Soon
XDefiant: Prestige

Coming Soon