WORK INDEX

CASE STUDY / 02

Galactico11

ONLINE
ROLEPRODUCT / UI/UX / FULL STACK
CATEGORYWEB APPLICATION / FOOTBALL
YEAR2026
02 / Galactico11UX / UI / DEVELOPMENTSCROLL TO INSPECT

Overview

Galactico11 is an exploration of football tactics, squad construction, player profiles, and match decision making through an interactive web application.

Context

The product treats football knowledge as a connected system of roles, relationships, strengths, weaknesses, and match situations.

Problem

Many football games reduce players and tactical decisions to a small collection of ratings. Galactico11 is designed around the idea that football decisions should make sense because of roles, tactical relationships, strengths, weaknesses, and match situations.

PROBLEM STATEMENT / 001How might the interface make a complex system feel direct, legible, and satisfying to use?

UX Thinking

The interface needs to communicate complicated football information without making the user feel like they are operating a spreadsheet. Tactical choices should remain understandable and connected to what happens on the pitch.

User Flow

A manager reviews the squad, compares roles, shapes a plan, makes a match decision, and reads the result through the relationships on the pitch.

01ENTRY
02ORIENT
03SELECT
04ACTION
05RESULT

Wireframes

The structure gives squad information, tactical controls, and match context clear zones so decisions can be scanned before they are made.

Visual Design

The visual language combines information-dense panels with a pitch-inspired spatial layer, keeping data readable without flattening the character of the product.

PRIMARY#5bd5ff
SURFACE#0B0E16
TYPE#EEF1F6

Interaction Design

Selection, comparison, and tactical changes are designed as connected actions so the user can understand why a choice matters before committing to it.

REST01 / 120MS
FOCUS02 / 120MS
SELECT03 / 120MS

Development

The project combines frontend interaction, structured football data, application state, backend services, and a match system designed around football phases and tactical reasoning.

01component.interface()READY
02responsive.layout()READY
03data.connect()STAGED

Technical Architecture

The application separates football data, squad state, tactical decisions, and match resolution so the rules can grow without making the interface opaque.

Challenges

The challenge is presenting a large tactical model in a way that still feels like football rather than a spreadsheet of isolated numbers.

Result

Galactico11 is a product direction for exploring football decisions through roles, relationships, and match context.

END OF CASE02

What I Learned

Domain-heavy interfaces work best when each data point is connected to a decision the user can understand.

Future Improvements

Future work can expand match situations, squad planning depth, and the ways users compare tactical alternatives.

NEXT CASE / 03

The Front Office