FC25 Ultimate Team Wrapped : A Year of Football, Designed by Me
The Backstory — From the thought to the Prototype
I’m a designer — but when I’m not in Figma, I’m probably grinding Rivals , sweating it out in Weekend League, or running the FUTMARKET 😉. I have been playing FIFA since FIFA 07 with my brother, but it wasn’t until FIFA 22 that I touched the online scene: and not until late into FUT 23 that I dove into Ultimate Team.
That changed everything. By FC24, I was fully in — rivals, champs, SBCs, swapping tactics. And by FC25, it became my default post-work escape — the thing I played to unwind between design sprints.
Then it hit me:
While other gamers post throwbacks videos or imges from 2015 FUT teams found in archives, I couldn’t remember who I packed 3 months ago. "Did I really pack JayZ on the first day of thunderstruck this cycle? What was my best rank this year? What formation worked best ? " I knew I had played a wild amount, but there was no way to look back and see the journey.
I thought : Why doesn’t Ultimate Team have a Wrapped?
Like Spotify Wrapped — but for Ultimate Team. That was my spark.
The Problem — No Way to Look Back
FIFA Ultimate Team is one of the most data-rich, emotionally driven gaming experiences out there. Yet :
• There’s no timeline or stats dashboard to reflect your year in play. (Yeah we are not counting the WL record in stadiums)
• Users have no visibility into their journey — no visual memory of teams, ranks, packs, or progress.
• Even with the same EA account for years, there’s no way to revisit your FUT history.
So I asked myself:
• What if there was a personal, immersive, end-of-year wrap-up just for you?
• What if you could relive your FC25 journey like PS Wrapped/Spotify Wrapped?
🎥 Watch the Full Walkthrough
See the full FC25 Wrapped concept in motion — from wrapped page to the final shareable summary. All in my YouTube video walkthrough. I go screen-by-screen, breaking down design choices, thought process, and UX flows.
▶ Or Interact with the Live Prototype
Explore the FC25 Wrapped experience yourself in my interactive Figma prototype. Click link above tonavigate the screens, test the flows, and see the details up close.
The Challenge — Make It Personal, Shareable, and Futuristic
I didn’t want to just build a stat viewer — this needed to feel like a full experience.
FC25 Wrapped had to be:
• 🖥️ Web-first: Designed as a responsive web app experience, inspired by the FC companion web app (yeah i'm a web app merchant). I envisioned this being something you’d view on your browser or desktop just like PS wrapped another inspiration of mine — like a trophy room you’d want to revisit.
• 📱 Mobile-adaptable: Styled like the EA FC Companion App, with a compact view that still captured the magic on smaller screens. The mobile version wasn’t just an afterthought — it was crafted to feel native and engaging.
• Insightful: Not just data — but personal storytelling. Each screen reflects your FUT journey across the year.
• Shareable: Designed with flex-worthy visuals and social media hooks in mind.
• Modular: Built like a real product — flexible enough to evolve, scale, or even be integrated officially (looking at you, EA 👀).
In the end, I imagine this could live anywhere : web, mobile, maybe even on your console — but for now, this design focuses on delivering a polished web-first experience with a mobile companion adaptation.
UX Strategy & Flow Breakdown
I built FC25 Wrapped like a narrative. Not just a dashboard ; a scrollable, shareable story.
It opens with a bold, celebratory landing page that feels like a digital trophy room. Once inside, players relive their year through themed modules — from grind stats to market wins, tactical identity, and pack luck. Each section focuses on a core aspect of the Ultimate Team experience.
The flow moves from year-long performance stats and tactical DNA to the emotional highs of pack luck and SBC grinds. Screens like Power Club, Starting XI, and Customization showcase the identity players built over the season, while Achievements highlight moments like longest win streaks or Weekend League highs.
It all ends with a Wrapped Summary — a visual highlight reel and a social CTA: Share Your Wrapped.
Think of it like Spotify Wrapped — but built for Ultimate Team nerds.
📸 Gallery — The FC25 Wrapped Experience
Here’s a visual scroll-through of some of the key screens, designed for both web and mobile. From tactical identity to pack luck, every module is crafted to feel like your personal FUT trophy room.
Mobile Companion App
FC25 Wrapped isn’t just for the browser. I also designed a mobile companion app version, styled like the EA FC Companion App. The compact layout still delivers the same storytelling impact, optimized for smaller screens.Whether you’re revisiting your best packs or flexing your stats in a WhatsApp group, the mobile experience makes it quick and shareable.
Closing Thoughts
This project blends my love for interaction design, storytelling, and creating experiences that feel both functional and emotional.
Whether it’s for gaming, e-commerce, productivity, or entirely new spaces, my approach stays the same:
• Understand the audience deeply
• Build around their journey and emotions
• Deliver an experience that’s worth remembering
💬 Got a product idea, app concept, or digital experience you want to bring to life? Let’s talk — I design thoughtful, user-focused experiences from concept to launch.
Telscare : Designing the Most Robust Healthtech Platform I’ve Ever Led
As the Product Design Lead on this multi-role healthtech product, and it changed how I think about product design forever.
• Over 10 user roles.
• Built the design system from scratch.
• Dashboards. Referrals. Nurse tools. Admin control panels.
Patient chat. Lab & pharmacy flows.
• Even shipped an AI chatbot for triage and medical intent detection.
It was a 6-month sprint, and easily the most complex product I’ve owned end-to-end. From research to strategy to launch prep.
If you want a deeper dive into the workflows, check out the full case study 👇.
AI-Powered Candidate Preparation :
Enhancing Interview Confidence Through Intelligent Practice
The job interview process can be intimidating, especially when facing AI-driven assessments. This project introduces an AI-powered candidate preparation tool designed to help job seekers practice real-world AI interviews, receive instant feedback, and improve their confidence.
Knextt: A roster scheduling and task management mobile and web application
The intention is to build a scalable application with the ability to serve as many rosters and rotating responsibilities as required. However, for the MVP, we will be focusing on students and roommates before we deploy more features later on. In the near future, we want to become the go-to roster management application for individuals and enterprises.
Coming soon 🚧🚧. But you can view a mini prototype here.
FC25 Ultimate Team Wrapped : UX & Product Design Case Study
I’ve always loved Ultimate Team, so I thought — why does it not have a “Wrapped” experience?
This is a personal concept — from the idea, to the design, to the final responsive build. It’s a love letter to the game and the community, showing how your biggest stats, highlights, and moments could be turned into an interactive year-in-review.
From research to responsive design, this case study explores how I transformed raw player data into an engaging, shareable, multi-platform experience.
EmoSync: Your Emotional Wellness Companion
EmoSync is a personal emotional wellness app designed to help users reflect, recharge, and grow. The app integrates personalized journaling, mood tracking, and mindfulness exercises, creating a holistic approach to emotional health.The goal is to make emotional well-being accessible, non-judgmental, and actionable for everyone. Starting with an MVP that focuses on simple daily check-ins and guided mindfulness, EmoSync aims to evolve into the ultimate companion for emotional self-discovery and growth.
CABSPM Tool Redesign
Our client, a Healthcare Agency, currently uses a project management tool developed by Anchor Group called "CABS Project Management" to manage their projects.
However, user feedback implies that the tool is not entirely user-friendly and can be difficult to use. As the UX Designer i performed a thorough UX audit and implemented a redesign of the existing system which made it a more intuitive and user-friendly system as explained in the case study.
RareSight : Bold Fashion Meets Seamless Design
A high-energy, statement-driven fashion website created for trendsetters and style enthusiasts. From fresh drops to iconic vibes, RareSight brings personality to every click. Designed in collaboration, this project combines vibrant visuals with smooth navigation, ready to “see beyond the ordinary.” 🚧 Launching soon!
RentEasy : Real Estate App for Home Owners and Renters
An intuitive real estate app designed to make finding a home as easy as scrolling. From onboarding to property browsing, RentEasy connects homeowners with renters seamlessly. This concept project combines sleek UI with user-centered design, ready for future expansion.
Anchorwise Survey Tool
AnchorWise is a SaaS survey tool. The application allows users to create and publish surveys to the public via several methods. It allows users to collect responses, manage participants, collect responses, generate statistics, and export responses to be analysed.
Crippy Mobile Application
Crippy is a mobile application designed to eliminate the ambiguity in the cryptosphere enabling users to trade, transfer or receive crypto via respective wallets with ease, it also facilitates frictionless use of digital currency.
TicketR: Ticketing Mobile App
TicketR is a mobile ticketing app designed to make it easy for users to purchase and manage tickets for a variety of events, including concerts, sporting events, and theater performances.
