Defira: Defiralyst
Overview
Defira: Defiralyst is a fantasy-themed collectible card game where players choose a character with unique bound cards such as minions, spells, and structures to build custom decks. Players engage in strategic turn-based battles, with both default and personalized gameplay options, offering a rich and customizable experience.
My role
UX/UI Designer
As the UX/UI designer, the goal was to create intuitive and visually appealing interfaces that supported both deck-building and gameplay. This involved designing wireframes, prototypes, and assets that aligned with the fantasy theme, ensuring a seamless and accessible experience for all players.
Tools
Process
Game Design
Working closely with the game design team was key to aligning the UI with the game’s mechanics. The goal was to reflect core gameplay elements while keeping every UI element functional and easy to understand.
Design System
A consistent visual language was developed to unify the game’s UI. This included defining color palettes, typography, and overall aesthetics to match the fantasy theme. The result was a cohesive look across all screens, from the main menu to in-game interfaces.
Design system
Typography
Color
Component Library
To streamline development and maintain consistency, reusable UI components like buttons, card displays, menus, and notifications were built. These components were designed to be flexible, making it easy to update or expand the game in the future.
Iconography
Custom icons were designed in collaboration with the graphic design team. These icons were created to be clear, functional, and visually aligned with the game’s fantasy art style, enhancing the overall player experience.
Visual Alignment with Fantasy Theme
Collaboration with the art team ensured that the game’s aesthetic remained consistent across all screens and gameplay elements. This included character designs, card art, and the overall interface visuals.
Interface design
The process started with wireframes for key interfaces, focusing on layout and user flow. These were then turned into interactive prototypes to test functionality and make sure all interactions felt smooth and intuitive.
Throughout the project, regular communication with the development team helped integrate the UI designs as intended. Technical constraints were addressed early, and adjustments were made to keep the design process efficient and effective.
