Macbook Screen
Macbook Background
Mobile Screen
Macbook Background

Here’s what FoldaBox had to say about our service:

Nicole Hines
Nicole Hines Managing Director, FoldaBox

My dealings with Ross at ShopCreatify have been absolutely 1st Class. I am delighted with our new site.

I have previously worked with a couple of Shopify developers and I have to say was not looking forward to the process again! All my fears were dispelled and it has been nothing but a pleasure.

I genuinely feel I am working in partnership with someone who cares about my website and who seeks to achieve the best possible results.

Five stars and more!

About the Project

FoldaBox approached us in September 2015 with a request to redesign their online stores. The initial brief was one of the most comprehensive we've received, and from the get-go we had a clear picture of what Nicole Hines, owner's high level objectives were.

FoldaBox were certainly not new to Shopify when reaching out to us, with two versions of their stores already having served their roles. Their previous store, built around 2012, had become dated and had reached the end of its shelf life. So, we were in for a third generation build of the FoldaBox brand's UK and USA stores and Nicole had done her homework. She'd investigated the option of using a theme for her store, since the previous two projects had been custom made front-ends.

One of the primary reasons for the redesign - as is often the case with existing stores - was the lack of mobile responsiveness — An absolute necessity in online trading nowadays.

Being Out of the Sandbox themes specialists and the fact that Responsive was the theme she had her eye on, we were suggested to her by Out of the Sandbox as a potential design and development partner.

The approach we agreed on was to break the project into logical phases that allowed us focus on the objectives of each phase and execute them to the best of everybody's abilities. This allowed us to split the project into a number of mini-projects, each with a clear conclusion and or deliverable on completion. This turned out to be a very good decision and a very effective method of running the project as a whole.

After the store was launched, it was clear that our collaboration had paid off: FoldaBox UK's revenue doubled, with Foldabox USA — a recent expansion — seeing nearly a 200% increase in sales. We are thrilled with the response to the new stores, and with improvements being made every month, ShopCreatify and FoldaBox are sure to enjoy a lasting and positive relationship for some time to come.

At a high level, the project was broken down as follows:

Discovery

Discovery

To start things off, it made sense to firstly critically analyse the requirements. As detailed as they were, it was important for us to unpack what needed to be done, what should be done, and what would be nice to do.

Once we were more familiar with the brand, the clientèle, the products and the specific ways they were merchandized and sold, we were able to advise on an approach that would meet their objectives.

It was decided that a customized theme approach was viable for them, although the choice of theme would be an important factor. For this reason we trialed the full catalogue of Out of the Sandbox themes and ultimately decided that Parallax was the best option for their business.

Design

Design

Having conducted the necessary research in the discovery phase, we had a clearer idea of what needed to be done visually on the store. Using the chosen theme as a base, we set out to design the store with enough visual differentiation to have the store stand apart while still retaining the strong points of the theme.

We worked in conjunction with the client's brand designer, who produced a brilliant brand identity including a new logo, typefaces and colouring.

The process included a fair deal of Photoshop time, but ultimately there were minimal revision rounds and we got through this phase fairly quickly.

Development

Development

With a development environment set up, a completed design approved, and all the required resources, we tucked into the theme development.

As with most aspects of this project, the development went very smoothly. Our brilliant team of developers meticulously coded the customized theme design in the development environment, and we collaboratively tested with the client as we went.

This stage culminated in what was essentially a completed and tested theme ready for deployment, but there was still one phase remaining.

Customizations

Customizations

Once the theme had been coded, we were ready to begin implementation of the customizations to the normal function of the store.

There were a number of clever bits of custom functionality in the previous build. For instance, a "Buy a Sample" link on the product page which appeared if FoldaBox offered samples for that product. There were also some trickier bits where the transplanting of the existing customizations needed to be re-written to work in the new theme.

This was a fairly incremental phase with a number of learnings along the way about how the previous customizations worked and whether they were usable or not.

Of course, testing was a heavy aspect of this phase as almost every customization had some implication on the working of the site. Ultimately the transition of the functionality went quite smoothly and without any major headaches.

Deployment

Deployment

Launching a redesigned Shopify store can be a somewhat daunting task. It's usually an existing store that is likely receiving a good number of orders per day. Launching at the wrong time loses the merchant sales during the deployment and any major mistakes can cause a drop (or even flatline) sales until they are solved.

We made a data based decision based on the store's analytics to launch the store very early in the morning on a day that normally has the lowest number of sales.

A good deal of planning was paramount for the deployment. Every aspect of the deployment was listed in a comprehensive set of Trello cards that allowed us to tick items off as they're done. This allowed us to execute the actual deployment task in a surprisingly short period of time (under 2hrs) and thanks to our pre-tests, almost everything went as planned and they were back up and selling sooner than we actually expected.

Enhance

Enhancements

After the site went live, there was an immediate positive response from FoldaBox's customers and some of the pain points mentioned in the brief were very effectively addressed by the new theme. The number of "how do we do x" phonecalls slowed down almost to a halt, and there were only some minor issues that we managed to resolve before they were even seen by customers.

Being in a much better position now, with a fresh looking storefront and with a list of "nice to have" enhancements to the site, we cherry-picked the ones that would have the most positive impact (i.e. return on investment), and set out to scope them out and ultimately build them.

Hover Cart

FoldaBox Hovercart
FoldaBox's HoverCart, a customization to the default theme.

One of the more notable enhancements was the hover-cart, which we designed and developed, that allows visitors to view and manage their cart from any page on the site.

Footer Redesign

FoldaBox Hovercart
Foldabox Footer Redesign

Since the Parallax theme's footer is somewhat limiting, we completely overhauled the footer of the theme.

Custom Project Questionnaire Forms

FoldaBox Hovercart
FoldaBox's custom printing page, targeting customers who want to have custom designs printed and featuring a job submission questionnaire, was added after launch.

Foldabox receives a high volume of requests for customized boxes. These projects can take the form of a custom printing job, or additions like box closures, fillings, or embellishments to the boxes, tailored to their customers' needs.

In order to help Foldabox process these requests, we set up various forms throughout the site which captures these requests from customers. We worked with Foldabox's existing internal process to make sure that the transition was as smooth as possible.

The result has been a much improved workflow which is convenient for both Foldabox and their customers.

Storetime Widget

FoldaBox Storetime Widget
Foldabox's Storetime widget.

The most recent enhancement to the site was the addition of a customized support widget.

As a UK-based company which also serves customers in the United States, Foldabox needed a way to communicate to its international customers when they could expect a response from their support team.

After a brief discussion, we coded a simple widget which displays the current local time in the United Kingdom and a little message that lets visitors know when support will be back online. The widget can be tweaked easily by Foldabox, letting them change their support window time if needed, and change the entire appearance of the widget if necessary.

If it's a public holiday in the U.K., Foldabox can also set the widget to display this with a simple toggle, which can be switched off the next day.

Summary

Summary

Nicole at FoldaBox was (is) probably the ideal client. From the get-go her brief was concise and figuring out her needs and desires was a pleasurable and flowing experience.

The well defined and logical phases we came up with together allowed both ShopCreatify and FoldaBox to initially get a good sense of how well suited we were to take the project all the way through to completion together. Thankfully, the initial phases went off brilliantly with a great initial rapport formed between us that remained throughout the project and lasts to this day.

At the time of this summary being written, we are still constantly enhancing and improving the FoldaBox store and they are continuing to see the results of these efforts. Whether implementing better sidebar filtering or adding a form to reduce customer calls, the continual effort allows FoldaBox to increase their bottom line and eradicate pain points along the way.