UX / UI Design
Ecommerce

Strawberry Fields Shopify eCommerce Website Case Study

Family-run farm Strawberry Fields is nestled in the countryside near Lifton on the Devon & Cornwall border. The team behind the bustling farm shop and restaurant wanted to extend their already successful local delivery online store to accommodate nationwide delivery. We selected and customised a Shopify theme to meet their needs and budget. The result? An intuitive, user-led online store that showcases their farm-fresh produce, with local and national delivery options fully integrated with their existing EPOS platform for complete inventory management.

Mounce Family walking and laughing together through field on their farm

What we did

The navigation was a key factor when building the current Strawberry Fields Online Food Shop as they have a large amount of products. It was a very thought out process, tailored to their products. We were able to customise the theme to meet our clients needs, creating a sticky search bar for both mobile and desktop. Making the shopping experience as easy as possible for users while maintaining their brand.

User Experience

The main navigation has been simplified in order to make it clear to Users what Products are available and where they can be found. Using imagery throughout the site Strawberry Field's brand and story takes each User on a journey, reinforcing that with each purchase they are supporting local produce. To make the process even easier we implemented the Add to Cart button on the Product Collection pages to allow for the User to use less clicks to shop as well as creating a fast check out experience.

Product Photography Direction

Keeping within Strawberry Field's Brand Guidelines we chose a background for the Product Imagery that was on brand and reflected where their food was sourced, locally. Templates were created for our Client that allowed them to create Product Images that were consistent throughout the website, making the image content easier for User's to take in.

One Stop Shop

We created a home page with a seamless shopping experience. The User is able to shop directly from the one page with less clicks to add to cart. This also gives Strawberry Field's control in showing specific collections and products on the home page that they are wanting to promote. On the homepage the User could add a product to cart that they might not have originally gone to the shop for, it is an excellent way to upsell. Less clicks, less pages and a well designed expereince.

Mobile Search

Over half of Users visit the Strawberry Fields website on Mobile. Ensuring that the Shopify theme and User Experience works well on Mobile first is critical. We enhanced the Shopify theme used by implementing a sticky search navigation to assist Users as they shop. Optimised for speed and with responsive design, not only does the website display well on Mobile but also Desktop.

Zapiet Integration

We integrated one of the most powerful store collection and local delivery solutions for Shopify. It provides Strawberry Fields with the flexibility to offer their customers the ability to collect from their farm shop, deliver with their own fleet of vans or integrate with their preferred courier for nationwide deliveries.

Order import

We built a bespoke app that allowed Strawberry Fields to automatically import their Shopify orders into their EPOS system. This removed the need to manually enter orders into the EPOS system thus saving valuable time and resources.

$lineItemXML = $orderXML->addChild('order_detail_lines');
foreach ($order['line_items'] as $item)
{
    $lineDetailXML = $lineItemXML->addChild('detail_line');
    $lineDetailXML->addChild('product_code', $item['sku']);
    $lineDetailXML->addChild('qty', $item['quantity']);
    $lineDetailXML->addChild('price_each', $item['price']);
    $lineDetailXML->addChild('line_total', number_format($item['price'] * $item['quantity'], 2));
}

EPOS Integration with Shopify

We have integrated with Strawberry Fields EPOS and stock system by building a bespoke app. The app ensures new products are automatically added to their Shopify store and inventory is updated in realtime to ensure stock availability. Additionally, when a customer places an order the details are automatically pushed into the EPOS system. By automating this process administration time is reduced to virtually zero.