My Projects

Project Overview

Game Title: Mighty Survivor Force

Project Completion: 4months

Role: UI/UX Designer
Platform: Available on Google Play Store and App Store
Genre: Hero Survival Shooter Game
Description: Mighty Survivor Force is an ultimate hero survival shooting adventure game. Players dive into an action-packed world with multiple heroes, each equipped with unique abilities. The game features epic boss battles, various terrains, and the ability to unlock new areas and upgrade heroes' abilities. It’s an offline game designed to keep players engaged with its dynamic gameplay.

Game Title: Mighty Survivor Force

Project Completion: 4months

Role: UI/UX Designer
Platform: Available on Google Play Store and App Store
Genre: Hero Survival Shooter Game
Description: Mighty Survivor Force is an ultimate hero survival shooting adventure game. Players dive into an action-packed world with multiple heroes, each equipped with unique abilities. The game features epic boss battles, various terrains, and the ability to unlock new areas and upgrade heroes' abilities. It’s an offline game designed to keep players engaged with its dynamic gameplay.

Responsibilities

Iterating on design concepts
Designing buttons, cards and layouts
Developing and applying color themes

Responsibilities

Iterating on design concepts
Designing buttons, cards and layouts
Developing and applying color themes

Project Goals:

Enhance user engagement through intuitive and appealing UI design.
Ensure a seamless and enjoyable user experience across different game screens.
Create a visually cohesive design that aligns with the game's theme and genre.

Project Goals

Enhance user engagement through intuitive and appealing UI design.
Ensure a seamless and enjoyable user experience across different game screens.
Create a visually cohesive design that aligns with the game's theme and genre.

Design Process

Research and Inspiration:

Analyzed popular survival shooter games to understand industry standards.
Collected references and inspirations for hero-based game UI elements.
Identified key features and common design patterns used in similar games.

Research and Inspiration:

Analyzed popular survival shooter games to understand industry standards.
Collected references and inspirations for hero-based game UI elements.
Identified key features and common design patterns used in similar games.

Wireframing and Prototyping:

Created wireframes for major game screens, including the main menu, character selection, gameplay HUD, and upgrade screens.
Developed low-fidelity prototypes to visualize the layout and flow of the game’s interface.
Conducted initial user testing with wireframes to gather feedback and make necessary adjustments.

Wireframing and Prototyping:

Created wireframes for major game screens, including the main menu, character selection, gameplay HUD, and upgrade screens.
Developed low-fidelity prototypes to visualize the layout and flow of the game’s interface.
Conducted initial user testing with wireframes to gather feedback and make necessary adjustments.

Design Iterations:

Designed multiple versions of buttons and cards to find the most effective styles.
Iterated on designs based on user feedback and team discussions.
Focused on readability, accessibility, and aesthetic appeal in all design elements.

Design Iterations:

Designed multiple versions of buttons and cards to find the most effective styles.
Iterated on designs based on user feedback and team discussions.
Focused on readability, accessibility, and aesthetic appeal in all design elements.

Color Themes:

Developed several color palettes that resonate with the game’s adventurous and action-packed theme.
Tested color combinations for buttons, cards, and backgrounds to ensure they enhance user experience without causing visual fatigue.
Finalized a cohesive color theme that complements the game's visual identity and enhances gameplay immersion.

Color Themes:

Developed several color palettes that resonate with the game’s adventurous and action-packed theme.
Tested color combinations for buttons, cards, and backgrounds to ensure they enhance user experience without causing visual fatigue.
Finalized a cohesive color theme that complements the game's visual identity and enhances gameplay immersion.

Final Design and Implementation:

Created high-fidelity designs for all UI elements.
Collaborated closely with developers to ensure accurate implementation of the design.
Conducted thorough testing to identify and resolve any UI-related issues.

Final Design and Implementation:

Created high-fidelity designs for all UI elements.
Collaborated closely with developers to ensure accurate implementation of the design.
Conducted thorough testing to identify and resolve any UI-related issues.

Problem Statement

In my previous work experience, I primarily focused on e-commerce and dashboard design. These projects typically involved creating clean, straightforward, and functional designs that prioritized usability and simplicity. Transitioning to the Mighty Survivor Force project posed a significant challenge for me. Unlike my past projects, this game required dynamic and visually engaging UI/UX designs that could capture the excitement and complexity of a survival shooter game. I had to adapt to the demands of a more interactive and aesthetically rich design environment, which was a stark contrast to my earlier work. This project required me to step out of my comfort zone and prove my ability to design for a completely different type of user experience.

Problem Statement

In my previous work experience, I primarily focused on e-commerce and dashboard design. These projects typically involved creating clean, straightforward, and functional designs that prioritized usability and simplicity. Transitioning to the Mighty Survivor Force project posed a significant challenge for me. Unlike my past projects, this game required dynamic and visually engaging UI/UX designs that could capture the excitement and complexity of a survival shooter game. I had to adapt to the demands of a more interactive and aesthetically rich design environment, which was a stark contrast to my earlier work. This project required me to step out of my comfort zone and prove my ability to design for a completely different type of user experience.

