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
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

ZENIT AND FUNC.

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
Zenit's content has a strong visual component, so we made the website's interface punchy and simple.
03

UPDATE OF VISUAL CONCEPT

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.
We achieved an optimal balance between text and image
Statistics are simplified and standardized
We adapted the website for all popular platforms. It is accessible via PC, tablet, or smartphone.
04

ADAPTIVE DESIGN

When we designed the cards, we considered how they would look on different devices.
;)
Questions?
Give us your contact information, and we'll contact you soon.