Discovery Phase

Steps in this phase are going to be:

  1. Designing trends 2015-2016
  2. Competitors analysis – create formal report of three contrasting websites, add screenshots and for’s and against’s.
  3. Persona
  4. Descriptive words
  5. Colour pallet/Theory of colour
  6. Style approach
  7. Mood board
  8. Target audience
  9. Branding

JointsWP – WordPress theme built with Foundation 6


This is a blank WordPress theme built with Foundation 6. It is a starter pack and not the final product therefore it requires a lot of work but it also makes it easier to join Foundation 6 with WordPress as this is already done for the user.

JointsWP instead of FoundationPress?

  • There are no special required tools to work with
  • Documentation
  • Support
  • Ability to decide what version to use – CSS/Sass
  • Easy to install

Foundation 6

Foundation 6 Illustration

Foundation 6 has been launched on 19th November 2015.

What is new?

  • 50% Code Reduction – half of the file size of Foundation 5
  • A11y Friendly – The Base for Fully Accessible Sites, it can be accessed from anywhere, any device and by anyone
  • Fewer Style Overrides – simpler CSS for easier modifying
  • Customizable Sass Grid – smarter Sass using to customize grids with any number of columns
  • ZURB Development Stack 
  • Motion UI – create motions easily with Sass library
  • and many more amazing features

