Work / Qarabağ FK

Qarabağ FK

The official website of Azerbaijan's most successful football club. Designed in Figma around the crest's navy and gold, built mobile first, with fixtures, standings and player numbers edited from one admin panel.

Client
Qarabağ FK
Work
UI/UX, development, SEO
Year
2026
Live
qarabagh.com
Qarabağ poster: match photograph in navy and cream with the club name set huge across the bottom

Before and after.

The old home page in June 2026, next to the live site in September 2026. The old template ran on 2018-era libraries and left its meta description empty.

The old home page, a faded slideshow with broken thumbnails, next to the new home page with match photography and news cards

Navy and gold, straight from the crest.

Visby CF sets the headlines and Gilroy the reading. Both carry every Azerbaijani letter.

The Qarabağ crest, Visby CF and Gilroy type specimens with Azerbaijani letters, and swatches in navy, crest gold and cream

The whole home page.

Match calendar, tickets, app, news, video, academy, league table, squad, trophies, kit shop and sponsors, top to bottom.

The full home page split into three columns: hero, fixtures, tickets, app, news, video, academy, league table, squad, trophies, kit shop, sponsors and footer

Numbers first, slideshow second.

Every squad member has a page with season stats and a shirt link to the club shop: 98 games, 18 goals and 24 assists for Kady Borges.

Shirt number 20 set huge in gold beside Kady Borges' profile page on a phone

Six competitions. One table.

Premier League, Cup, Champions League, Europa League, Conference League and friendlies, filtered by season, with the next match on the calendar.

The standings page on desktop with the match calendar on a phone in front of it

Built mobile first.

Home, calendar, squad and player pages were designed for the phone before the desktop.

Four phones showing the home page, match calendar, squad list and a player profile

Search engines finally get an answer.

Left, the old page head with an empty description. Right, the new one: a written description, Open Graph cards, hreflang for Azerbaijani and English, and JSON-LD for every player.

The old page head with an empty description next to the new head with a description, Open Graph tags, hreflang and JSON-LD for a player
The Qarabağ crest above qarabagh.com

Next project

Got something better?

Let's make it.