Zenit FC
digital ecosystem

05

11

2017

We made a major update to the structure and visual concept of the Zenit FC website focusing on events from the team's life, and included photo and video content.

DESIGN

ZENIT AND FUNC.

We are proud to have worked with Zenit for such a long time. This version of the club's website is our second collaboration.

Why now?

A modern website is a tool that helps to shape the whole culture around soccer events. Zenit produces a huge amount of unique content and everyone wants to participate. The time had come to give Zenit a new, modern profile and platform.

01

ZENIT AND FUNC.

After studying global sports marketing trends and our experience creating Zenit's mobile application, we decided that Zenit's website should become a news/media feed rather than merely a team website primarily focusing on games. And here is an article about that

02

To accomplish this task, we developed a flexible card system for various events.

News, cards about the games, and associated events

Articles, materials, interesting facts

Communication between fans and representatives of Zenit FC on the forum and in the comments section of the website

REDESIGN OF THE STRUCTURE

There are also special cards for Zenit store goods, and sponsor and partner banners for all types of social and media content. All cards are designed using a unified theme.

01

The news feed is structured such that the website can be maintained and updated quickly and easily.

02

Full-screen images and videos, large headlines, quotes from coaches and players - all carefully chosen and emphasized.

The game page is key. We present text and media in multiple styles and formats.

For video, photo, articles, and other media content, we developed cards that can be used in different situations.

Media focus

02

Spectacular images or screen captures from video fill the main page banner.

The site can be updated and modified in accordance with game times and other team-related events

UPDATE OF VISUAL CONCEPT

Zenit's content has a strong visual component, so we made the website's interface punchy and simple.

03

The main style elements remained the same, but their ratio changed.

Much of the content is shown as cards. We reduced the number of colors and graphics, and information is now presented in key blocks, highlighting what is important.

We chose fonts that allow for larger text and a clearer presentation, prioritizing certain information. Some graphic problems were solved by using a combination of fonts.