← All projectsDESIGN IN DETAIL / P298-25

Inviting a visitor to build a city vision.

A simple invitation before a more detailed world.

Explore the story
Discipline
Design & UI / Rendering & Composition / Motion & Video
Perspective
Interface study
In this study
18 project views
City-game entry screen with a touch-to-start invitation, hand icon and concentric green and gold arcs.
The full entry artboard introduces the proposed city game through a clear touch prompt and concentric green-and-gold composition.
01 / THE IDEA

A closer
look.

Provide a clear point of entry to a proposed city-building interface.

02 / DESIGN APPROACH

From intention
to experience.

A touch symbol and short invitation lead the opening screen. Green-and-gold styling connects that first action to the more detailed city artboards.

01

Direct touch invitation

The opening screen uses a touch icon and a short invitation to begin a vision, set within a green-and-gold composition.

02

Green-and-gold styling

Related artboards introduce a city-building interface with detailed city imagery and campaign-specific content.

03

Detailed city follow-on screens

This case focuses on the selected game's UI treatment while keeping the city illustration, simulation logic and other event concepts separate.

03 / THE VISUAL STORY

The work,
in full.

Explore the complete compositions and interface states. Select any image for a closer look.

18 / PROJECT IMAGES

Select a view to explore.

Thumbnail: City-game entry screen with a touch-to-start invitation, hand icon and concentric green and gold arcs.01 Thumbnail: A city-building mission screen with a single Continue action.02 Thumbnail: A six-part visual guide to sustainability, wellbeing, investment, population, budget and time.03 Thumbnail: An empty player-name and city-name form with a large on-screen keyboard.04 Thumbnail: A starting point in a city-building interface, with an illustrated isometric city and colored metric indicators.05 Thumbnail: Explore the city in a city-building interface, with an illustrated isometric city and colored metric indicators.06 Thumbnail: Transport and infrastructure in a city-building interface, with an illustrated isometric city and colored metric indicators.07 Thumbnail: Energy systems in a city-building interface, with an illustrated isometric city and colored metric indicators.08 Thumbnail: Housing and urban planning in a city-building interface, with an illustrated isometric city and colored metric indicators.09 Thumbnail: Commerce and industry in a city-building interface, with an illustrated isometric city and colored metric indicators.10 Thumbnail: Education and institutions in a city-building interface, with an illustrated isometric city and colored metric indicators.11 Thumbnail: Public services in a city-building interface, with an illustrated isometric city and colored metric indicators.12 Thumbnail: Green spaces and environment in a city-building interface, with an illustrated isometric city and colored metric indicators.13 Thumbnail: Entertainment and culture in a city-building interface, with an illustrated isometric city and colored metric indicators.14 Thumbnail: Wellbeing and lifestyle in a city-building interface, with an illustrated isometric city and colored metric indicators.15 Thumbnail: Sports and recreation in a city-building interface, with an illustrated isometric city and colored metric indicators.16 Thumbnail: Advanced future projects in a city-building interface, with an illustrated isometric city and colored metric indicators.17 Thumbnail: A completion screen directs the visitor to the main display to see their result.18
VIEW 01 / 18

Start a city vision

A direct touch prompt introduces the city-building interface. The identity graphic has been removed from this native presentation copy.

City-game entry screen with a touch-to-start invitation, hand icon and concentric green and gold arcs.
The full entry artboard introduces the proposed city game through a clear touch prompt and concentric green-and-gold composition.
VIEW 02 / 18

The city-building brief

The mission introduces a city-building challenge balancing innovation, sustainability and citizen wellbeing.

A city-building mission screen with a single Continue action.
The mission introduces a city-building challenge balancing innovation, sustainability and citizen wellbeing.
VIEW 03 / 18

A guide to the city metrics

The instruction screen explains the six game metrics. Numbers and financial concepts are game content, not real forecasts.

A six-part visual guide to sustainability, wellbeing, investment, population, budget and time.
The instruction screen explains the six game metrics. Numbers and financial concepts are game content, not real forecasts.
VIEW 04 / 18

Name the city

The registration state asks for a player name and a city name; both fields remain empty.

