Case study · Websites

CAF

A website design for the Confederation of African Football.

View on Behance All work

CAF, live site on a device mockup
Client
Sport · Football
Platform
Website
Languages
English
Tools
Adobe XD · Illustrator · Photoshop
Behance
Published May 2023

The client

The Confederation of African Football (CAF) runs African football's competitions for men's, club, youth and women's football, across its member associations.

The challenge

Fans come for news, matches and competitions; members and partners come for the organisation. One home page had to serve both, and stay alive between tournaments.

Structure

  1. Latest CAF Newswith the matches beside it
  2. Highlights
  3. Africa Cup of Nationsthe tournament bracket
  4. CompetitionsMen · Clubs · Youth · Women
  5. Member Associationsby zone
  6. Development focus areasclub licensing · women's football · medical · refereeing
  7. Visual Stories
  8. CAF TV
  9. Sponsors · Follow us

The interface

A dark, energetic hero in the continent's colours, then a white, editorial page: news with live matches beside it, the tournament as a bracket, competitions as badges, and video at the end.

CAF: The CAF website on a laptop
The CAF website on a laptop
CAF: Colours and the home page: hero, latest news and matches
Colours and the home page: hero, latest news and matches
CAF: Highlights, the Africa Cup of Nations bracket and competitions
Highlights, the Africa Cup of Nations bracket and competitions
CAF: Member associations, development, visual stories and CAF TV
Member associations, development, visual stories and CAF TV

Delivery

Website design in Adobe XD, Illustrator and Photoshop.

Next case studyBusiNext