Case Study

Grand City Mobile
UI/UX Design

Grand City is an idle-management game where players build, expand, and profit from a sprawling urban empire.

Mobile screen 1Mobile screen 2Mobile screen 3Mobile screen 4
Mobile screen 5Mobile screen 6Mobile screen 7Mobile screen 8
Mobile screen 9Mobile screen 10Mobile screen 11Mobile screen 12

Objectives

Our scope was to design the core interface and user flows of the app, creating a visually striking and intuitive UI that supports deep progression systems, live events, and monetization mechanics without overwhelming the player.

01

Build a complete UI/UX framework for an idle-sim mobile game, ensuring clarity even as the game scales with new content.

02

Design intuitive progression systems that reward players without overwhelming them with complexity.

03

Create a cohesive visual language that reinforces the urban city-builder theme across all screens.

04

Optimize user flows for monetization and live events while maintaining a positive player experience.

Gallery

01

Home / Main City Screen

Clear view of businesses, earnings, and upgrade buttons with vibrant, urban-inspired visuals.

02

Creation of UI components

Highlighting key stats, upgrade costs, and profit multipliers with streamlined layouts.

03

3D Assets

Avatars, skill trees, and equipment slots designed for quick access and clarity.

04

Boss Rewards

In-world banners and modals for special content drops.

05

Multiple Events

Avatars, skill trees, and equipment slots designed for quick access and clarity.

Made possible with

React
TypeScript
CSS
JavaScript
GitHub
Figma
PostgreSQL
HTML

+50 unique screens

Complete mobile game UI including city views, business management, events, and reward systems.

3D asset integration

Seamless blend of 3D buildings and characters with 2D UI elements for a polished visual experience.

Live-ops ready

Flexible design system built to support seasonal events, limited-time offers, and ongoing content updates.

What We Achieved

The Grand City UI/UX package transformed a complex idle-management concept into a market-ready mobile experience. By focusing on clarity, progression, and satisfying reward systems, we built an interface that is both intuitive for new players and deep enough to support long-term play. Our deliverables included a complete design system, interactive prototypes, and animation guides, giving the development team a plug-and-play foundation for implementation and live-ops scalability.

Explore our projects

Glyde

Glyde is a DeFi trading platform that gives users fast execution, full control over their assets, and advanced tools to trade with both simplicity and power.

Check out this project

Mey Network

Mey is building the next-generation ecosystem for RWA (Real World Assets) tokenization, transforming how people access and invest in real estate and beyond.

Check out this project

Bomefers

Bomefers is a character-driven NFT project that allows users to interact with and customize their collectible "Bomefers" with trait swapping and gacha mechanics.

Check out this project

Grand City

Grand City is an immersive idle-sim mobile game featuring deep progression systems, live events, and engaging monetization mechanics with a visually striking UI.

Check out this project

Glyde

Glyde is a DeFi trading platform that gives users fast execution, full control over their assets, and advanced tools to trade with both simplicity and power.

Check out this project

Mey Network

Mey is building the next-generation ecosystem for RWA (Real World Assets) tokenization, transforming how people access and invest in real estate and beyond.

Check out this project

Bomefers

Bomefers is a character-driven NFT project that allows users to interact with and customize their collectible "Bomefers" with trait swapping and gacha mechanics.

Check out this project

Grand City

Grand City is an immersive idle-sim mobile game featuring deep progression systems, live events, and engaging monetization mechanics with a visually striking UI.

Check out this project