Website for the Football Club "Mriya-Hostomel"

Development of a multi-page website for the "Mriya" Football Club — a sports team created to support displaced persons and foster socialization through sports. The site is designed to provide easy access to important information, attract new members, and enable interactive engagement with fans through exclusive club member features.

Internet portal of the football club 'Mriya-Hostomel' displayed on a laptop screen

Key Information

icon

Client

The "Mriya" Football Club brings together people who have been displaced due to the war. The club's primary goal is to support these individuals through sports, help them adapt to new environments, and create a community where everyone can find support and opportunities for growth.

An important aspect of the club is its membership, which allows members to influence decision-making and actively participate in the club's activities. Members can rate players through a Telegram bot, participate in voting, and enjoy exclusive privileges.

icon

Task

We were tasked with developing a multi-page website featuring essential functional blocks such as club news, matches, tournament tables, photo galleries, and player and coach profiles.

Project Goals:
● Develop the website on the WordPress platform.
● Attract new members and actively engage them in club management via the website and Telegram bot integration.
● Provide a user-friendly and intuitive interface for players, coaches, fans, and club members.

Prototyping

The prototyping process included several stages:
● Research and Competitor Analysis: We analyzed websites of major football clubs and found that most existing solutions did not meet modern standards for usability and interactivity.

● Defining Functionality: Based on the analysis, we identified the necessary functional blocks for the site: match calendar, tournament table, player profiles, photo gallery, club news, and match pages.

● Creating an Initial Prototype: We developed the basic structures for key pages (homepage, news, matches, team) to understand how content and users would interact on the site.

● Refining the Prototype: After approving the general structure, we created a more detailed prototype, including navigation elements, button placement, page transitions, and interactive features to enhance site usability.

Illustration of the design stage for the football club 'Mriya-Hostomel' website
Prototype of the football club 'Mriya-Hostomel' website with multiple pages

Design

The website design features the club's signature colors—black and red—with red accents to draw attention to key elements such as buttons, banners highlighting membership, and pricing plans.

The site is fully responsive, with a strong focus on the mobile version, as many club members interact with the website via mobile devices. Additionally, subtle animations enhance the user experience.

Mobile version design of the football club 'Mriya-Hostomel' website
Homepage of the football club 'Mriya-Hostomel' website — first screen
News page of the football club 'Mriya-Hostomel' websit
Player profile page of the football club 'Mriya-Hostomel' website
Mobile version of the 'Mriya-Hostomel' website — three different pages in one screenshot
Mobile version of the news page of the 'Mriya-Hostomel' website
Mobile version of the player profile page of the 'Mriya-Hostomel' website

Website Development on WordPress

Interactive Elements and Functionality

The website features a range of interactive elements that allow fans to immerse themselves in the club's activities and actively engage with its community. Key functionalities, such as the tournament table, match calendar, and detailed player and team statistics, create the impression of a "live" site that constantly updates and reacts to sports events.

Implementation Challenges:
Data Synchronization: To ensure information is up-to-date, the site integrates with various data sources (matches, results, rankings), requiring a complex API structure and regular updates.
Plugins for Automated Content: To eliminate manual data entry, interactive blocks utilize specialized plugins or custom scripts that automatically pull information from external sports databases.

Interactive features of the 'Mriya-Hostomel' website — tournament table, match calendar, player statistics
icon

Additional Services

● Implementation of animations to enhance navigation.
● SEO optimization for internal content.
● Integration of an analytics system to track user behavior.
● Development of interactive elements to engage club members in management.

icon

Result

● Створений сучасний багатофункціональний сайт, що повністю відповідає вимогам футбольного клубу.● Інтуїтивно зрозумілий інтерфейс для користувачів та членів клубу.● Інтерактивна турнірна таблиця та календар матчів.● Сайт адаптовано для всіх популярних екранів, з великим акцентом на мобільний досвід.

Response

Screenshot from the Network Telegram chat of the BOARD business community

I hope the chat moderators won’t mind :), if I take a moment to thank Yevhen Zapara @eugenezapara and his team at Beegom. Of course, it’s thanks to the BOARD business community that I was fortunate enough to meet such an incredible partner and establish a strong collaboration.

With their professional and high-quality assistance, we successfully implemented several important projects:

• Rebranding of our company and the creation of the website www.dbai.company
• Developed the website for the charity fund 'Restovrator. Potato Army' www.restovrator.com
• Built the website for the world’s first football club composed of displaced people from occupied territories, Mriya Hostomel www.fc-mriya.com.ua

From the very first meeting, it was clear that Yevhen has a powerful professional team, and he himself possesses outstanding soft skills (which immediately impressed me). Each project was executed with utmost quality: all our requests were considered, and the final results always met our expectations.

Grateful to Yevhen and his team for their contribution to our projects and to the BOARD community for providing the opportunity to find such exceptional partners for collaboration!

Oleksandr Volynchuk

Screenshot from the Network Telegram chat of the BOARD business community showcasing active discussions and professional networking opportunities
contacts

Contact us to discuss solutions that deliver results

Start with a free 30-minute meeting