h
#Game GUI
#Figma#Unreal Engine2025.4




Influencer Chess UI System






Design Language  


I embraced the Frutiger Aero visual style for Influencer Chess  to support the game's surreal and speculative narrative. Frutiger Aero characterized by bright colors, clean layouts, and rounded, glossy UI elements. Inspired by early-2000s digital nostalgia, this retro-futuristic aesthetic aligns perfectly with the game's surreal and absurdist narrative set in a speculative future dominated by social media.





Visual Identity


Type


Color Palette


Basic Button Creation





UI Components


Clickable Button


Value Capsule




Message Bubble




Email Panel





Products


Tags



Social Media Posts



Posts in Social Media


Posts Player Created



Layout


In the initial version, all buttons and values shared a similar style, regardless of whether they were interactive. During user testing, participants expressed confusion about which buttons were clickable. In response, the UI was updated to distinguish between interactive buttons and value displays. This included adjustments to visual language, layout, and the hierarchy of information.



Before


After

Overall Interface Layout





UI in Context




           Pengfan Yuan    Information    Contact