Case Study

Cornforth Images Website

Cornforth Images

Cornforth Images was originally launched in 2012.  It was a custom WordPress theme featuring a WooCommerce shopping cart that was tailored to meet the photographer’s needs. The jQuery Isotope plugin was used to display the shop’s categories.Horsepower Design created graphic design for the site.

The site’s unique layout emphasizing the photos was feature in the WooCommerce Blog.

Cornforth Images Category Layout

Cornforth Images Category Layout

 

However, as time went on, some of the cart customizations began to cause issues during updates. Plus, the site layout was not responsive so it was difficult to use on a mobile device.

Moving forward, we wanted to keep some of the unique features of the site such as the category layout and the ability to view the main image as it might look in a home, hotel, office or restaurant.

RK&A Website

RK&A

The RK&A website represents a rebranding of the original randikorn.com website. The old site had a dated look and feel and was not mobile friendly.
randikorn.com home page

Andrea Herrick of Herrick Design selected the Infinite theme as a starting point for the new site development. She then provided the graphic design for a customized look and feel using the theme as a base. Andrea also created a new logo as part of the rebranding effort. Once the design mock-ups were available, I created a child theme to handle to custom features.

After we started planning for the site we got a surprise from the client. While we knew that the site was based on custom PHP with a database for a back-end, we were surprised to learn the the client area of the site was maintained via phpmyadmin. This meant that RK&A went into phpmyadmin to manage their list of clients. Custom code pulled items from the database and presented it on the website. So, we had to plan how we would integrate clients into the new website.

randikorn.com client list page

Client List Page

randikorn.com client detail page

Client Detail Page

At first, I thought of just pulling in the data from an exported CSV file but that proved quite messy as it was full of HTML code and would be a difficult fit with the theme. And I really wanted to create a solution that fit in with the Infinite theme structure.

The infinite theme incorporates a page builder to aid with layout. It also has two plugins to handle custom post types for portfolios and personnel. In keeping with this concept, I built a client custom post and added the appropriate page builder layout. The new custom post also includes a taxonomy so we can pull the clients into the correct pages.

RK&A Client Add/Edit Area

RK&A Client Add/Edit Area

You can see the clients pages and front-end implementation at https://rka-learnwithus.com/clients/.

Along with the the re-branding and custom client area, we also migrated a WordPress.com blog and integrated it with the rest of the site.

Flatbike

FlatBike is a custom WordPress theme using WooCommerce as the website storefront. This responsive theme allows site visitors purchase bikes on phones, tablets and computers. The full-size performance bicycles available on the site collapse easily into a car trunk.

The graphic design for this site is by  Horsepower Design.

Site Strategy

The Flatbike site was launched in 2015 with a unique, single page design for the home page and products. Clicking the small thumbnails dynamically loaded the individual product details.
Flatbike Single Page Website Layout

While the single page design was unique, as the site grew and more products were added, it became a bit cumbersome to navigate through the thumbnails. Sometimes customers became confused by this style of navigation which is way less than ideal if you are trying to sell something! Plus, the site owner wanted to focus more on the problems that a CHANGE bike could solve for the consumer. At this point a site redesign was in order.

Flatbike Website Home

Flatbike Website Home Page

Flatbike Website Product Page

Flatbike Website Product Page

The redesigned site has the added advantage of being more SEO friendly with the separate product URLs. The updates also include more videos so customers can see the bikes in action and the ability to gain from other customer’s experience via integration with http://www.shopperapproved.com/.