(Research done at

All In One WordPress Security and Firewall Plugin

While doing research about security of plugins, this All In One WordPress Security and Firewall Plugin came along. It is written and designed by experts to keep WordPress websites even more secure than it already is.

Why it is a good plugin to have installed on any WordPress website

  1. Does not slow the site down
  2. It is free to use
  3. User account security
  4. User login security
  5. User registration security
  6. Database security – backing DB up manually or automatically
  7. File system security
  8. htaccess and wp-config.php File backup and restore
  9. Black list function – ability to block users by specific IP addresses
  10. Firewall functionality
  11. Brute force login attack prevention
  12. Whols lookup
  13. Security scanner
  14. Comment SPAM security
  15. Front-end text copy protection
  16. Regular updates and additions of new security features
  17. Works with most popular WordPress plugins
  18. Plugin support

Here is the video of how it all works –

Decision to use it

Decision to use this plugin for better security of the client website was made after research about functionality of this plugin. It has all features that are needed to add that bit of extra security to the website to prevent hacker attacks. Database back up is crucial feature of this plugin as it can be set up to automatic and administrator does not have to do it. Also, there is large security support of plugins and as my previous research showed, it is plugins that can do more harm to WordPress website than good so having them regularly scanned is the best thing to do.

(Research done:

Security risks of WordPress

This research was done to find out answers to specific questions to avoid future impact on the client’s website.

How to make WordPress websites more secure

  1. Automatic updates needed to make sure that the theme is secured.

  2. If not using plugins, delete them – they are reason why WordPress website can be insecure.

  3. If website gets hacked, there is the WordPress Security Team consisting of 25 experts including developers and security researchers – there is ability to contact them through email address; each security problem is taken seriously and is dealt with.

  4. Injection – there is set of functions and APIs that helps developers to make sure that content of websites cannot be injected. Also, administrators of websites can restrict types of files that can be uploaded. It is done through filters.

  5. Sensitive Data Exposure – every user account passwords are hashed with Portable PHP Password Hashing Framework. There is also permission system that is used to control access to certain type of information and restrict users in accessing them.

  6. If not using any theme, delete it.

  7. Also, administrators are notified if there is plugin update via dashboard. If there is vulnerability of plugin discovered by the WordPress Security Team, author of the plugin is contacted and they work together to fix it. If the author of plugin is not responding, the WordPress Security Team fix and update plugin directly.

WordPress has its own security processes, risks and solutions. Every problem is solved by their team of professionals so there is no worry about using this as CMS for the client project.

(Research was done:


Framework research – front end


Foundation 5 is the most advanced and responsive front-end framework that has mobile first approach but also takes into consideration other devices. It is built using HTML, CSS and JavaScript. It has large community of practice in case there is some kind problem in building process. Another positive thing about Foundation is that it is possible to combine this front-end framework with WordPress.

Reasons to use Foundation 5

  1. Easy to install and use
  2. Free to use
  3. Ability to use layouts
  4. Large community of practice and supporting material
  5. Ability to combine Foundation with WordPress
  6. Compatible with mobile/tablet – this is important feature as fans of the club use mostly mobile devices to communicate with the club

Another reason to use this theme is get a chance to learn how this framework works as it was meant to be used last year for the Ice Arena Website however, front-end framework changed at the end.

FoundationPress 5

Screen Shot 2015-10-16 at 15.07.27

This is starter theme built for WordPress with Foundation 5. It contains essentials that are needed for building any design. It is only starter pack to help designers so they do not have to do it from scratch but there is a lot of things that needs to be added to make final product.
There is also different already pre-built themes that can be used but for this project is going to be built using FoundationPress.

Foundation is the design of the site and WordPress generates the content – design and content are separate and that is why using these two frameworks together will work nicely for this project.


Frameworks research – back end

Researching most popular website building platforms in 2015 is needed to make sure that the right choice is made for building the website. Here is the picture of most popular website building platforms in 2015 and as you can see, half of the websites on the internet are built with WordPress. (Picture downloaded from:

Three most popular website building platforms in 2015:


Reasons to use WordPress

  1. Easy to use and install
  2. Free to use
  3. Different layouts for download
  4. Ability to use different plugins to improve website
  5. Responsivity
  6. Large community of practice

Decision to use WordPress as CMS for this project

The reason why decision to use WordPress as CMS for this project was made because of all already mentioned reasons above and also because the client is not advanced in using technology but is using Microsoft Word and Excel at daily basis at work. The research showed that people using Microsoft Word are able to use WordPress quite easily. This is probably the most suitable CMS for begginners in technology.

Also another reason is that the client require easy updates on events, achievements and stories which can be nicely done in form of the blog which WordPress provides for users.


First meeting with the client

At the first meeting with the client, questions such as

  1. What is the reason you need (want) a website? Is it because you need promotion? Or you need a better promotion to get more people in (expand the business)?
  2. What type of the website would you be looking for?
  3. What is priority (focus) in the club? Is it box or is your focus on different clubs such as Over 60’s Social Club etc. ?
  4. What type of clubs are provided for public?

were answered to find out what the client require for this project.

Respond from the client

Respond from the client: “Our main reason for a website would be to promote and publicise our community club. We are always looking to expand what we do, utilise our premises to its maximum capacity, and supply in general what the community demand. If we can publicise all the good work we do both in boxing and as a community hub, more interest will be gained and our members will be showcased with pride. We are a busy and vibrant club…lets shout about it and show off. It would also be great for informative reasons. We don’t need better promotion, but it would of course help ! I think primarily an informational website would be best. But with some source of contact so we can be reached through it. An easily editable one to update on events, achievements and stories.would be great. I don’t think we’d need a shop one as it would mean more management…and we are all volunteers who work full time. Maybe with scope for this for the future if possible. But its not a priority.
The club is primarily a boxing club. We have just expanded in the daytime to add extra facilities, so that the premises is utilised more. The priority is the boxing club. But if we could add a section somehow to show other things we host on a weekly basis, that would be fab. We have the community cafe open every weekday 9:00am – 1:00pm And we have the Over 60’s Social Club every Monday and Friday 1:00 – 4:00pm. That is currently it for regular extra stuff. Other things are periodic such as special event parties and boxing shows.”


This shows that the client needs informational website to promote what they do to attract more members (expand business). The client require having contact form on the website for users to contact the club through it and also easy update on events, achievements and stories. Considering the club’s main interest is box, the client is happy to have boxing website with some kind of link in the design to other activities they provide for public.