FC Forst
Club Website Relaunch
A new design
for a new website
I made it my personal mission to create a new club image that can hold its own against even the largest clubs from the first and second leagues.
New Design
The new fonts, clearer color guidelines, and subtle changes to the logo are elevating the club’s design to new heights.
Dynamic Content
All content is dynamically sourced from various places and categorizes to minimize the need for redundant content management.
Large Images
The use of large, high-quality images enhances visual appeal and helps to grab the attention of visitors.
Simplified Menus
To improve usability, the menus have been streamlined to give visitors faster access to the content they are looking for.
Responsive
DesignFor soccer clubs, it’s essential to be easily accessible on the go, as fans want to stay up-to-date with the latest results, read articles and learn more about the team. A significant focus of the changes in user experience was to optimize the interface for seamless adaptation between different screen sizes.
Adaptive Grid
All posts are displayed in a grid that is easily adaptable to different screen sizes by adjusting the number of columns.
Large Buttons
All buttons are large and easy to press with a finger, as well as clearly labeled with their intended function.
Filters
To reduce the need for scrolling through a large number of posts, filters were introduced that allow users to easily sort through the most important categories.
Space for Sponsors
A significant portion of the club’s income comes from sponsors, so it was essential to provide better visibility for their logos and ads on the website, while still keeping the main focus on the content.
Dynamic
Game resultsManually maintaining match results, league tables, and statistics for each team would be a monumental task for the volunteer members of the club. To alleviate this burden, I utilized an API from a regional soccer platform to load all important content dynamically and in real-time .
This allows visitors to access the latest match, a schedule of all past and future matches, league tables, and player statistics such as goals scored, red cards, and additional information.
Germanen
Cloud
Another crucial aspect of the relaunch was the integration of a locally hosted Nextcloud into the club’s operations. This enables active members to create and share documents, access their email, and manage calendars.
Additionally, the Nextcloud is connected to the CMS via oAuth 2.0, providing cross-platform access with a single account and a streamlined user management.