MZ & AppLovin Projects

Overview Over the past decade at MZ and AppLovin, I’ve contributed to eight game titles with over 310 million downloads. I’ve been deeply involved in a wide range of UI development projects and feature implementations. Throughout these projects, I collaborated closely with cross-functional teams to craft intuitive and engaging user interfaces enjoyed by players around the world.

Challenges In a fast-paced environment at Machine Zone, we constantly worked under tight deadlines. To maintain a smooth workflow and meet delivery goals, cross-team collaboration was essential. I coordinated closely with UI/UX designers to ensure the final UI matched the design vision, while also working with software engineers to provide implementation-ready front-end code. This involved gathering all required assets, clarifying requirements early, and adapting quickly to changes.

Wireframes

Wireframes and mockups were provided by UI/UX designers. My role was to review them carefully and provide feedback—such as identifying edge cases, noting implementation constraints, clarifying design details, and starting discussions with software engineers to come up with a suitable code structure.

Mock Ups and UI Flow

Once the UI flow were more concrete, higher fidelity mock ups became available. This is when I would start building the layout in HTML with placeholder art assets.

Documentations and Guidelines Art Assets Breakdown HTML Code

Depending on the screen layout, the HTML/CSS structure may vary. Both Flow and Flexbox were used. While most games are in portrait format, we ensure the design looks correct and visually appealing on phones, tablets, and screens of varying heights.

Game Screenshots Gameplay Videos
Mobile Strike Commercial

Just for fun! I wasn't involved in the making of this video.

Date: 2024
Client: Machine Zone (MZ), AppLovin
Role: UI Developer
Tags: HTML/CSS, Front-end, Animations, Responsive