View Website / View GitHub Source

Case Study: T:ML:SS

While working with the client, they were previously working with a company that decided to build the website with Word Press with an E-commerce service (woo-commerce). I decided to talk more with the client about another possible faster, more optimized, and simpler approach to the overall design of the site, front-end, and back-end wise.

Issues:

The client's site was overall too slow to load with a loading time of over ~3.3s and could take over 15s on a device on a 3G network.

The shopping cart was tied down to WordPress which is heavily loaded with additional non-required plugins and services.

The site design overall wasn't engaging at all with anything pointing to a call to action.

Old Design: 

New Design: 

Process:

After doing a bit of self-research and study I decided the best approach for the client in order to be able to self manage the site to save costs on hiring another freelancer or worker, I decided the best approach was to use a ReactJS built commerce site using the JAM E-Commerce service SnipCart. The core design of the brand was lacking a bit of color that stands out on the page, so I decided to use a gradient of grey shades to emphasize the overall look of the site.

The logo was simple but it lacked any understanding of the message of the company. 

After talking with the client on a new design for the local I sent a few examples and landed on this simple and yet elegant design.