View the site
Next projectVoeux 2024
Visuel Starting point du projet Major CS2
Visuel Starting point du projet Major CS2
Visuel Starting point du projet Major CS2
Visuel The challenge du projet Major CS2
Visuel The challenge du projet Major CS2
Visuel The challenge du projet Major CS2
Visuel Process & Decisions du projet Major CS2
Visuel Process & Decisions du projet Major CS2
Visuel Process & Decisions du projet Major CS2
Visuel Execution du projet Major CS2
Visuel Execution du projet Major CS2
Visuel Execution du projet Major CS2

Détails du projet

Starting point

The context was especially strong: after the move from CS:GO to Counter-Strike 2, the first Major on the new game was expected as a historic event for the esports scene. The Copenhagen Major (PGL Major Copenhagen) marked a real turning point for the community, the players and the teams. We wanted to create a web showcase that captures this symbolic weight, beyond a simple information site.

Visuel 1 Starting point du projet Major CS2Visuel 2 Starting point du projet Major CS2Visuel 3 Starting point du projet Major CS2

The challenge

The idea was to translate the competitive intensity of Counter-Strike into an immersive editorial interface. Sometimes dense content (teams, players, stats, tournament context) had to be made readable, while keeping a strong art direction. The project also served as a testing ground for advanced visual effects and real-time interactions.

Visuel 1 The challenge du projet Major CS2Visuel 2 The challenge du projet Major CS2Visuel 3 The challenge du projet Major CS2

Process & Decisions

We structured the experience around several narrative blocks: an introduction to the Major, a look at the teams and players, and a focus on iconic elements of the game. The research phase was central to selecting solid references and adapting them to the project. That is how we developed player cards inspired by collectible cards, a smoke render referencing the game's smokes, and a visual progression designed to follow the scroll.

Visuel 1 Process & Decisions du projet Major CS2Visuel 2 Process & Decisions du projet Major CS2Visuel 3 Process & Decisions du projet Major CS2

Execution

Technically, I mainly contributed front-end interactivity and visual effects: a 3D CSS effect on the player slider, JS/CSS hover animations, the integration of an animated 3D knife model on scroll, and work on the smoke render. The result is visually strong and consistent with the CS2 universe.

The prototype's acknowledged limits are the smoke simulation's performance on modest machines and the lack of a fully usable mobile version, for lack of time on this iteration.

Visuel 1 Execution du projet Major CS2Visuel 2 Execution du projet Major CS2Visuel 3 Execution du projet Major CS2

A project like this one?

Try me for 3 days at a fixed price on a component or a pitch prototype: not invoiced if the result doesn't work for you. Reply within 72h.

See offers and rates