Company: Ubisoft
Responsibilities:
Flow charts & information architecture, Creation of wireframes, mockups and animations
Prototyping (click prototypes), Design System
Prototyping (click prototypes), Design System
Duration: Current Project
Tools: Figma, Adobe Illustrator, Adobe Photoshop, Visual Studio (Json+HTML), Miro
Growtopia is a free-to-play sandbox MMO game with almost endless possibilities for world creation, customization and having fun with your friends. Enjoy thousands of items, challenges and events. I started working on this project after its 10-year anniversary. The game had its challenges being built using pure code, so it was a challenge to work with the UI. As the sole UX designer on this project, I was responsible for working on features in close collaboration with Game Designers, creating wireframes, visualizing ideas, and building flow charts and prototypes ready to be handed over to Artists.
FEATURE CASE: Unified ID
Growtopia's previous login system wasn't designed for cross-platform play and required players to leave the game to create a Grow ID, complicating the process. This setup also permitted guest users, leading to issues with farming and bots. Implementing a unified ID system improved the player experience, addressed bot issues, and enabled seamless cross-platform play. In this project, I had to create the wireframes and hi-fidelity prototypes for the login system. I made sure we followed the guidelines from Apple, Google, and the Entertainment Software Rating Board.
User flow
Wireframes
This was the most challenging aspect of the process. Getting the system right involved numerous trials and errors. From the initial mockup to the final version, it required a significant amount of effort.
First Wireframe:
Final wireframe:
The final flow had to change and be updated based on ESRB and another requirement from the log-in partners like Google, Apple, and Steam. We also had to create another flow for our Ubiconnect system
While testing the wireframes with the team and ensuring the process is good. I started creating a high-fidelity mockup for developers.