Project Description

Custom WordPress Website

Programming – WordPress V2.0 2017

Technical Information

Languages Used:

  • Custom WordPress Website

Plugins Added/ Used:

  • Jetpack

  • All-In-One WP Migration

  • Contact Form 7

  • Custom Post Type Widget

  • Header and Footer Scripts Inserter

  • Ninja Forms

  • Page Builder by SiteOrigin

  • TinyMCE Advanced

  • Visual Side Box Builder

  • WooCommerce

  • WooCommerce PayPal Express Checkout Gateway

  • WP Clone by WP Academy

Software Programs Used:

  • Chrome Developer

Role:

WordPress Developer

Date:

January 2017 – May 2017

Client:

MDIA 2003 | Project 1 | Wim Teuling

British Columbia Institute of Technology | Digital Design and Development Diploma

Introduction

I decided to recreate Pecian Manufacturing website for one of my project’s while studying the Digital Design and Development at BCIT in my project 1 class. They needed their website more modern and up-to-date because they were missing the essential part which was showcasing their products and having a WooCommerce set up. Their company produces products for the police, customized handbags and various customization’s for people in the entertainment industry. They were also looking to upgrade the design of their website. This meant making sure that ever page is consistent and modern.

Process

After creating prototypes for the website and knowing how the layout would look on all pages, I began setting up the pages on WordPress. I used “Pages” because it is better for SEO purposes. Since all pages were generally static pages fit perfectly for what I needed to do to help improve their site.

I first looked for a general template called Athena. Then I customized the entire layout to that in order to get the end result I was looking for. This meant adding additional CSS lines of code or going into the Theme’s pre-made code and altering them.

Along the way I had to install various plugins. The main plugin that need to be installed was WooCommerce and Ninja Forms. It was important to display the products with the right category, tag, SEO, Price, SKU number and if the product was in-stock or not.

Pecian Manufacturing User Interface and User Experience Design | Monika Szucs
Pecian Manufacturing User Interface and User Experience Design | Monika Szucs

Solution

In the end I was able to create a WordPress website that allowed users to look through the various products and add to their shopping cart. This is important for anyone who wants to buy any products from Pecian Manufacturing. The SEO plugin helped a lot in making sure that tags added would provide good social promotion, put themselves ahead of the competition, and to improve user experience.