Paris
Saint-Germain
ABOUT THE PROJECT
PSG, connected in real time.
The official Paris Saint-Germain website, in its original version, was limited to showing static information: news, schedule, and results, with no kind of real-time support for the fan. There was no way to follow a live match from the site, or to stay up to date with the club's activity without actively searching for it, and the visual proposal didn't reflect the scale of a club like PSG either. This proposal puts forward a complete visual rebranding and the design of seven new features meant to accompany the fan before, during, and after each match, extending the connection with the club beyond the website through a browser extension and a mobile widget. The work included a full UX and UI redesign, with prototyping on my part to shape this rebranding proposal.
ROLE
Product Designer, Creative
TOOLS
Figma & After Effects
SKILLS
User Research, Task Flows, Benchmarking, Prototyping, Information architecture, Usability Testing, Interaction Design, Design System
01
UX: From static to live.
Rethinking the site's architecture so it accompanies the fan before, during, and after each match.
I identified that the original site worked as a static information showcase — news, schedule, and results — with no kind of real-time support for the fan. Based on that diagnosis, it was decided to add new features, and I designed the information architecture and flows for each of them, with three key moments of the experience in mind: before, during, and after each match.
02
Dynamism in every feature.
Each feature responds to a different moment in the fan's experience.
Dynamic banner with top news story.
Gives the homepage an always up-to-date entry point featuring the club's most relevant news.
Animated cards with related content.
Invites fans to keep exploring club content without leaving the homepage.
Dynamic match calendar.
Clearly shows the previous result, the next featured match, and the following fixture.
Live counter and visual feedback.
Gives navigation a more polished and responsive feel.
Match day banner with floating countdown.
Accompanies the fan with the match preview and direct access to the live broadcast.
Browser extension and mobile widget.
Extends the experience beyond the site, letting fans follow the score while on other tabs or apps.
Minute-by-minute tracking and match summary.
Keeps the fan updated on every match event in real time, celebrating key moments.
03
UI: More visual impact.
Keeping the club's identity, rethinking how it communicates visually.
I kept the club's colors, typography, and brand guidelines, but rethought how it communicated visually to the user: the original design was too basic for the level of visual impact design has in football today. I worked on every photo, every card, and every UI component to achieve a more modern and attractive visual experience, without losing PSG's identity.
RESULTS
An always-active experience.
The site stopped being a showcase and became an active companion for the fan.
The proposal transformed the site from a static information showcase into an active companion to the fan's experience, extending the connection with the club beyond a one-off visit to the site. The features designed all pointed toward the same goal: making sure the user never loses touch with what's happening with PSG, wherever they are.