BOX3 Game Editor
Build a web-based game editor. Creators can create immersive 3D experiences with friends.
Client: BOX3
Role: Product Designer
Competitive analysis
Analyzed popular game editors and helped us to find our uniqueness
Our uniqueness
Easy access
Open from any browser without installation
Easy to use
Intuitive UI with tons of assets ready to use
Multiplayer
Build with friends in realtime
For teenagers
Design for 13+ users and unleash their creativity
User research
Learnt about users’ behaviors and expectations through survey. Created personas to inform design decisions.
Information architecture
Brainstorm
Final structure
Explore layouts
Decided on option A as it provides a clean and scalable layout
Immersive experience
Inspired by “DotBigBang” and “Game Builder by Google”, controlling a virtual character to build the world is more fun and immersive.
Features flow
Easy to use
Insert models
Massive asset collections for all creators’ convenience
Build terrains
Intuitive commands with our auto generator make world building quick and easy
Instant test run
One-click to stimulate game running environment
Easy to access
Editors switch
Quick switch among editors for productivity
Multiplayer
Collaboration
Enable realtime multiplayer editing which make game development more efficient
For teenagers
Moderate before publish
Help creators to spread their creative works. Also ensure content safety.
Powerful
Scene
Fine tuning the scene to imitate real-world atmosphere and physics
Entity editing
Support in-depth parameters for fine tuning
UI design
Initial draft
Pros: Dark theme provides great contrast
Cons: Panel design covers up virtual joystick
Iteration
Pros: Modular panel design
Cons: Opaque widgets blocks the scene, especially in script editor.
Final version
Translucent treatment makes 2D UI blends better in 3D scene
Responsive design
Desktop
Mobile
Style guide
Retrospective
Turning massive tech functions into a systematic hub was quite a challenge. As the solo product designer, I feel rewarded on achieving it. However, I would like to redesign the editor in adaptive approach instead of responsive.