—

#### 1. Introduction
This document outlines the concept for the user interface (UI) of a new mobile game. The goal is to create a user-friendly, colorful, and engaging interface inspired by the successful art styles of Supercell games like Squadbusters, Clash Royale, and Brawl Stars. The interface should be intuitive to navigate and immerse players in a captivating gaming experience.

#### 2. Art Style and Design Guidelines
– **Colorful and Vibrant:** A bright, vibrant color palette will be used to create a cheerful and inviting atmosphere.
– **Simple and Clear:** The UI design will be clean and avoid clutter to ensure easy navigation.
– **Large, Appealing Buttons:** Buttons will be large, easily visible, and feature clear, standout icons and text to allow for intuitive use.
– **Contextual Adaptation:** The UI will dynamically adapt to the game’s theme, with backgrounds and elements reflecting the game’s setting.

#### 3. Layout and Placement of UI Elements
– **Central Character:** The player’s character will be prominently displayed at the center of the screen, surrounded by a thematically appropriate background.
– **Play Button:** The play button will be located at the bottom right, clearly visible and easily accessible to start the game.
– **Settings Icon:** The settings icon, shaped like a gear, will be placed at the top right, providing access to game settings.
– **Avatar Display:** The avatar icon, along with the character’s name, will be shown at the top left, accompanied by the souls display.
– **Souls Display:** Directly below the avatar display, the number of collected souls will be shown to visualize the player’s progress.
– **Battle Pass:** The battle pass button will be positioned at the bottom left, offering direct access to the battle pass content.
– **Additional Buttons:** Additional buttons for friends, leaderboard, and shop will be arranged around the central character image to facilitate access to these functions.

#### 4. Detailed Description of UI Elements
– **Play Button:** A large, central button that takes the player directly into the game. This button is highly visible and features an eye-catching design.
– **Settings Icon:** A small gear icon that provides access to the game settings. It is subtle yet easy to find.
– **Avatar Display:** Shows the player’s profile picture and character name. Below the avatar, the souls display shows the player’s progress.
– **Souls Display:** This display shows the number of souls collected in the game, similar to a progress bar, indicating the user’s game status.
– **Battle Pass:** A button that provides access to the battle pass area, where players can view rewards and track their progress.
– **Friends Button:** This button allows access to the friend list and social interactions.
– **Leaderboard:** A button that brings up the leaderboard, showing the top players in the game and their rankings.
– **Shop:** A prominent button that provides access to the in-game shop, where players can purchase items and currencies.

#### 5. Currencies
– **In-Game Currency:** A currency earned through gameplay that can be used for various in-game purchases.
– **Premium Currency:** A currency that can only be purchased in the shop with real money, allowing players to buy exclusive items and boosts.

#### 6. Character Selection
– **Central Character:** The currently selected character is prominently displayed in the middle of the screen.
– **Character Switch:** By tapping the character, players can browse their available heroes and select a new one. Only owned heroes are displayed and selectable.

#### 7. Background Image
– **Background Image:** The background image will match the game’s theme and highlight the player’s character. It will contribute to creating an immersive and engaging atmosphere and will change depending on the context or game mode.

#### 8. Additional Features
– **Interactive Elements:** UI elements will be interactive and animated to enhance the user experience and make the gameplay more dynamic.
– **Feedback and Animations:** Visual feedback and animations on interactions, such as button clicks, will enhance usability and improve the visual experience.

#### 9. Conclusion
The UI concept aims to create an engaging, intuitive, and user-friendly interface that immerses players in a positive and captivating gaming experience. By adhering to proven design principles and implementing specific requirements, a consistent and attractive gaming experience is ensured.

The user interface and various buttons should be inspired by the attached examples. While they should not be copied exactly, the design and functionality should be similar and follow the same concept. The background image and further specific details will be elaborated on in future discussions.

**Please note:** Only applicants with experience exclusively in mobile games, who have worked on many projects in this field, should apply. All other applicants will be ignored and not considered. Thank you for watching!

Posted On: August 11, 2024 10:14 UTC
Category: UX/UI Design
Skills:Game Design, Mobile App Design, Graphic Design, Mobile UI Design, User Interface Design

Country: Germany

click to apply