Boost conversion — from $299

The football club website redesign

FC Kharkiv (formerly Metalist 1925) is a professional Ukrainian football club from Kharkiv with a large fan community, a women’s team, and a youth academy.

Before the project, the club’s digital services were spread across several separate resources — the corporate website, fan shop, fan club, and other platforms, each with its own user flow. Together with the Linecore team, we won the tender to create a single digital ecosystem that would bring all the club’s fan touchpoints together in one product.

The redesign resulted in 700+ UX/UI screens.

Goals and Challenges

  • Bring all the club’s digital products into one platform;
  • Create a unified information architecture for different types of content and services;
  • Address the needs of fans, players, journalists, academy members, and club staff;
  • Design navigation for a large-scale digital ecosystem;
  • Integrate eCommerce, ticket sales, and a loyalty program;
  • Make the website the main point of interaction between the club and its community.

Homepage and navigation for every service and every audience

  • We built an information architecture that brought the club's scattered services into one navigation system, replacing several separate sites, from teams and stats to the academy, fan shop, and corporate information;
  • Services are linked to each other: from a match, users can jump straight to tickets or merch; from a player profile page, to stats and matches; and so on, without ever needing to go back to the homepage for the next step;
  • Social media channels, including YouTube and Facebook, and sponsors sit right in the header instead of being hidden or minimized, since the goal is to grow the community. This gives sponsors steady visibility on every page and helps the club grow its presence across channels.

Search in one step: players, matches, shop, news

  • Global search works across all content types at once. As soon as a user starts typing, they get instant results grouped by category with match counts (Players, Matches, Shop, News), plus a preview of the two latest news items alongside.
  • When there are no matches, the instant results show "No results found for your search" with a suggestion to remove extra characters. On the full results page, the system suggests refining the search or checking the latest news, so even an unsuccessful search does not have to end the journey.

Team in detail: roster, staff, and every player's stats

  • The Teams section covers not just the player roster. It includes coaching, medical, and administrative staff, match schedules, statistics, and league tables. Each subsection has its own homepage with links to individual team member profiles and other club services.
  • Most pages in this section, whether it's a profile, calendar, schedule, standings, or stats, ends with the same two blocks: latest news and the fan shop. Even a fan who came just to check one player's stats is one click away from the news feed or a purchase. This keeps both engagement and commerce within easy reach throughout the section.

News and Match Center: everything around a game — before, during, and after

News isn't just a feed, it's a filtered system: categories (Biography, Transfers, Players, Club, and more), four sort options (alphabetical, newest first, most popular, and by date), and a search that works by topic or by person. Articles carry a full comment system with replies and likes, and the club's official account responds to users directly in the threads instead of through a separate channel.

The match center is built around five tabs that follow the timeline of a game:

  • Preview (team form, stadium, head-to-head history, kickoff time, broadcast, buy-a-ticket, predict-the-lineup, or jump into a Guestbook discussion on Telegram);
  • Lineups (both teams' tactical setup on a visual pitch, followed by the starting and bench lineups with substitution times, and the referee team);
  • Live (a minute-by-minute text coverage with event-specific icons for goals, cards, substitutions, and the final whistle, plus likes for individual updates);
  • Stats (shots and shots on target, corners, fouls, offsides, cautions, plus a separate breakdown of goals and cards by minute);

Media Center: photos, video, and the club's everyday life

A football club's life doesn't fit into news alone. So we brought photos and videos together into a dedicated media library with filtering by format and individual pages for each item. Media content is also woven into news, the match center, player profiles, and team pages, so it never exists apart from the rest of the platform.

No items found.

Fan Zone and Guestbook: the fan community, predictions, and live conversation

  • Several engagement mechanics work side by side in the Fan Zone:
  • Predictions come in two forms: "Guess the Lineup" (pick 11 players before a match, then see the result, matches, misses, and points afterward) and "Prediction Contest" (guess the score, with results feeding a public season leaderboard), both with a history of past attempts.
  • The Guestbook works as a space to talk: posts, comments, search by topic, a leaderboard for the most active users, and personal profiles with badges, stats, and activity history.

Academy: from the first pass to the big game

  • For the Academy, we reused the same "mini-site within the site" logic: separate pages for academies in different cities, and for each age group, its own profile with roster, coaching staff, news, and media. This kept the navigation consistent and made the whole section easier to maintain.
  • The recruitment page was designed around how parents actually search for information. Instead of a single sign-up form, it's a directory organized by the child's birth year, with a coach's contact for each age, selection criteria, and a way to apply.

The Club: history, brand, and everything behind the badge

The Club section brings together the platform's corporate side: history, management, stadiums, contacts, and the brand book. Club executives have individual profiles with biographies, news, and media, while contacts are organized by department, from the press office to the youth academy.

Each of the two home stadiums got its own mini-hub with interactive seating maps, panoramas, stadium rules, media zones, and an accreditation form. Reflecting the realities of life in Ukraine, the maps also mark the location of bomb shelters.

The brand book became a full brand center, with downloadable files, identity guidelines, and recommendations for partners and media.

Personal Account: order history and loyalty program in one place

The personal account brings together order history, favorites, accreditation requests for journalists, the ability to upload user-generated content, and a personal PASS ID and season pass, both with a QR code.

The loyalty program's rules were moved to their own section of the site, while the personal account focuses on personal data: bonus balance, points history, and progress toward the next tier. This keeps reference information separate from the user's everyday scenarios.

Fan Shop and Tickets: from a scarf to a season pass

The Fan Shop was designed as a full-fledged online store, with every page and feature of modern eCommerce, built on behavioral data and a focus on usability, not just a product catalog.

We also mapped out the entire ticket-buying journey: from an interactive stadium map and season passes to booking a seat on the bus for away matches.

Every purchase, whether it's merch, tickets, exclusive-lot club auctions, or passes, goes through a single cart and checkout.

Results

  • 700+ UX/UI screens for desktop and mobile, covering every one of the club's digital products;
  • Services from the corporate site and match center to the fan shop brought into one system with unified navigation, interaction logic, and user experience;
  • Light and dark interface themes, adapted to different use cases and the club's brand;
  • A detailed UI Kit (design system) that lets the product grow quickly without losing visual consistency;
  • A full club rebrand mid-project: after the name changed from "Metalist 1925" to "FC Kharkiv," we updated the brand elements and content while keeping the entire architecture, components, and user scenarios intact;
  • Delivered jointly with the Linecore team, who handled the platform's ongoing development and integration.

Write to our UX design agency, 
and we'll get back to you soon

Write to our UX design agency, and we'll get back to you soon
+1

Message received! Check your inbox — we'll send you a link to schedule a call with our team.

Send one more message
Doublecheck your form data please