Friday 20 November 2015

Web Development: WordPress Website with Responsive Design for a Football Club

The Innowise Group web development team developed a responsive WordPress website for a football club to engage their fans.

We follow the best practices of web development, and our team is a go-to-team if you need a great website for your business. Check out the description of this project.

CHALLENGE


The objective of the project was to develop a website for a 2015/16 Premier League campaign of a professional football club. The website should engage football club fans and sports fans in general through a gaming section integrated with football statistics and a special section about the most famous and astonishing gaming moments in the history of the club (goals, assists, etc.).

In the section about famous moments there should be a voting mechanism for users to choose their favourite gaming moments.

The website should also strengthen the brand message of a logistics company which is an official partner of the football club. So, the gaming section for fans should be branded with the logo of the logistics company.

The Customer provided the following requirements: 

The website includes three main sections: gaming section, section about famous gaming moments, and a social feed;
The website has a responsive design and adapts to mobile devices;
WordPress CMS integration;
Integration of the 3rd party football statistics service Squawka;
Google Analytics integration.

SOLUTION


The Innowise Group Team implemented such functionality and features as:

1. Match countdown timer with CMS driven match title and a counter which provide the admin with the possibility to input the title and the starting date/time of the next match. The countdown timer counts down days, hours, and minutes left before the next match.

2. Gaming section with a “Play now” widget for a game, introductory text, and four content types (preview, review, statistics, and prizes):

  • Preview and review sections are separate WordPress pages. On desktop and tablet, by clicking on “Read full preview/review” the content of this pages is shown as an overlay page on the right side of the homepage. On mobile, a separate page with a header and footer is displayed; 
  • Statistics content is an image gallery in a form of a slider. By clicking on thumb image, its larger version appears as an overlay on the homepage;
  • Prizes content is a separate WordPress page. On the homepage there is an introduction panel with a video widget. The video can be enlarged as an overlay on the homepage. By clicking on the “Tell me more” button an overlay page with prizes content will appear on the right side of the homepage. On mobile, this opens a separate page with a header and footer. 

3. Section about the most famous gaming moments that includes up to 6 subcategories (for goals, passes, assists, etc.) and has voting functionality. Each subcategory has 4 states: “preview”, “voting”, “winner”, and “review”.

Subcategories can have two types of content: a gallery with images and video or a voting panel. Admin can add two options for users to vote for any of the options in each of 6 subcategories. User is allowed to vote only once. The plugin which allows one vote per IP address is used to achieve this.

4. Social media panel that consists of several Twitter feeds and has up to 3 columns depending on the screen width. It scales down to one column on mobile devices.

5. “Terms and Conditions” page. By clicking on the link in the footer, the page is shown as an overlay on the right side of the homepage.

RESULT


The Innowise Group Team has successfully and on time developed the website according to the Customer’s requirements. The website was thoroughly tested to achieve smooth and quick performance. It has seamless user experience on desktop, mobile, and tablet.

TECHNOLOGIES & TOOLS


Technologies & tools: Apache HTTP Server v2.0, DB MySQL v5.6, HTML/HTML5, CSS/CSS3, jQuery
Languages: PHP v5.6, JavaScript 1.3
CMS: WordPress 4.2

No comments :

Powered by Blogger.