An empty player-name and city-name form with a large on-screen keyboard.
The registration state asks for a player name and a city name; both fields remain empty.
VIEW 05 / 18

A starting point

A starting point: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

A starting point in a city-building interface, with an illustrated isometric city and colored metric indicators.
A starting point: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 06 / 18

Explore the city

Explore the city: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Explore the city in a city-building interface, with an illustrated isometric city and colored metric indicators.
Explore the city: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 07 / 18

Transport and infrastructure

Transport and infrastructure: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Transport and infrastructure in a city-building interface, with an illustrated isometric city and colored metric indicators.
Transport and infrastructure: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 08 / 18

Energy systems

Energy systems: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Energy systems in a city-building interface, with an illustrated isometric city and colored metric indicators.
Energy systems: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 09 / 18

Housing and urban planning

Housing and urban planning: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Housing and urban planning in a city-building interface, with an illustrated isometric city and colored metric indicators.
Housing and urban planning: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 10 / 18

Commerce and industry

Commerce and industry: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Commerce and industry in a city-building interface, with an illustrated isometric city and colored metric indicators.
Commerce and industry: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 11 / 18

Education and institutions

Education and institutions: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Education and institutions in a city-building interface, with an illustrated isometric city and colored metric indicators.
Education and institutions: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 12 / 18

Public services

Public services: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Public services in a city-building interface, with an illustrated isometric city and colored metric indicators.
Public services: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 13 / 18

Green spaces and environment

Green spaces and environment: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Green spaces and environment in a city-building interface, with an illustrated isometric city and colored metric indicators.
Green spaces and environment: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 14 / 18

Entertainment and culture

Entertainment and culture: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Entertainment and culture in a city-building interface, with an illustrated isometric city and colored metric indicators.
Entertainment and culture: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 15 / 18

Wellbeing and lifestyle

Wellbeing and lifestyle: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Wellbeing and lifestyle in a city-building interface, with an illustrated isometric city and colored metric indicators.
Wellbeing and lifestyle: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 16 / 18

Sports and recreation

Sports and recreation: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Sports and recreation in a city-building interface, with an illustrated isometric city and colored metric indicators.
Sports and recreation: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 17 / 18

Advanced future projects

Advanced future projects: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.

Advanced future projects in a city-building interface, with an illustrated isometric city and colored metric indicators.
Advanced future projects: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
VIEW 18 / 18

Complete the round

Completion transfers attention from the control screen to the shared display.

A completion screen directs the visitor to the main display to see their result.
Completion transfers attention from the control screen to the shared display.
04 / THE DETAILS

What brings
it together.

Structure, interaction and visual decisions that give the work its character.

Design decisions

  • Direct touch invitation
  • Green-and-gold styling
  • Detailed city follow-on screens

Project components

  • Vector artwork and screen layouts
  • Screen-state artwork
Production notes & credits

RoleUI concept, screen composition and interaction presentation; confirm illustration and development responsibilities.

AssetsThe city imagery, identity assets and national insignia require source credits. No original city modeling or finished simulation is claimed.

StatusOne selected game concept within a broader event collection; runtime and source-asset attribution pending.

Image notes

  • The full entry artboard introduces the proposed city game through a clear touch prompt and concentric green-and-gold composition.
  • The mission introduces a city-building challenge balancing innovation, sustainability and citizen wellbeing.
  • The instruction screen explains the six game metrics. Numbers and financial concepts are game content, not real forecasts.
  • The registration state asks for a player name and a city name; both fields remain empty.
  • A starting point: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Explore the city: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Transport and infrastructure: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Energy systems: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Housing and urban planning: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Commerce and industry: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Education and institutions: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Public services: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Green spaces and environment: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Entertainment and culture: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Wellbeing and lifestyle: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Sports and recreation: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Advanced future projects: saved game-interface artwork. The city illustration and asset icons are supplied components; displayed metrics are illustrative game values.
  • Completion transfers attention from the control screen to the shared display.
  • Private evidence draft. Individual contribution and permission to display remain pending. This is the opening UI component within the broader culture-event collection. Identity, type and touch-icon provenance remain subject to attribution. City imagery, geometry and simulation implementation are not shown or claimed by this export.
HAVE SOMETHING IN MIND?Let’s make it
an experience.