It’s finally done. I am so proud to share with you the redesign of Artiatesia Deal – the website. In this site design case study, I will share with you the creative design progress that I took in creating my business site on the WordPress platform along with one of the most popular WordPress related tools.
I decided to reopen my virtual assistance business towards the end of 2018. However, the website needed some work. Since I’m a lifetime fan of StudioPress, I went to their website to search for the right theme. The theme I first picked was Infinity Pro (aff link) because it looked cool and is on trend. I abandoned the idea after getting frustrated. I like to customize stuff as you will come to see.
So I opted for a free WordPress theme instead. That didn’t last very long because I went back to my first choice. I only made small changes to the front-end (the part you see) until I was able to get more comfortable with the back-end (the part you don’t). The result is a site that I am very proud to call my own. I vow to keep my hands to myself and stop adjusting things (lol).
The Redesign of Artiatesia Deal
Project Goals and Objectives
First I need to make sure that the Infinity Pro theme (aff link) was the right one for my project. The non-negotiables were: (1) a mobile responsive theme. Mobile responsive means that the site will detect the type of device it’s being viewed on and change accordingly. Therefore it will look slightly different on a tablet vs. a smartphone and computer. Number (2) compatible with WooCommerce which is a shopping cart for WordPress. I have tried other eCommerce options, but WooCommerce works best for me. Lastly, featured pages, such as landing pages.
The Process and Insight
The Infinity Pro (aff link) checked off everything I needed and more. By me deciding not to make any major design changes I was able to focus more on the content. This particular theme has a very on trend home page with the use on a hero image as the header. This is where I used a stock image that I purchased and resized it so the words on top where clearly shown. Each section of the home page is controlled by a widget which I love because thats less plugins that I would need to use.
I didn’t use all of the widgets areas. For the third widget, I remove the image and swap it for a background color instead. Then for four widget area, I kept the same feel and just added my own text. The rest of the work was setting up my pages and the shop using WooCommerce.
If a WordPress theme states that it’s WooCommerce ready, all that this means is you can using the plugin for your store and it looks like it goes with the theme. With the plugin you can sell both physical and digital products.
I use a few plugins to customize a couple more things. Like Genesis Simple Edits and Genesis Simple Hooks which only works with the use of the Genesis Framework and child themes. They allow me to change different parts of the theme without touching any of the coding. For example, the text found in the footer section. The Code Snippets plugin allow me to add in PHP code when needed, also without me having to edit any of the theme’s files. Lastly, WooCommerce Menu Cart which allows you to see how many items you have added to your cart and their cost by clicking the link from the menu bar.
As a treat for you, I have created quick video tour to help you navigate my website.
Well, I am off to work on my next project. Will it be yours?
Be sure to grab my service guide. If you ready for a website using WordPress, grab my special $79 Website promotion before it goes away.