Evergreen FC website is a redesign and was built using a base WordPress theme which provided a scaffolding on which the site was created.
Twitter Bootstrap is also incorporated into the design so that the site is accessible and displays properly across multiple devices and screen sizes.
The website includes latest news snippet posts, pitch development appeal project video and call to action appeal button.
Evergreen FC are a soccer club based in Kilkenny City, Ireland. The club caters for schoolboys, schoolgirls and adult mens teams who all play in the Kilkenny District League. There is also an Academy which caters for kids up to the age of 10.
The club had an existing website which used a Wordpress theme that was designed specifically for sports clubs. Although it was functional the club felt that there was no life to the website which resulted in little interaction with it.
The brief was to develop a site that would cater for the varied needs of the club while at the same time displaying the spirit and sense of community that the club is built on. It was also very important that the website was responsive and would work across multiple devices.
- Latest News, Pitch Development Details, Club Sponsors
- Club History, Details & information
- Fixtures, Results & League tables
- Academy Details
- Club Shop
- Twitter Bootstrap
Important features on the website had to be solved to work correctly for showcasing details for Evergreen FC from the client brief. Using the Wireframe as a template standard, fonts, heading sizes, colors where chosen for the look and feel for the site. The flexnav menu was styled, animated and set to be fully responsive. CSS styling for responsive positioning of elements using @media queries. Post thumbnail sizes for posts on homepage where reset to smaller size. club sponsors logos where setup on the homepage.
The twitter feed was setup using api keys and integrated into the site styled for original unique twitter feed for Evergreen. The fixtures and results from an external source where integrated into the site using an iframe. The Contact details where set into bootstrap accordian for ease of access and responsiveness on mobile and tablet devices. The photo gallery was setup for images for Evergreen player awards and pitch development.
- Meetings with client
- Initial design sketches
- Wireframe page layouts for site
- Create page templates
- Develop content for the site
- CSS styling for design and responsiveness
- Set up and test email accounts for the site
- Usability and accessibility testing
- Testing responsiveness across browsers
Font combinations: Bebas Neue Bold and Montserrat.
Bebas Neue Bold was used for headings as a chunky font to match the main logo and also used for the main headline logo text. Montserrat was used for readablility for clear paragraphs to get the content across for details about Evergreen FC. It was also a clear font for the menu, posts, latest news, club contacts and twitter feed for the user to easily view at a glance for reading on large and small screens.