Welcome to my showcase of UI systems and artworks developed for 'Tennis Clash.' This collection highlights my contributions to enhancing user experience through intuitive design and seamless integration within the game's ecosystem. Each feature presented here reflects my commitment to creating engaging and functional interfaces that resonate with players.
🏆 Trophy Road
Progression system designed to boost player engagement
A feature designed to enhance the player’s sense of evolution throughout the game. I led the concept, UX flows, UI design, interactive prototyping, and animation proposals. I also supervised implementation and final animations directly in Unity, working closely with developers and animators to ensure the delivery matched the original design vision.
🏅 Player Titles
Collectible title system for rewards and player personalization
Designed as a new type of cosmetic item, Player Titles reward players for achievements, events, and top leaderboard performance. The feature also served as a strategic response to the ranking rebalance caused by the Trophy Road launch — giving veteran and competitive players a new way to stand out.
I was responsible for the concept, UX, UI, and visual guidelines to support future integrations. I worked closely with the product and game economy teams to ensure the system delivered meaningful value to the player experience.
⚙️ Components, Systems and Visuals
Design systems and smart components for smooth Unity integration
In this section, I showcase a selection of some of the many components and prototypes I have created. These highlight my skills in building robust design systems and smart componentization in Figma, always aiming for a seamless and efficient handoff to Unity development.
The focus is on creating modular, reusable, and scalable solutions that ease the developers’ workflow while ensuring visual and functional consistency throughout the project.
Navigation Bar — Simple and intuitive navigation bar for quick screen switching
I designed this navigation bar to ease switching between the game’s main screens, ensuring a smooth and fast experience for players. Its modular design allows simple variations for different contexts, such as main menus, secondary screens, and pop-ups.
Built with a focus on visual clarity, responsiveness, and adaptability across resolutions and devices. Componentized in Figma for easy updates and Unity implementation.
Modular Button — A versatile, highly customizable button for any context
This modular button is designed to adapt to all types and use cases within the game. It supports variations with icons on the left or right, single or double-line text, square or chamfered shapes, and different styles — primary, secondary, and tertiary.
It can be used with text or icon-only, providing maximum flexibility for buttons across menus, pop-ups, HUDs, and other interfaces.
Smart componentization in Figma allows easy adjustment of properties, sizes, and styles, speeding up the design process and communication with the Unity development team.
Attribute Icons — Redesign focused on quick readability and visual consistency
This was a complete redesign of the old attribute icons, which suffered from poor legibility on smaller screens. Given the fast pace of the game, the focus was on creating consistent and easily recognizable icons for instant readability during gameplay.
I standardized style, colors, and shapes to ensure they work perfectly both in the HUD and menus, enhancing the player experience.