Offensive
Action Role-Playing Video Game

UI/UX Design

As a designer, I actively contributed to the development of a new product. We began with brainstorming sessions and market research to specifically choose the game genre and platform. I learned Unreal Engine and created design prototypes. The process included continuous testing, collaboration, and decision-making. Through our efforts, we successfully assembled a build for demonstration, highlighting the significance of adaptability and teamwork in game development.

Main Screen

The main screen embodies the classic military shooter theme, with a design that conveys action and urgency. There are four stylized buttons, each carrying a meaningful visual cue:

Continue Button: Featuring a double arrow icon, this button signifies a quick return to the action, emphasizing the speed of jumping back into the game.
New Game Button: Displaying a single arrow, this button communicates the simplicity of starting a new game, encouraging players to dive right in.
Settings Button: Adorned with a cogwheel icon, this button intuitively represents access to in-game settings and customization options.
Exit Button: Marked with an icon of a running figure, this button conveys the action of leaving the game.

The game's title is dynamically presented with a slanted font, adding a sense of dynamism to the overall design. A dashed line simulates the trajectory of flying bullets, contributing to the game's intense atmosphere.

Backgrounds seamlessly cycle through various scenes, and during transitions, red targets dim out and reappear in new locations, aligning with the game's shooting theme. This main screen effectively immerses players in the military shooter experience, inviting them to take part in the action-packed gameplay.

Work Bench Screen

The Work Bench screen serves as the central hub for a crucial game mechanic, making it a pivotal and highly significant part of the gameplay. Here, players engage in the art of crafting and assembling new weapons that are essential for progressing through the game's levels.

Key elements of the Work Bench screen include:

Crafting Station: At the heart of the screen, the crafting station is where players combine various items and components from their inventory to create powerful weapons. It's the place where ingenuity meets firepower.
Inventory Interface: An accessible inventory panel allows players to view and select items and components they've collected throughout their journey. Dragging and dropping items onto the crafting station initiates the weapon-crafting process.
Character Model: As players select and attach components to their character's costume and weaponry, a dynamic 3D model of the character updates in real-time. This visual representation provides players with a tangible sense of their customization choices.
Crafting Progress: A clear and intuitive progress indicator shows the step-by-step transformation of items into a fully crafted weapon. It provides visual feedback on the crafting process, keeping players engaged.
Weapon Showcase: Once a weapon is crafted, it's showcased prominently, allowing players to admire their creation and appreciate its potential impact on their gameplay.

The Work Bench screen is not just a place for crafting; it's a hub of creativity and progression, where players can experiment with different combinations to create unique and powerful weaponry. It adds depth to the game and fosters a sense of accomplishment as players tailor their equipment to their playstyle.

Other Screens

HUD (Heads-Up Display) Screen: Compactly displays vital player information, ensuring convenience and clarity without distraction.

Pause Menu: Provides easy access to key game functions, allowing players to customize the gameplay and manage the game without unnecessary complexity.

Settings Screen: Offers extensive settings for customizing the gaming experience, ensuring maximum convenience for players.

UI Kit