Recreating the Battlefield 4 main menu in Figma
view the Webflow prototype ↗
ProductBattlefield 4 menu
I recreated Battlefield 4’s main menu UI in Figma for educational purposes, exploring layout, navigation structure and visual hierarchy.
Details
Main menu UIsurface
Personal, educational projecttype
Figma ∙ Webflow prototypetools
SCREENS
How large-scale game interfaces balance usability with a lot of content.
Home, multiplayer, soldier, campaign, servers and store, rebuilt screen by screen.





