← All projectsDESIGN IN DETAIL / P311

Four Players, One Route.

A shared map with a distinct result moment.

Explore the story
Discipline
Design & UI
Perspective
Interface study
In this study
04 project views
A large countdown number overlays a venue route map.
Countdown: the route remains visible while a large numeral signals the start of the round.
01 / THE IDEA

A closer
look.

Make player positions and the finish state readable within the same visual system.

02 / DESIGN APPROACH

From intention
to experience.

A cyan route wraps the building plan toward a checkered marker. Colored pins match the position panel, while the result state dims the map around a central trophy.

01

Color-linked player markers

P311 is classified as a multi-project container. This visual record covers only the selected Marathon UI component and makes no whole-folder commission claim.

02

Perimeter route and finish

Pages 6 and 8 were selected as complete existing unbranded compositions and exported without changes.

03

Dimmed-map result state

A cyan route follows the perimeter of a simplified building plan and extends toward a checkered finish marker.

03 / THE VISUAL STORY

The work,
in full.

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

04 / PROJECT IMAGES

Select a view to explore.

Thumbnail: A large countdown number overlays a venue route map.01 Thumbnail: A large Start prompt overlays a green venue route map.02 Thumbnail: Cyan race route around a building plan with four color-coded player markers, a positions panel and checkered finish.03 Thumbnail: Dimmed route map with a red trophy and a Player 1 winner message.04
VIEW 01 / 04

Countdown

Countdown: the route remains visible while a large numeral signals the start of the round.

A large countdown number overlays a venue route map.
Countdown: the route remains visible while a large numeral signals the start of the round.
VIEW 02 / 04

Start cue

Start cue: the shared route becomes the stage for the four-player race. Existing venue labels are retained.

A large Start prompt overlays a green venue route map.
Start cue: the shared route becomes the stage for the four-player race. Existing venue labels are retained.
VIEW 03 / 04

Track the four players

Colored markers and a small positions panel keep all four participants legible on the shared route.

Cyan race route around a building plan with four color-coded player markers, a positions panel and checkered finish.
Selected Marathon UI artboard 6 only, within the wider P311 multi-project container. Other folder material is outside this visual record. Full native page retained unchanged. Private study; contribution, source-asset credits and public use remain pending.
VIEW 04 / 04

Celebrate the winner

The completion state uses a trophy and a large player label. This is saved interface artwork, not a recorded participant result.

Dimmed route map with a red trophy and a Player 1 winner message.
Selected Marathon UI artboard 8 only, within the wider P311 multi-project container. This is an interface result state, not an actual participant outcome. Full native page retained unchanged. Private study; contribution, source-asset credits and public use remain pending.
04 / THE DETAILS

What brings
it together.

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

Design decisions

  • Color-linked player markers
  • Perimeter route and finish
  • Dimmed-map result state

Project components

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

RoleConfirm map adaptation, interface layout, player-color system and result-state graphics separately from supplied site drawings, illustrations and software development.

AssetsThe building plan, grass texture, trophy and other visual elements require source attribution. Their presence in Illustrator does not prove original architectural modeling, illustration or game programming.

StatusPrivate study of one selected Marathon UI component within the P311 multi-project container. Native UI states reviewed; player tracking, timing, map accuracy and delivery unverified.

Image notes

  • Countdown: the route remains visible while a large numeral signals the start of the round.
  • Start cue: the shared route becomes the stage for the four-player race. Existing venue labels are retained.
  • Selected Marathon UI artboard 6 only, within the wider P311 multi-project container. Other folder material is outside this visual record. Full native page retained unchanged. Private study; contribution, source-asset credits and public use remain pending.
  • Selected Marathon UI artboard 8 only, within the wider P311 multi-project container. This is an interface result state, not an actual participant outcome. Full native page retained unchanged. Private study; contribution, source-asset credits and public use remain pending.
HAVE SOMETHING IN MIND?Let’s make it
an experience.