WordPress Website Redesign – Responsive, Parallax, CSS3, HTML5, and Jquery
When I first built my site I was going to just blog, then I started adding services and needed a place to showcase them. I made a huge mistake and built a whole new separate site. I have since shut that down, and little by little creating a services site around the blog I had. Finally I have done a complete WordPress Website Redesign.
It is Responsive, uses, Parallax, CSS3, HTML5, and Jquery… and quite attractive
I am not quite complete, so do be easy on me… but I would love to hear your thoughts!
WordPress Website Redesign
I had been using the Studiopress Genesis Framework* for my blog and stuck with that for my redesign. I love the Genesis system because of its ease to use, flexibility, SEO optimization, clean code, and continuous updates. I already owned this but normally it is $59.95
I decided to use the new Epik Theme* for the paint job, while it does not come in my developer account it was only an extra $18. I love the the way the theme allowed for so much flexibility and just the simple beauty of the design. In addition it is a Responsive Theme.
Responsive is a manner of designing a website where you consider the design of the site on mobile devices and work your way out to screens.
Responsive websites are the alternative to a mobile site and automatically fit your site to every size screen.
The Epik Theme recommends that you use the Genesis Slider for your site, but I wanted something with some Pizzaz. For my website redesign I wanted to use a technique called Parallax.
Parallax uses layers and motion to create a 3d like effect. Sites with huge budgets use this technology to create a virtual moving site and it can get pretty amazing…. but for my needs a simple slider does the trick. This allows me to create a visual show, and still maximize my site with content for SEO.
Parallax is a good alternative to Flash.
In order to display some Parallax and still stay Responsive I used the LayerSlider Parallax Slider Plugin*. It is an amazing plugin and quite a bargain at $15.
Purchased some cool Internet Marketing Icons* from graphic river. only $7.
For my jquery sliding “Register” Drawer I used the WordPress Sliding Drawer plugin*. Free.
To display my pricing as beautifully and eye catching as possible and still maintain the integrity of my Responsive design I used the CSS3 Responsive Web Pricing Tables Grids For WordPress* plugin. Only $15.
Other Plugins I Use:
(* I am an affiliate for these products and make a small commission if you buy one)
As always the engine is Worpdress 3.5.2!