Context
Beamable helps developers build live games faster
Beamable provides a range of tools and services that allow game developers to focus on creating game content, rather than having to build and maintain their own game backend infrastructure.
Beamable provides a range of tools and services that allow game developers to focus on creating game content, rather than having to build and maintain their own game backend infrastructure.
Beamable prefabs allow developers to add common game features (leaderboard, etc.) as easy as drag and drop.
Customers have complained that the default UI for prefabs is outdated, confusing, and inflexible. As a result, developers often need to create their own UIs from scratch, which can be time-consuming and cause inconsistencies in the game's overall UI design.
After speaking with the product manager, I learned that Beamable was facing budget and resource constraints as a startup. I then developed strategies to create effective solutions within this situation.
I first studied popular live games in the market to identify common components and design patterns. This helped ensure that the prefabs had only the necessary components for maximum compatibility.
I then analyzed the existing prefabs and identified reusable components and layouts to save dev resources. Some usability and content issues were also identified during the research.
After gathering feedback from stakeholders, I created a series of new wireframes that incorporated standardized design patterns and UI components.
Through visual research, I defined a style guide for game prefabs that follow the Beamable brand style.
As the default UI style, the Beamable theme helps create a consistent visual experience for users among Beamable products and reinforces the brand identity.