Experience Throughout the Project

Working on the Mighty Survivor Force project provided me with invaluable learning experiences. I gained a deep understanding of game design principles, which are quite different from the principles used in e-commerce and dashboard design. I learned how to create engaging and interactive UI elements that enhance the player’s experience. Additionally, I had the opportunity to observe and collaborate with developers who were using Unity, a popular game development platform. This exposure allowed me to understand the technical aspects of game development, including how my designs were integrated into the game and the challenges developers faced during the process. This collaboration improved my ability to create designs that were not only visually appealing but also technically feasible and optimized for performance.

Experience Throughout the Project

Working on the Mighty Survivor Force project provided me with invaluable learning experiences. I gained a deep understanding of game design principles, which are quite different from the principles used in e-commerce and dashboard design. I learned how to create engaging and interactive UI elements that enhance the player’s experience. Additionally, I had the opportunity to observe and collaborate with developers who were using Unity, a popular game development platform. This exposure allowed me to understand the technical aspects of game development, including how my designs were integrated into the game and the challenges developers faced during the process. This collaboration improved my ability to create designs that were not only visually appealing but also technically feasible and optimized for performance.

UX Laws Applied

In the Mighty Survivor Force project, I applied several design principles to enhance the user experience, with two major laws being Fitts' Law and the Goal Gradient Effect.

Fitts' Law: Fitts' Law states that the time required to move to a target area is a function of the distance to the target and the size of the target. To make navigation more intuitive and efficient, I applied Fitts' Law to the navigation bar, which includes the "Heroes," "Home," and "Upgrade" buttons. By ensuring these buttons were large and easily accessible, I minimized the time and effort needed for users to switch between pages. This improvement in navigation helped maintain a smooth and enjoyable gameplay experience.
Goal Gradient Effect: The Goal Gradient Effect suggests that people are more motivated to complete a task as they get closer to achieving their goal. I utilized this principle in the map section of the game. By designing the map to visually represent progress and the rewards of unlocking new levels and abilities, I created a sense of anticipation and excitement for players. This strategy encouraged users to continue playing and strive to unlock all levels and abilities, enhancing player engagement and retention.

UX Laws Applied

In the Mighty Survivor Force project, I applied several design principles to enhance the user experience, with two major laws being Fitts' Law and the Goal Gradient Effect.

Fitts' Law

Fitts' Law states that the time required to move to a target area is a function of the distance to the target and the size of the target. To make navigation more intuitive and efficient, I applied Fitts' Law to the navigation bar, which includes the "Heroes," "Home," and "Upgrade" buttons. By ensuring these buttons were large and easily accessible, I minimized the time and effort needed for users to switch between pages. This improvement in navigation helped maintain a smooth and enjoyable gameplay experience.

Goal Gradient Effect

The Goal Gradient Effect suggests that people are more motivated to complete a task as they get closer to achieving their goal. I utilized this principle in the map section of the game. By designing the map to visually represent progress and the rewards of unlocking new levels and abilities, I created a sense of anticipation and excitement for players. This strategy encouraged users to continue playing and strive to unlock all levels and abilities, enhancing player engagement and retention.

Fun Experience

Working on the Mighty Survivor Force project was incredibly enjoyable and enriching. I delved into UX writing to craft engaging user interactions and collaborated with Unity developers, gaining technical insights into game development. The guidance and support from my design team were invaluable. Unlike my previous role as the sole designer, I had the privilege of working with talented creative artists, video editors, and motion designers. This collaborative environment enhanced our work quality and allowed me to expand my skill set. Overall, I thoroughly enjoyed the teamwork and creativity that brought Mighty Survivor Force to life.

Fun Experience

Working on the Mighty Survivor Force project was incredibly enjoyable and enriching. I delved into UX writing to craft engaging user interactions and collaborated with Unity developers, gaining technical insights into game development. The guidance and support from my design team were invaluable. Unlike my previous role as the sole designer, I had the privilege of working with talented creative artists, video editors, and motion designers. This collaborative environment enhanced our work quality and allowed me to expand my skill set. Overall, I thoroughly enjoyed the teamwork and creativity that brought Mighty Survivor Force to life.

Conclusion

The UI/UX design for Mighty Survivor Force played a crucial role in enhancing the overall gameplay experience. Through careful research, iterative design, and a strong focus on user needs, the project achieved a polished and engaging interface that stands out in the competitive landscape of survival shooter games. The collaboration with the development team ensured that the final product not only looked great but also functioned flawlessly, contributing to the game’s success on the Play Store.

Conclusion

The UI/UX design for Mighty Survivor Force played a crucial role in enhancing the overall gameplay experience. Through careful research, iterative design, and a strong focus on user needs, the project achieved a polished and engaging interface that stands out in the competitive landscape of survival shooter games. The collaboration with the development team ensured that the final product not only looked great but also functioned flawlessly, contributing to the game’s success on the Play Store.